:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b0d12;--bg-1:#11141b;--bg-2:#161a23;--bg-3:#1d2230;--line:#262c3b;--line-strong:#303749;--text:#eef0f6;--muted:#9aa3b8;--muted-strong:#c5cad8;--brand:#6366f1;--brand-2:#8b5cf6;--brand-glow:#6366f159;--accept:#10b981;--accept-2:#059669;--reject:#ef4444;--reject-2:#dc2626;--warn:#f59e0b;--shadow-1:0 1px 2px #00000059;--shadow-2:0 8px 24px #00000073;--shadow-3:0 20px 50px #0000008c;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--tap:44px;--header-h:60px;font-feature-settings:"cv11", "ss01", "ss03";font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;margin:0;padding:0}body{background:radial-gradient(ellipse 90% 60% at 50% 0%, #6366f11f 0%, transparent 60%), radial-gradient(ellipse 80% 40% at 50% 100%, #8b5cf614 0%, transparent 70%), var(--bg-0);background-attachment:fixed;min-height:100dvh}#root{min-height:100dvh}code,.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);min-height:var(--tap);letter-spacing:-.01em;background:var(--bg-3);color:var(--text);-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.95rem;font-weight:600;transition:background-color .14s,transform 80ms,opacity .14s,box-shadow .14s,border-color .14s;display:inline-flex}button:hover:not(:disabled){background:var(--line-strong)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);color:#fff;box-shadow:0 1px 0 #ffffff14 inset, 0 6px 16px var(--brand-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5054ec 0%,#7c4ef0 100%)}.btn-accept{background:linear-gradient(135deg, var(--accept) 0%, var(--accept-2) 100%);color:#fff;box-shadow:0 6px 16px #10b9814d}.btn-reject{background:linear-gradient(135deg, var(--reject) 0%, var(--reject-2) 100%);color:#fff;box-shadow:0 6px 16px #ef44444d}.btn-ghost{border:1px solid var(--line);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-2);border-color:var(--line-strong)}.btn-icon{border-radius:999px;width:56px;height:56px;min-height:0;padding:0}.btn-icon-lg{width:68px;height:68px}@media (width>=640px){.btn-icon-lg{width:76px;height:76px}}.btn-icon-sm{width:40px;height:40px;min-height:40px}.app{min-height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}.app--callmode{background:#000;padding:0}.brand-header{padding:.6rem .85rem;padding-top:calc(.6rem + var(--safe-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:10;min-height:calc(var(--header-h) + var(--safe-top));background:#0b0d12cc;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.brand-header__logo{letter-spacing:-.02em;align-items:center;gap:.55rem;min-width:0;font-weight:700;display:flex}.brand-header__logo-mark{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);width:32px;height:32px;box-shadow:0 4px 14px var(--brand-glow);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.brand-header__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}@media (width<=380px){.brand-header__title{display:none}}.brand-header__spacer{flex:1}.brand-header__user{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .5rem .3rem .3rem;display:flex}.brand-header__user-name{color:var(--muted-strong);white-space:nowrap;font-size:.85rem;font-weight:500}@media (width<=480px){.brand-header__user{padding:.25rem}.brand-header__user-name{display:none}}.brand-header__switch{min-height:36px;padding:0 .85rem;font-size:.85rem}.conn-pill{border:1px solid var(--line);background:var(--bg-2);color:var(--muted-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.conn-pill__dot{background:var(--muted);border-radius:999px;flex-shrink:0;width:7px;height:7px}@media (width<=480px){.conn-pill{justify-content:center;gap:0;width:28px;height:28px;padding:.3rem}.conn-pill__label{display:none}}.conn-pill--connected .conn-pill__dot{background:var(--accept);box-shadow:0 0 0 4px #10b98126}.conn-pill--connecting .conn-pill__dot{background:var(--warn);animation:1.4s ease-in-out infinite pulse-dot}.conn-pill--disconnected .conn-pill__dot{background:var(--reject)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.avatar{letter-spacing:-.02em;color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.avatar--xs{width:28px;height:28px;font-size:.7rem}.avatar--sm{width:40px;height:40px;font-size:.95rem}.avatar--md{width:52px;height:52px;font-size:1.15rem}.avatar--lg{width:88px;height:88px;font-size:2rem}.avatar--xl{width:112px;height:112px;font-size:2.4rem}@media (width>=640px){.avatar--md{width:56px;height:56px;font-size:1.25rem}.avatar--lg{width:96px;height:96px;font-size:2.1rem}.avatar--xl{width:132px;height:132px;font-size:2.9rem}}.avatar--user1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 8px 24px #6366f159}.avatar--user2{background:linear-gradient(135deg,#ec4899 0%,#f97316 100%);box-shadow:0 8px 24px #ec489959}.avatar__dot{border:2px solid var(--bg-1);background:var(--muted);border-radius:999px;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.avatar--md .avatar__dot{width:14px;height:14px}.avatar--lg .avatar__dot,.avatar--xl .avatar__dot{border-width:3px;width:22px;height:22px;bottom:4px;right:4px}.avatar__dot--online{background:var(--accept)}.avatar__dot--in-call{background:var(--warn)}.landing{padding:1.5rem 1rem;padding-top:calc(1.5rem + var(--safe-top));padding-bottom:calc(1.5rem + var(--safe-bottom));flex:1;justify-content:center;align-items:center;display:flex}.landing__card{border:1px solid var(--line);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:460px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#1d223099 0%,#11141bd9 100%);padding:2rem 1.5rem}@media (width>=480px){.landing__card{padding:2.75rem 2.25rem}}.landing__logo{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);width:64px;height:64px;box-shadow:0 12px 36px var(--brand-glow);color:#fff;border-radius:20px;place-items:center;margin:0 auto 1.25rem;display:grid}@media (width>=480px){.landing__logo{width:72px;height:72px;margin-bottom:1.5rem}}.landing h1{letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.4rem;font-weight:700;line-height:1.2}@media (width>=480px){.landing h1{font-size:1.65rem}}.landing p{color:var(--muted);margin:0 0 1.75rem;font-size:.9rem;line-height:1.55}@media (width>=480px){.landing p{margin-bottom:2rem;font-size:.95rem}}.landing__buttons{gap:.65rem;display:grid}.landing__user-button{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);text-align:left;justify-content:flex-start;align-items:center;gap:.85rem;width:100%;min-height:64px;padding:.85rem 1rem;display:flex}.landing__user-button:hover{background:var(--bg-3);border-color:var(--brand);box-shadow:0 4px 12px var(--brand-glow)}.landing__user-button-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.landing__user-button-info strong{letter-spacing:-.01em;font-size:.95rem}.landing__user-button-info span{color:var(--muted);font-size:.78rem;font-weight:400}.landing__user-button-arrow{color:var(--muted);flex-shrink:0;transition:transform .14s,color .14s;display:inline-flex}.landing__user-button:hover .landing__user-button-arrow{color:var(--brand);transform:translate(3px)}.home{padding:1.25rem 1rem;padding-bottom:calc(2rem + var(--safe-bottom));flex:1;justify-content:center;display:flex}.home__container{width:100%;max-width:720px}.home__heading{letter-spacing:-.025em;margin:0 0 .3rem;font-size:1.4rem;font-weight:700}@media (width>=640px){.home{padding:2rem 1.5rem 4rem}.home__heading{margin-bottom:.4rem;font-size:1.85rem}}.home__sub{color:var(--muted);margin:0 0 1.25rem;font-size:.88rem}@media (width>=640px){.home__sub{margin-bottom:2rem;font-size:.95rem}}.contact-list{gap:.65rem;display:grid}.contact-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:.85rem;padding:.85rem .95rem;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}@media (width>=640px){.contact-card{gap:1.1rem;padding:1.1rem 1.25rem}}.contact-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.contact-card__info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.contact-card__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}@media (width>=640px){.contact-card__name{font-size:1.05rem}}.contact-card__status{color:var(--muted);font-size:.8rem}.contact-card__status--online{color:var(--accept)}.contact-card__cta{flex-shrink:0;padding:0 .85rem}.contact-card__cta-label{display:none}@media (width>=480px){.contact-card__cta{padding:0 1rem}.contact-card__cta-label{display:inline}}.empty-state{text-align:center;background:var(--bg-1);border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);padding:2.5rem 1.25rem;font-size:.9rem}.toast{top:calc(var(--header-h) + var(--safe-top) + 12px);z-index:100;background:var(--bg-2);border:1px solid var(--reject);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-3);align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:.88rem;animation:.2s ease-out toast-in;display:flex;position:fixed;left:12px;right:12px}@media (width>=640px){.toast{max-width:360px;left:auto;right:24px}}.toast__icon{color:var(--reject);flex-shrink:0}.toast__message{flex:1}.toast__close{width:32px;height:32px;min-height:32px;color:var(--muted);background:0 0;border-radius:8px;padding:0}.toast__close:hover{background:var(--bg-3)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.call-stage{z-index:50;padding:2rem 1.25rem;padding-top:calc(2rem + var(--safe-top));padding-bottom:calc(2rem + var(--safe-bottom));background:radial-gradient(circle at 50% 30%,#1d2230 0%,#06070a 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-stage__label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem;font-size:.72rem;font-weight:500}.call-stage__avatar-wrap{margin-bottom:1.5rem;position:relative}.call-stage__avatar-wrap:before,.call-stage__avatar-wrap:after{content:"";border:2px solid var(--brand);opacity:0;border-radius:999px;animation:1.8s ease-out infinite ring-pulse;position:absolute;inset:-14px}.call-stage__avatar-wrap:after{animation-delay:.9s}@keyframes ring-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.call-stage--incoming .call-stage__avatar-wrap:before,.call-stage--incoming .call-stage__avatar-wrap:after{border-color:var(--accept)}.call-stage__name{letter-spacing:-.025em;text-align:center;word-break:break-word;max-width:90vw;margin-bottom:.4rem;font-size:1.6rem;font-weight:700}@media (width>=480px){.call-stage__name{font-size:2rem}}.call-stage__hint{color:var(--muted);text-align:center;margin-bottom:2.5rem;font-size:.9rem}@media (width>=480px){.call-stage__hint{margin-bottom:3rem;font-size:.95rem}}.call-stage__actions{align-items:center;gap:1.5rem;display:flex}@media (width>=480px){.call-stage__actions{gap:1.75rem}}@media (prefers-reduced-motion:reduce){.call-stage__avatar-wrap:before,.call-stage__avatar-wrap:after{opacity:.4;animation:none;inset:-8px}}.in-call{z-index:40;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.in-call__rk{background:#0a0c11;flex:1;position:relative;overflow:hidden}.in-call__rk rtk-meeting,.in-call__rk>div{width:100%;height:100%}.in-call__topbar{top:calc(12px + var(--safe-top));-webkit-backdrop-filter:blur(14px);z-index:5;background:#0b0d12a6;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.65rem;max-width:fit-content;padding:.5rem .85rem .5rem .5rem;display:flex;position:absolute;left:12px;right:12px}@media (width>=480px){.in-call__topbar{left:16px;right:auto}}.in-call__peer-name{white-space:nowrap;text-overflow:ellipsis;max-width:35vw;font-size:.85rem;font-weight:600;overflow:hidden}@media (width>=480px){.in-call__peer-name{max-width:none;font-size:.95rem}}.in-call__timer{color:var(--muted-strong);font-variant-numeric:tabular-nums;white-space:nowrap;border-left:1px solid #ffffff1a;align-items:center;gap:.4rem;margin-left:.3rem;padding-left:.7rem;font-size:.8rem;display:inline-flex}.in-call__timer-dot{background:var(--reject);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-dot}.in-call__disconnect{bottom:calc(20px + var(--safe-bottom));z-index:6;background:linear-gradient(135deg, var(--reject) 0%, var(--reject-2) 100%);color:#fff;white-space:nowrap;border-radius:999px;height:56px;padding:0 1.25rem;font-size:.95rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #ef444473}.in-call__disconnect:hover{transform:translate(-50%)translateY(-1px);box-shadow:0 16px 36px #ef44448c}.in-call__disconnect:active{transform:translate(-50%)scale(.97)}.in-call__joining{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:999px;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mock-call{padding:1.5rem 1rem;padding-bottom:calc(1.5rem + var(--safe-bottom));flex:1;justify-content:center;align-items:center;display:flex}.mock-call__card{background:var(--bg-1);border:1px solid var(--warn);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:480px;padding:1.5rem 1.25rem}@media (width>=480px){.mock-call__card{padding:2rem}}.mock-call__card h2{margin:0 0 .5rem;font-size:1.15rem}.mock-call__card p{color:var(--muted);margin:0 0 1.25rem;font-size:.88rem;line-height:1.55}.mock-call__kv{text-align:left;background:var(--bg-2);border-radius:var(--radius);border:1px solid var(--line);grid-template-columns:max-content 1fr;gap:.4rem .85rem;margin:0 auto 1.25rem;padding:.85rem 1rem;display:grid}.mock-call__kv dt{color:var(--muted);margin:0;font-size:.78rem}.mock-call__kv dd{word-break:break-all;margin:0;font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}