*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:#0f1117;color:#e8eaf0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.join-view{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.join-card{background:#1c1f2a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;width:100%;max-width:420px}.join-card__title{font-size:1.5rem;font-weight:600;margin-bottom:8px}.join-card__subtitle{color:#8b90a0;margin-bottom:24px;font-size:.95rem}.join-card__form{display:flex;flex-direction:column;gap:16px}.join-card__input{background:#0f1117;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e8eaf0;font-size:.95rem;padding:8px 16px;width:100%;transition:border-color .2s}.join-card__input:focus{outline:none;border-color:#4f8ef7}.join-card__error{color:#e55353;font-size:.875rem}.join-card__btn{background:#4f8ef7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 24px;transition:opacity .2s}.join-card__btn:disabled{opacity:.5;cursor:not-allowed}.join-card__btn:hover:not(:disabled){opacity:.9}.call-view{display:flex;flex-direction:column;height:100vh;position:relative}.call-view__ended{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;flex:1}.call-view__ended button{background:#4f8ef7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 24px}