:root{--bg:#0b1019;--bg-soft:#101827;--surface:#151f2fe0;--surface-solid:#161f2e;--surface-raised:#1c2738;--line:#b5cae829;--text:#f3f7ff;--muted:#9ba9bd;--accent:#4e8cff;--accent-strong:#2974f6;--accent-soft:#4e8cff26;--danger:#fb6472;--success:#6ee7b7;--radius:18px;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 8%,#2e6bda30,transparent 31rem),radial-gradient(circle at 88% 78%,#239fad1f,transparent 28rem),var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #73a8ffe6}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.muted{color:var(--muted)}.eyebrow{color:#8eb5ff;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;font-weight:800}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.button{border:1px solid #0000;border-radius:12px;min-height:2.6rem;padding:.65rem 1rem;font-weight:750;transition:transform .16s,background .16s,border-color .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 9px 25px #2974f647}.button-secondary{border-color:var(--line);background:var(--surface-raised);color:var(--text)}.button-quiet{color:var(--muted);background:0 0;border:0}.button-danger{background:var(--danger);color:#fff}.icon-button{border:1px solid var(--line);background:var(--surface);width:2.45rem;height:2.45rem;color:var(--text);border-radius:11px;place-items:center;display:grid}.app-shell{min-height:100vh;padding:1.15rem clamp(1rem,4vw,4rem) 2rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1380px;margin:0 auto 1.25rem;display:flex}.brand-lockup{letter-spacing:-.04em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:800;display:flex}.brand-mark{background:var(--accent-soft);color:#a9c8ff;border:1px solid #8fb5ff4d;border-radius:9px;place-items:center;width:2rem;height:2rem;font-family:ui-monospace,Consolas,monospace;font-size:.73rem;display:grid}.header-actions{align-items:center;gap:.5rem;display:flex}.profile-trigger{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .55rem .28rem .3rem;display:flex}.profile-trigger img,.avatar{color:#071223;object-fit:cover;background:linear-gradient(145deg,#87b5ff,#4568d4);border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;font-weight:850;display:grid}.profile-name{font-size:.87rem;font-weight:700}.header-signout{font-size:.86rem}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.landing-panel{text-align:center;width:min(690px,100%)}.landing-panel .brand-lockup{justify-content:center}.connection-art{color:#b6d1ff;justify-content:center;align-items:center;gap:1rem;margin:3rem auto 1.7rem;font:700 1.35rem ui-monospace,Consolas,monospace;display:flex}.connection-art span{background:#4e8cff1a;border:1px solid #76a6ff66;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;display:grid}.connection-art i{background:linear-gradient(90deg,transparent,var(--accent),transparent);width:clamp(4rem,16vw,8rem);height:1px;animation:2.8s ease-in-out infinite connection-pulse}.landing-panel h1{margin-bottom:1rem;font-size:clamp(2.55rem,7vw,5.3rem);line-height:.98}.landing-copy{color:#c3cede;max-width:34rem;margin:0 auto 1.55rem;font-size:clamp(1rem,2.3vw,1.2rem);line-height:1.55}.github-button{min-width:15rem}.trust-note{max-width:30rem;color:var(--muted);margin:1rem auto 0;font-size:.78rem;line-height:1.5}.landing-footer{color:#77859a;font-size:.76rem;position:fixed;bottom:1.4rem}.auth-error{color:#ff9ca5;margin:1rem 0;font-weight:700}.state-panel,.profile-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.ready-room,.searching-room{text-align:center;width:min(670px,100%);margin:clamp(4rem,13vh,9rem) auto}.ready-room h2,.searching-room h2{margin-bottom:.7rem;font-size:clamp(2.25rem,5vw,3.8rem);line-height:1}.ready-copy{max-width:30rem;margin:0 auto 1.5rem;line-height:1.55}.find-button{min-width:min(100%,18rem);min-height:3.5rem;font-size:1.05rem}.permission-note{color:#8594aa;margin:1rem auto 1.4rem;font-size:.8rem}.preferences-trigger{color:#bdc9da;background:0 0;border:0;font-weight:700}.preferences-trigger span{color:#8eb5ff;margin-left:.45rem}.preferences-sheet{border:1px solid var(--line);text-align:left;background:#101827b8;border-radius:14px;max-width:520px;margin:1.1rem auto 0;padding:1rem 1.1rem}.search-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.search-controls label,.profile-form label{color:var(--muted);gap:.38rem;font-size:.83rem;display:grid}.search-controls select,.profile-form input,.profile-form textarea,.profile-form select,.chat-compose input{border:1px solid var(--line);width:100%;min-height:2.55rem;color:var(--text);background:#0d1522;border-radius:10px;padding:.5rem .65rem}.search-animation{color:#bad3ff;justify-content:center;align-items:center;gap:.85rem;margin:0 auto 1.25rem;font:700 1.4rem ui-monospace,Consolas,monospace;display:flex}.search-animation span{background:var(--accent-soft);border:1px solid #7aa9ff66;border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.search-animation i{background:linear-gradient(90deg,transparent,var(--accent),transparent);width:4rem;height:1px;animation:1.6s ease-in-out infinite connection-pulse}.searching-room .button{margin-top:1.3rem}.ready-orbit{border:1px solid #77a5ff59;border-radius:50%;width:4rem;height:4rem;margin:0 auto 1.25rem;animation:12s linear infinite slow-spin;position:relative}.ready-orbit i{background:#9fc4ff;border-radius:50%;width:.45rem;height:.45rem;position:absolute}.ready-orbit i:first-child{top:-.2rem;left:1.55rem}.ready-orbit i:nth-child(2){bottom:.9rem;right:-.2rem}.ready-orbit i:nth-child(3){bottom:.25rem;left:.45rem}.profile-panel{width:min(720px,100%);margin:0 auto;padding:clamp(1.1rem,3vw,2rem)}.profile-panel h2{margin-bottom:1.15rem;font-size:clamp(1.8rem,4vw,2.45rem)}.profile-form{gap:1rem;display:grid}.profile-form textarea{resize:vertical;min-height:6rem}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.project-picker{border:1px solid var(--line);background:#090f1959;border-radius:13px;gap:.7rem;padding:1rem;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-heading h3{margin:0}.project-choice{border:1px solid var(--line);border-radius:10px;align-items:start;gap:.6rem;padding:.65rem;color:var(--text)!important;display:flex!important}.project-choice span{gap:.15rem;display:grid}.project-choice small{color:var(--muted)}.button-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.overlay-panel{z-index:25;width:min(720px,100vw - 2rem);max-height:calc(100vh - 6rem);position:fixed;top:5rem;right:clamp(1rem,4vw,4rem);overflow:auto}.dialog-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03070eb3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);width:min(32rem,100%);box-shadow:var(--shadow);padding:1.25rem}.dialog-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.report-options{border:0;gap:.65rem;margin:1rem 0;padding:0;display:grid}.report-options label{align-items:center;gap:.5rem;display:flex}.call-experience{max-width:1380px;margin:0 auto;position:relative}.call-stage{min-height:calc(100dvh - 7.6rem)}.remote-stage{min-height:inherit;border:1px solid var(--line);box-shadow:var(--shadow);background:#080d15;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.remote-stage>video,.local-preview video{object-fit:cover;width:100%;height:100%;display:block}.remote-stage>video{position:absolute;inset:0}.video-fallback{color:#cbd8eb;place-items:center;gap:.65rem;display:grid}.video-fallback span{background:#618fff24;border:1px solid #b3d0ff59;border-radius:50%;place-items:center;width:5.25rem;height:5.25rem;font-size:2rem;font-weight:800;display:grid}.video-fallback small{color:#96a7bf}.peer-identity{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d159e;border:1px solid #d4e3ff33;border-radius:999px;align-items:center;gap:.6rem;padding:.48rem .68rem .48rem .48rem;display:flex;position:absolute;top:1.1rem;left:1.1rem}.peer-identity img{object-fit:cover;border-radius:50%;width:2rem;height:2rem}.peer-identity>div{gap:.08rem;display:grid}.peer-identity strong{font-size:.88rem}.peer-identity span{color:#c1cede;font-size:.72rem}.peer-identity em{color:var(--success);background:#6ee7b724;border-radius:999px;padding:.18rem .4rem;font-size:.68rem;font-style:normal;font-weight:800}.peer-details{z-index:2;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:55%;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.tag{color:#d6e4ff;background:#09101ca6;border:1px solid #bdd6ff2e;border-radius:999px;padding:.28rem .55rem;font-size:.75rem}.peer-focus{color:#d6e0ed;text-shadow:0 1px 4px #000;font-size:.78rem}.local-preview{z-index:3;aspect-ratio:16/10;background:#111b2a;border:1px solid #dce9ff47;border-radius:15px;width:clamp(8rem,17vw,14rem);position:absolute;bottom:1.2rem;right:1.2rem;overflow:hidden;box-shadow:0 12px 30px #00000052}.local-preview .video-fallback{height:100%}.local-preview .video-fallback span{width:3rem;height:3rem;font-size:1.25rem}.local-preview>span{color:#fff;text-shadow:0 1px 3px #000;font-size:.72rem;font-weight:800;position:absolute;bottom:.42rem;left:.55rem}.call-error{z-index:4;color:#ffd2d7;background:#500f19e0;border:1px solid #fb647280;border-radius:12px;margin:0;padding:.75rem 1rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.call-status{z-index:5;color:#d1dcec;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d1585;border:1px solid #d4e3ff26;border-radius:999px;padding:.38rem .68rem;font-size:.75rem;font-weight:700;position:absolute;top:1.3rem;left:50%;transform:translate(-50%)}.call-control-dock{z-index:12;bottom:max(1rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1724d1;border:1px solid #caddff33;border-radius:18px;align-items:center;gap:.45rem;padding:.48rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #00000061}.control-button{min-width:3.25rem;min-height:3rem;color:var(--text);background:0 0;border:0;border-radius:12px;place-items:center;gap:.1rem;padding:.35rem .5rem;display:grid}.control-button:hover:not(:disabled),.control-button.is-active{background:var(--accent-soft);color:#cfe0ff}.control-button.is-off{color:#ffacb5;background:#fb647224}.control-button span{font-size:1.05rem}.control-button small{font-size:.62rem;font-weight:750}.control-utility{color:#b6c3d5}.next-button,.leave-button{border:0;border-radius:12px;min-height:3rem;font-weight:850}.next-button{background:var(--accent);color:#fff;padding:0 .9rem}.next-button span{margin-right:.25rem}.leave-button{color:#b6c3d5;background:0 0;padding:0 .65rem;font-size:.75rem}.chat-drawer{z-index:20;border:1px solid var(--line);width:min(360px,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121b29f0;border-radius:18px;grid-template-rows:auto 1fr auto;padding:1rem;display:grid;position:fixed;top:4.8rem;bottom:1.2rem;right:clamp(1rem,4vw,4rem)}.drawer-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.drawer-heading h3{margin-bottom:.8rem;font-size:1.2rem}.message-list{align-content:start;gap:.55rem;margin:0;padding:.25rem 0;display:grid;overflow:auto}.message{color:#eaf1ff;background:#26334a;border-radius:12px;gap:.15rem;width:fit-content;max-width:90%;padding:.55rem .65rem;line-height:1.35;display:grid}.message.self{background:#255dca;justify-self:end}.message small{color:#b8c8e0;font-size:.66rem}.empty-chat{margin-top:1rem;font-size:.86rem;line-height:1.5}.chat-compose{grid-template-columns:1fr auto;gap:.5rem;padding-top:.75rem;display:grid}.safety-popover{z-index:22;border:1px solid var(--line);background:var(--surface-solid);width:min(265px,100vw - 2rem);box-shadow:var(--shadow);border-radius:15px;padding:1rem;position:fixed;bottom:5.2rem;right:clamp(1rem,4vw,4rem)}.safety-popover p{font-size:.8rem;line-height:1.45}.safety-popover button{border:0;border-top:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:0 0;padding:.65rem .25rem;font-weight:750;display:block}.safety-popover .danger-action{color:#ffabb4}@keyframes connection-pulse{50%{opacity:.35;transform:scaleX(.65)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:720px){.app-shell{padding:1rem 1rem 5.4rem}.profile-name,.header-signout{display:none}.form-grid{grid-template-columns:1fr}.call-stage{min-height:calc(100dvh - 6.6rem)}.remote-stage{border-radius:18px}.peer-details{max-width:64%;bottom:1rem;left:1rem}.local-preview{width:31vw;max-width:9.5rem;bottom:.9rem;right:.75rem}.call-control-dock{gap:.22rem;max-width:calc(100vw - 1rem);padding:.38rem}.control-button{min-width:2.75rem}.control-utility{display:none}.next-button{padding:0 .65rem}.leave-button{padding:0 .35rem}.chat-drawer{top:auto;right:.5rem;bottom:max(.5rem,env(safe-area-inset-bottom));border-radius:18px;width:auto;height:min(70dvh,36rem);left:.5rem}.safety-popover{bottom:5rem;right:.5rem}.overlay-panel{width:auto;top:4.5rem;left:1rem;right:1rem}.landing-panel h1{font-size:clamp(2.35rem,12vw,3.4rem)}.connection-art{margin-top:2rem}.search-controls{grid-template-columns:1fr}}@media (max-width:430px){.call-control-dock{justify-content:center}.control-button{min-width:2.55rem;padding:.3rem}.control-button small{font-size:.58rem}.next-button{font-size:.82rem}.peer-identity{top:.7rem;left:.7rem}.call-status{top:.72rem}.peer-details{max-width:76%;bottom:8rem}.local-preview{bottom:1rem}.landing-footer{text-align:center;padding:0 1rem;font-size:.68rem}}html,body{background:var(--dm-canvas);color:var(--dm-text);font-family:var(--dm-font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
:root{--dm-canvas:#f7f4ed;--dm-surface:#fffdf8;--dm-surface-muted:#eee9df;--dm-text:#302c29;--dm-muted:#6c645e;--dm-border:#ded7cc;--dm-border-strong:#a59a8f;--dm-primary:#302c29;--dm-primary-hover:#49413b;--dm-on-primary:#fffdf8;--dm-apricot:#f2b49c;--dm-apricot-face:#f8c9b5;--dm-apricot-edge:#d18b70;--dm-lavender:#d4c7e9;--dm-lavender-face:#e6ddf2;--dm-lavender-edge:#b09acb;--dm-positive:#28634c;--dm-positive-surface:#dcece1;--dm-attention:#705514;--dm-attention-surface:#f4e6af;--dm-destructive:#a73838;--dm-destructive-surface:#f9e7e2;--dm-video:#211f1d;--dm-video-raised:#35312e;--dm-video-border:#5d5750;--dm-video-muted:#c7bfb6;--dm-on-video:#fffdf8;--dm-focus:#705291;--dm-font:"Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--dm-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--dm-space-1:.25rem;--dm-space-2:.5rem;--dm-space-3:.75rem;--dm-space-4:1rem;--dm-space-5:1.5rem;--dm-space-6:2rem;--dm-space-7:3rem;--dm-space-8:4rem;--dm-radius-small:.75rem;--dm-radius-control:1rem;--dm-radius-surface:1.5rem;--dm-radius-pill:999px;--dm-shadow-control:0 3px 0 #302c2926;--dm-shadow-surface:0 8px 24px #302c290f;--dm-shadow-object:0 6px 0 #302c2914, 0 20px 24px -14px #302c2938;--dm-highlight:#fffdf8a6;--dm-backdrop:#211f1da6;--dm-fast:.1s;--dm-normal:.18s;--dm-enter:.32s;--dm-ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--dm-fast:0s;--dm-normal:0s;--dm-enter:0s}}