@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Fraunces:opsz,wght@9..144,650;9..144,760&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#cfd5de;--bg-2:#e4e8ee;--panel:#f8fafdf0;--panel-solid:#fbfcfe;--surface:#eef1f5;--surface-2:#e1e6ee;--text:#1b2029;--muted:#6c7481;--dim:#8c95a4;--line:#1b20291a;--line-strong:#1b20292e;--primary:#f07c35;--primary-2:#d8601e;--accent:#2d5c88;--danger:#c54855;--danger-2:#a93142;--ok:#1e9c66;--warn:#bc7a21;--shadow:0 24px 70px #222a3633;--shadow-soft:0 14px 38px #222a361f;background:var(--bg);color:var(--text);font-family:Outfit,sans-serif}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111720;--bg-2:#1c2430;--panel:#1a212cf0;--panel-solid:#202938;--surface:#151c27;--surface-2:#253142;--text:#f5f7fa;--muted:#a7b0bf;--dim:#7f8999;--line:#ffffff1a;--line-strong:#ffffff2e;--primary:#ff9657;--primary-2:#f07c35;--accent:#8ab6df;--danger:#ff8796;--danger-2:#f56a7f;--ok:#75d9a3;--warn:#f0c16f;--shadow:0 28px 80px #0000006b;--shadow-soft:0 16px 40px #0000003d}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 24rem), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 28rem), linear-gradient(135deg, var(--bg-2), var(--bg));overflow-x:hidden}:root[data-theme=night] body{background:radial-gradient(circle at 12% 10%,#f07c3529,#0000 24rem),radial-gradient(circle at 88% 18%,#8ab6df24,#0000 28rem),linear-gradient(135deg,#151c27,#090d13)}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled,select:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.052em;font-family:Fraunces,serif;font-weight:760;line-height:.96}h1{max-width:720px;margin-bottom:18px;font-size:clamp(3.2rem,7.6vw,6.6rem)}h2{margin-bottom:16px;font-size:clamp(2.7rem,6vw,5.1rem)}.auth-shell,.dashboard-shell{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;position:relative}.auth-shell{place-items:center;min-height:100vh;padding:24px 0;display:grid}.dashboard-shell{width:min(820px,100% - 22px);min-height:100vh;padding:14px 0;display:grid}.orb{display:none}.glass-panel{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--panel-solid) 72%, transparent), transparent 48%), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);position:relative}.glass-panel:before{display:none}.auth-card{border-radius:38px;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:clamp(24px,5vw,56px);width:min(1060px,100%);padding:clamp(24px,4.5vw,54px);display:grid;overflow:hidden}.auth-card>.eyebrow,.auth-card>h1,.auth-card>.lede,.auth-card>.auth-footer{grid-column:1}.auth-card>.auth-heading{grid-column:1/-1}.auth-card>.stack{grid-area:2/2/span 5;align-self:center}.auth-heading,.call-topbar,.top-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-mark{width:fit-content;color:var(--text);letter-spacing:-.02em;align-items:center;gap:13px;margin-bottom:22px;padding:0;font-weight:900;display:inline-flex}.auth-heading .brand-mark,.brand-mark.compact{margin-bottom:0}.brand-dot{background:var(--panel-solid);width:46px;height:46px;box-shadow:var(--shadow-soft);border-radius:16px;place-items:center;display:grid;position:relative}.brand-dot:after{content:"";background:var(--primary);width:17px;height:18px;box-shadow:-8px -9px 0 -4px var(--primary), 1px -12px 0 -4px var(--primary), 10px -7px 0 -4px var(--primary), -10px 3px 0 -4px var(--primary);border-radius:58% 58% 50% 50%}.eyebrow,.section-label{color:var(--primary-2);letter-spacing:.17em;text-transform:uppercase;margin-bottom:.76rem;font-size:.78rem;font-weight:900}.lede{max-width:58ch;color:var(--muted);font-size:clamp(1.05rem,1.9vw,1.22rem);line-height:1.55}.stack{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 82%, transparent);border-radius:30px;gap:14px;margin-top:0;padding:clamp(18px,2.6vw,24px);display:grid}label{color:var(--text);gap:8px;font-size:.92rem;font-weight:900;display:grid}input,select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:18px;outline:none;padding:15px 16px}input:focus,select:focus{border-color:color-mix(in srgb, var(--primary) 56%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent)}.mode-switch{border-bottom:1px solid var(--line-strong);background:0 0;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.mode-switch button{color:var(--muted);background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:0 8px 13px;font-weight:900}.secondary,.theme-toggle{color:var(--text);background:0 0;border-radius:16px;padding:12px 14px;font-weight:900}.mode-switch button.active{border-bottom-color:var(--primary-2);color:var(--primary-2);box-shadow:none;background:0 0}.secondary:hover:not(:disabled),.theme-toggle:hover{background:var(--panel-solid);box-shadow:var(--shadow-soft)}.theme-toggle{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--panel-solid) 84%, transparent);color:var(--muted);white-space:nowrap;min-width:84px;min-height:46px;box-shadow:none;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:inline-grid}.theme-toggle.small{min-width:74px;min-height:46px}.theme-icon{min-width:32px;height:34px;color:var(--muted);border-radius:12px;place-items:center;font-size:1rem;line-height:1;display:grid}.theme-icon.active{background:var(--primary);color:#fff}.primary,.danger,.inline-form button{letter-spacing:-.02em;border-radius:19px;min-height:58px;padding:14px 22px;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s}.primary,.inline-form button{background:linear-gradient(180deg, var(--primary), var(--primary-2));color:#fff;box-shadow:0 16px 34px color-mix(in srgb, var(--primary-2) 28%, transparent)}.danger{background:linear-gradient(180deg, var(--danger), var(--danger-2));color:#fff;box-shadow:0 16px 34px color-mix(in srgb, var(--danger) 24%, transparent)}.primary:hover:not(:disabled),.danger:hover:not(:disabled),.inline-form button:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px)}.auth-footer{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.auth-footer span{background:color-mix(in srgb, var(--panel-solid) 68%, transparent);color:var(--muted);border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:800}.call-focus{place-items:stretch center;display:grid}.call-card{border-radius:34px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:13px;width:100%;min-height:calc(100vh - 28px);padding:clamp(18px,2.4vw,26px);display:grid;overflow:hidden}.call-card.glass-panel{box-shadow:none}.call-card.in-call-layout{padding:0;display:block}.call-card.in-call-layout .call-topbar{display:none}.call-topbar{z-index:2;position:relative}.session-subtitle{color:var(--muted);margin:4px 0 0;font-size:.94rem;font-weight:800}.menu-trigger,.device-menu-trigger{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 86%, transparent);width:52px;height:52px;color:var(--text);box-shadow:var(--shadow-soft);border-radius:18px;justify-content:center;align-items:center;gap:5px;display:inline-flex}.menu-dot{opacity:.86;background:currentColor;border-radius:999px;width:6px;height:6px;display:block}.device-picker{z-index:2;align-content:start;gap:24px;min-height:min(70vh,760px);padding:clamp(10px,2vw,18px) 2px;display:grid;position:relative}.device-picker>div:first-child p:not(.eyebrow){max-width:58ch;color:var(--muted);font-size:1.08rem;line-height:1.45}.device-list{gap:14px;display:grid}.device-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 82%, transparent);width:100%;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.device-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.device-main{min-width:0;color:var(--text);text-align:left;background:0 0;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 12px;display:grid}.device-card strong{font-size:1.18rem;font-weight:900;display:block}.device-card small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.84rem;font-weight:900;display:block}.device-menu-trigger{width:50px;height:50px;box-shadow:none;margin-right:2px}.device-menu-trigger:hover{color:var(--text);background:var(--surface-2)}.device-dot{background:var(--danger);width:14px;height:14px;box-shadow:0 0 0 7px color-mix(in srgb, var(--danger) 13%, transparent);border-radius:999px}.device-dot.online{background:var(--ok);box-shadow:0 0 0 7px color-mix(in srgb, var(--ok) 15%, transparent)}.device-dot.in_call{background:var(--warn);box-shadow:0 0 0 7px color-mix(in srgb, var(--warn) 15%, transparent)}.empty-devices{border-top:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);color:var(--muted);background:0 0;gap:8px;padding:20px 0;font-size:1.08rem;display:grid}.empty-devices strong{color:var(--text)}.video-stage{z-index:2;border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-2) 80%, #000 20%));box-shadow:inset 0 1px 0 #ffffff47, var(--shadow-soft);border-radius:30px;position:relative;overflow:hidden}:root[data-theme=night] .video-stage{box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-soft)}.portrait-stage{aspect-ratio:9/16;justify-self:center;width:min(100%,590px);height:min(70vh,850px);min-height:430px}.remote-video{z-index:3;object-fit:cover;opacity:0;pointer-events:none;background:#03060c;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.remote-video.active{opacity:1}.call-screen{background:radial-gradient(circle at 50% 16%,#ffffff9e,#0000 22rem),linear-gradient(#dbe1e9,#aeb8c5);border-radius:34px;width:100%;min-height:calc(100vh - 28px);position:relative;overflow:hidden}:root[data-theme=night] .call-screen{background:radial-gradient(circle at 50% 18%,#ffffff14,#0000 22rem),linear-gradient(#121923,#070a10)}.call-screen .remote-video{z-index:1}.call-screen .remote-placeholder{z-index:0}.call-screen .local-preview{border:0;border-radius:18px;width:min(132px,28vw);top:22%;left:16px;right:auto;box-shadow:0 16px 44px #00000038}.call-float-top{z-index:5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:absolute;top:16px;left:16px;right:16px}.icon-button{color:#1b2029;min-width:58px;height:58px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-radius:20px;place-items:center;padding:0 14px;font-weight:900;display:grid}.call-name{color:#1b2029;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 18px #ffffffe6;justify-self:center;max-width:100%;font-weight:900;overflow:hidden}:root[data-theme=night] .call-name{color:#f5f7fa;text-shadow:0 1px 18px #000000e6}.call-dock{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f26319e;border-radius:999px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #00000038}.dock-button{color:#ffffffe6;background:0 0;border-radius:999px;place-items:center;min-width:50px;height:50px;padding:0 12px;font-weight:900;display:grid}.dock-button.hangup{color:#fff;background:#ff5e66}.remote-placeholder{z-index:1;width:100%;height:100%;min-height:inherit;text-align:center;place-items:center;padding:28px;display:grid;position:relative}.remote-placeholder:before{display:none}.remote-placeholder span{color:var(--text);letter-spacing:-.05em;font-family:Fraunces,serif;font-size:clamp(2rem,4.8vw,4rem);font-weight:760;display:block;position:relative}.remote-placeholder strong{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:11px;padding:0;font-size:.82rem;font-weight:900;display:block;position:relative}.local-preview{z-index:4;aspect-ratio:9/13;object-fit:cover;opacity:0;visibility:hidden;background:#03060c;border:1px solid #ffffff7a;border-radius:18px;width:min(132px,25vw);transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:14px;right:14px;transform:translateY(-6px)scale(.98);box-shadow:0 18px 54px #00000047}.local-preview.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.call-actions,.inline-form{gap:10px;display:grid}.call-actions{z-index:2;grid-template-columns:1fr 1fr auto;position:relative}.call-button{font-size:1.02rem}.reset-button{padding-inline:17px}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f263161;justify-content:flex-end;animation:.16s ease-out both fadeIn;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);border:0;border-left:1px solid #ffffff70;border-radius:0;align-content:start;gap:18px;width:min(500px,100%);height:100vh;padding:28px;animation:.22s cubic-bezier(.2,.9,.2,1) both drawerIn;display:grid;overflow-y:auto;box-shadow:-22px 0 56px #181f2a2e}.drawer-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.drawer-header h2{font-size:clamp(2.2rem,6vw,3.5rem)}.drawer-close{background:var(--surface);width:48px;height:48px;color:var(--text);border-radius:16px;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.drawer-section{z-index:2;border-top:2px solid var(--line-strong);gap:12px;padding-top:18px;display:grid;position:relative}.fact-card,.pairing-code{border:1px solid var(--line);background:var(--panel-solid);gap:5px;padding:14px;display:grid}.fact-card span,.pairing-code span,.facts dt{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.fact-card strong,.pairing-code strong,.facts dd{color:var(--text);word-break:break-word;font-weight:900}.pairing-code strong{color:var(--primary-2);letter-spacing:.1em;font-size:clamp(2rem,6vw,3.4rem)}.drawer-actions.two,.drawer .inline-form{grid-template-columns:1fr 1fr}.drawer .inline-form{grid-template-columns:minmax(0,1fr) auto;display:grid}.facts{gap:10px;margin:0;display:grid}.facts div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:10px;display:grid}.facts dd{margin:0}.events p{border-left:5px solid var(--accent);background:color-mix(in srgb, var(--panel-solid) 52%, transparent);color:var(--muted);margin-bottom:0;padding:12px 14px;font-weight:700}.muted{color:var(--muted)}.error,.success{z-index:2;border-radius:18px;padding:13px 15px;font-weight:900;position:relative}.error{background:color-mix(in srgb, var(--danger) 13%, transparent);color:var(--danger)}.success{background:color-mix(in srgb, var(--ok) 13%, transparent);color:var(--ok)}.reveal{animation:.42s cubic-bezier(.2,.9,.2,1) both rise}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@media (width<=860px){.auth-card{grid-template-columns:1fr;width:min(680px,100%)}.auth-card>.auth-heading,.auth-card>.eyebrow,.auth-card>h1,.auth-card>.lede,.auth-card>.auth-footer,.auth-card>.stack{grid-area:auto/1}.stack{margin-top:4px}}@media (width<=760px){.auth-shell,.dashboard-shell{width:min(100% - 16px,1120px)}.auth-card,.call-card{border-radius:28px}.auth-card{gap:12px}.auth-card>.auth-heading{order:1}.auth-card>.eyebrow{order:2}.auth-card>h1{order:3}.auth-card>.stack{order:4}.auth-card>.lede{order:5}.auth-card>.auth-footer{order:6}.auth-card>h1{margin-bottom:4px;font-size:clamp(2.1rem,9.8vw,3.1rem)}.auth-card>.lede{margin:4px 0 0;font-size:.98rem;line-height:1.42}.call-card{min-height:calc(100vh - 22px)}.call-topbar{align-items:flex-start}h2{font-size:clamp(2.35rem,10vw,4rem)}.portrait-stage{border-radius:23px;height:min(65vh,800px);min-height:380px}.call-actions{grid-template-columns:1fr 1fr}.reset-button{grid-column:1/-1}.drawer{width:100%;padding:20px}.drawer-actions.two,.drawer .inline-form{grid-template-columns:1fr}}@media (width<=520px){.top-actions{gap:8px}.theme-toggle.small{min-height:44px;display:inline-grid}.brand-dot{width:42px;height:42px}.call-card{padding:16px}}@media (width<=460px){h1{font-size:clamp(2.1rem,9.8vw,3.1rem)}.auth-card{padding:20px}.local-preview{width:108px}}