:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf0f6;background:#101a2b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 5%,#1c3b54 0,transparent 36%),#101a2b}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}header{height:78px;border-bottom:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px)}.brand{text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-2px;color:#8ee1ca}.brand span{color:#f6f5ed}.header-note{color:#8b9bad;font-size:13px}main{width:min(1080px,calc(100% - 40px));margin:0 auto;flex:1}.hero{padding:95px 0 62px;max-width:720px}.eyebrow{color:#8ee1ca;font-weight:700;font-size:11px;letter-spacing:2.3px}.hero h1,.call-title h1{font:normal clamp(54px,8vw,94px)/.99 "DM Serif Display",Georgia,serif;letter-spacing:-2px;margin:21px 0}.hero em{color:#8ee1ca;font-weight:400}.hero p{max-width:535px;font-size:18px;line-height:1.7;color:#afbcca}.pill{display:inline-block;margin-top:19px;padding:12px 18px;border:1px solid #7dddb94d;background:#70e1be12;border-radius:100px;color:#afead8;font-size:13px}.panel{border:1px solid #ffffff1d;background:#1b2940d9;border-radius:22px;padding:32px;box-shadow:0 20px 60px #0002}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{font: 35px "DM Serif Display",Georgia,serif;margin:10px 0 28px}.step{color:#798da3;font-size:13px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.slot{display:flex;flex-direction:column;align-items:start;gap:7px;padding:16px 18px;border:1px solid #ffffff25;border-radius:13px;color:#eaf0f6;background:#20334d;text-align:left}.slot:hover,.slot.active{border-color:#8ee1ca;background:#295267}.slot small{color:#a9c0ca}.muted{color:#a6b6c5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form{margin-top:26px}label{display:block;color:#afc0cf;font-size:13px;font-weight:600;margin:13px 0}input{display:block;width:100%;margin-top:8px;border:1px solid #ffffff28;border-radius:10px;padding:13px 15px;color:#fff;background:#101f34;outline:none}input:focus{border-color:#8ee1ca}.primary{border:0;border-radius:10px;padding:14px 23px;color:#112735;background:#8ee1ca;font-weight:700;margin-top:17px}.primary:hover{background:#b3f6df}.primary:disabled{opacity:.5}.secondary{border:1px solid #ffffff35;color:#e7f0f3;background:transparent;border-radius:9px;padding:10px 13px}.as-link{display:inline-block;text-decoration:none}.error{color:#ffaea9;background:#aa3f3522;border:1px solid #eb6b5f52;padding:12px 15px;border-radius:10px;overflow-wrap:anywhere}.confirmation{text-align:center;max-width:750px;margin:auto}.confirmation .icon,.lobby .icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#8ee1ca;color:#173448;font-size:30px}.confirmation p,.lobby p{color:#aabccc}.linkbox{display:flex;gap:10px;margin:25px 0}.linkbox input{margin:0}.linkbox button{border:0;border-radius:8px;padding:0 17px;background:#38576a;color:#fff}.host{margin:45px 0;color:#9fb2c4}.host summary{cursor:pointer;padding:15px}.host h3{margin-top:34px}.host .panel{margin-top:12px}.meeting-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff19;padding:18px 0}.meeting-item p{margin:5px 0;color:#9aafc0}footer{text-align:center;color:#74889b;font-size:12px;padding:40px 15px}.call-page{width:min(1320px,calc(100% - 40px))}.call-title{padding:55px 0 25px}.call-title h1{font-size:clamp(40px,6vw,65px);margin:10px 0}.call-title p{color:#a6b7c6}.lobby{max-width:620px;text-align:center;padding:55px 30px;margin:45px auto}.lobby h2{margin:25px 0 10px}.call-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-box{background:#1c2a3c;aspect-ratio:16/10;position:relative;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden}.video-box video{height:100%;width:100%;object-fit:cover}.video-box.screen video{object-fit:contain}.video-label{position:absolute;bottom:14px;left:14px;background:#091626b8;padding:7px 11px;border-radius:7px;font-size:12px}.call-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}.call-controls button{border:1px solid #ffffff29;background:#263a52;color:#fff;padding:13px 17px;border-radius:10px;margin:4px}.call-controls .leave{background:#a43f4a;border-color:#a43f4a}.status{color:#a0e6cc;font-size:13px}@media(max-width:700px){header{height:66px}.header-note{display:none}.hero{padding:68px 0 35px}.hero p{font-size:16px}.panel{padding:22px}.form-row,.call-stage{grid-template-columns:1fr}.call-controls{flex-direction:column;align-items:stretch}.call-controls button{padding:11px}.meeting-item{align-items:start;flex-direction:column}}select{font:inherit;display:block;width:100%;margin-top:8px;border:1px solid #ffffff28;border-radius:10px;padding:12px;color:#eaf0f6;background:#101f34}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid #8ee1ca;outline-offset:4px}.meeting-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.meeting-layout.is-joined{grid-template-columns:1fr 1fr;align-items:start}.meeting-layout [hidden]{display:none!important}.preview-video video{transform:scaleX(-1)}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:24px;color:#9eafc2;background:#1c2a3c}.device-panel h2{font-size:30px;margin:12px 0}.device-toggles,.join-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.join-actions{align-items:center}.join-actions .primary{margin:0}.mic-meter{height:7px;background:#102134;border-radius:6px;overflow:hidden;margin:12px 0}.mic-meter span{display:block;height:100%;background:#8ee1ca;transition:width .1s}.security-note{color:#9eafc2;font-size:12px;line-height:1.7;margin-top:20px}.notice{background:#bca35d18;border:1px solid #d6bc7055;color:#e4d4a6;padding:14px 18px;border-radius:12px;line-height:1.6}.remote-screen,.local-screen{grid-column:1/-1;aspect-ratio:16/9}.call-controls{position:sticky;bottom:0;background:#101a2bf5;border-top:1px solid #ffffff18;z-index:5;padding:14px 0}.call-controls .status{max-width:280px;line-height:1.5}@media(max-width:800px){.meeting-layout,.meeting-layout.is-joined{grid-template-columns:1fr}.device-panel{padding:22px}.call-title{padding-top:30px}.preview-video{max-height:320px}.call-controls{position:relative}}.quick-call{margin:24px 0;padding:24px;border:1px solid var(--line,#ddd);border-radius:16px;background:#8096820f}.quick-result{margin-top:20px}.quick-call h3{margin:10px 0}.quick-result .linkbox{margin:12px 0 18px}.voice-indicator{display:inline-flex;align-items:center;gap:3px;height:26px;vertical-align:middle;margin-right:6px;color:#69e5b2}.voice-indicator i{display:block;width:3px;background:currentColor;border-radius:3px;transition:height .12s ease}.video-label{display:flex;align-items:center}.connection-meter{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px 18px;margin-top:16px;border-radius:14px;background:#122f2b;color:#edf8f4;font-variant-numeric:tabular-nums}.connection-meter small{opacity:.7}.signal-bars{display:flex;gap:3px;align-items:flex-end;height:22px}.signal-bars i{width:5px;height:5px;background:#667a74;border-radius:2px;transition:background .4s}.signal-bars i:nth-child(2){height:10px}.signal-bars i:nth-child(3){height:16px}.signal-bars i:nth-child(4){height:22px}.signal-bars .lit{background:#70e4b1}.signal-bars.q1 .lit{background:#ff887e}.signal-bars.q2 .lit{background:#f3c86b}.traffic-rate{min-width:100px}.traffic-flow{display:inline-block;opacity:.25}.traffic-flow.active{animation:traffic-travel 1.2s linear infinite}@keyframes traffic-travel{0%{transform:translate(-3px);opacity:.25}50%{opacity:1}to{transform:translate(5px);opacity:.25}}.tile-expand{position:absolute;right:12px;top:12px;z-index:3;background:#152d2cdd;color:#fff;border:1px solid #ffffff55;padding:8px 12px;border-radius:10px}.call-page:fullscreen,.call-page.theater-view{box-sizing:border-box;background:#f5f3ed;width:100%;height:100%;max-width:none;overflow:auto;padding:20px 32px}.call-page.theater-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.call-page:fullscreen .call-title,.theater-view .call-title{display:none}.call-page:fullscreen .meeting-layout,.theater-view .meeting-layout{max-width:none}.call-page:fullscreen .call-controls,.theater-view .call-controls{position:sticky;bottom:0;z-index:5;background:#f5f3ed;padding:12px}.video-box:fullscreen{width:100vw;height:100vh;border-radius:0;background:#090f0e}.video-box:fullscreen video{width:100%;height:100%;object-fit:contain}.video-box:fullscreen .video-label{position:absolute;bottom:16px}.call-page:fullscreen .video-box,.theater-view .video-box{min-height:240px}@media(max-width:650px){.call-page:fullscreen,.call-page.theater-view{padding:12px}.connection-meter{gap:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.voice-indicator i,.signal-bars i{transition:none}.traffic-flow.active{animation:none;opacity:1}}:root{color-scheme:dark;--page:#101a2b;--line:#ffffff25;--preference-bg:#20334d;--preference-text:#eaf0f6;--preference-active:#8ee1ca;--preference-ink:#112735}:root[data-theme=light]{color-scheme:light;color:#203340;background:#f4f7f8;--page:#f4f7f8;--line:#ccd8de;--preference-bg:#fff;--preference-text:#203340;--preference-active:#16735e;--preference-ink:#fff}.preferences{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--preference-bg)}.preference-icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid transparent;border-radius:8px;background:var(--preference-bg);color:var(--preference-text)}.preference-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preference-icon[aria-pressed=true]{background:var(--preference-active);color:var(--preference-ink)}select.language-choice{width:auto;max-width:130px;margin:0;padding:10px 8px;border-color:var(--line);background:var(--preference-bg);color:var(--preference-text)}header{gap:20px;min-height:78px;height:auto;padding-top:14px;padding-bottom:14px}.header-note{margin-left:auto;margin-right:12px}.call-preferences{display:none}.call-page:fullscreen .call-preferences,.theater-view .call-preferences{display:flex;justify-content:flex-end;margin-bottom:16px}.call-page:fullscreen,.call-page.theater-view,.call-page:fullscreen .call-controls,.theater-view .call-controls{background:var(--page)}.video-label{color:#f1f7fa}.quick-call{border-color:var(--line)}[data-theme=light] body{background:radial-gradient(circle at 80% 5%,#d8ebe8 0,transparent 36%),#f4f7f8}[data-theme=light] header,[data-theme=light] .meeting-item{border-color:#d3dee3}[data-theme=light] .brand{color:#16735e}[data-theme=light] .brand span{color:#203340}[data-theme=light] .header-note,[data-theme=light] .hero p,[data-theme=light] .muted,[data-theme=light] .host,[data-theme=light] .meeting-item p,[data-theme=light] .call-title p,[data-theme=light] .confirmation p,[data-theme=light] .lobby p,[data-theme=light] .security-note,[data-theme=light] footer{color:#536a78}[data-theme=light] .eyebrow,[data-theme=light] .hero em,[data-theme=light] .status{color:#12684f}[data-theme=light] .panel{background:#ffffffed;border-color:#d4e0e5;box-shadow:0 15px 45px #2848580a}[data-theme=light] .pill{color:#18634f;background:#e0f1eb;border-color:#a4cebd}[data-theme=light] label{color:#3d5969}[data-theme=light] input,[data-theme=light] select{color:#203340;background:#fff;border-color:#b9cbd5}[data-theme=light] input::placeholder{color:#647d8c}[data-theme=light] input:focus,[data-theme=light] select:focus{border-color:#16735e}[data-theme=light] .slot{background:#f3f7f9;color:#203340;border-color:#c7d6dd}[data-theme=light] .slot:hover,[data-theme=light] .slot.active{background:#e0f2eb;border-color:#16735e}[data-theme=light] .slot small,[data-theme=light] .step{color:#536a78}[data-theme=light] .primary{background:#16735e;color:#fff}[data-theme=light] .primary:hover{background:#105a49}[data-theme=light] .secondary{border-color:#adc2cd;color:#284455;background:#ffffff80}[data-theme=light] .error{color:#972e28;background:#fff0ee;border-color:#e5b0aa}[data-theme=light] .notice{color:#705114;background:#fff7e4;border-color:#dec891}[data-theme=light] .call-controls{background:#f4f7f8f5;border-color:#d3dee3}[data-theme=light] .call-controls button{color:#243f50;background:#e3edf1;border-color:#b9ccd5}[data-theme=light] .call-controls .leave{background:#aa3543;color:#fff;border-color:#aa3543}[data-theme=light] .mic-meter{background:#dce7eb}[data-theme=light] .mic-meter span{background:#16735e}[data-theme=light] :focus-visible{outline-color:#16735e}@media(max-width:850px){.header-note{display:none}header{padding-left:16px;padding-right:16px;gap:10px}}@media(max-width:400px){.preferences{gap:4px}.preference-icon{width:30px;height:32px;padding:5px}select.language-choice{max-width:104px;padding:8px 4px}.brand{font-size:24px}}.host-preferences{display:flex;justify-content:flex-end;margin-bottom:18px}.dock-settings{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}.layout-choice{display:flex;align-items:center;gap:10px;margin:0}.layout-choice select{margin:0;width:auto;max-width:260px}.call-dock{position:relative}.call-dock .call-controls{position:static}.call-dock .security-note{margin-bottom:12px}.call-page:fullscreen,.call-page.theater-view{padding:0;overflow:hidden;isolation:isolate;background:#101a2b;--dock-height:220px}.call-page:fullscreen .meeting-layout.is-joined,.theater-view .meeting-layout.is-joined{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0}.call-page:fullscreen .meeting-layout .video-box,.theater-view .meeting-layout .video-box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;border:0;border-radius:0;margin:0}.call-page:fullscreen .participant-video,.theater-view .participant-video{z-index:1}.call-page:fullscreen .meeting-layout .preview-video,.theater-view .meeting-layout .preview-video{inset:auto 20px calc(var(--dock-height) + 16px) auto;width:clamp(140px,22vw,300px);height:auto;aspect-ratio:16/10;border:1px solid #ffffff55;border-radius:14px;z-index:4;box-shadow:0 8px 35px #0008}.call-page:fullscreen .video-box video,.theater-view .video-box video{display:block;width:100%;height:100%;object-fit:cover}.call-page:fullscreen .remote-screen,.call-page:fullscreen .local-screen,.theater-view .remote-screen,.theater-view .local-screen{visibility:hidden;pointer-events:none}.call-page:fullscreen[data-layout=split] .meeting-layout .participant-video,.theater-view[data-layout=split] .meeting-layout .participant-video{top:0;right:50%;bottom:0;left:0;width:50%;height:100%}.call-page:fullscreen[data-layout=split] .meeting-layout .preview-video,.theater-view[data-layout=split] .meeting-layout .preview-video{top:0;right:0;bottom:0;left:50%;width:50%;height:100%;border:0;border-left:2px solid #ffffff30;border-radius:0;aspect-ratio:auto;box-shadow:none}.call-page:fullscreen[data-layout=remote-screen] .remote-screen,.theater-view[data-layout=remote-screen] .remote-screen,.call-page:fullscreen[data-layout=local-screen] .local-screen,.theater-view[data-layout=local-screen] .local-screen{visibility:visible;pointer-events:auto;z-index:2}.call-page:fullscreen .video-box.screen video,.theater-view .video-box.screen video{object-fit:contain;background:#101a2b}.call-page:fullscreen .call-dock,.theater-view .call-dock{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:10px 20px max(10px,env(safe-area-inset-bottom));max-height:48vh;overflow-y:auto;background:var(--page);border-top:1px solid var(--line)}.call-page:fullscreen .dock-settings,.theater-view .dock-settings{margin:0}.call-page:fullscreen .connection-meter,.theater-view .connection-meter{margin-top:8px;padding:7px 12px}.call-page:fullscreen .call-controls,.theater-view .call-controls{padding:6px 0;gap:8px;position:static}.call-page:fullscreen .call-dock .security-note,.theater-view .call-dock .security-note{display:none}.call-page:fullscreen .participant-video .video-label,.theater-view .participant-video .video-label,.call-page:fullscreen[data-layout=split] .preview-video .video-label,.theater-view[data-layout=split] .preview-video .video-label,.call-page:fullscreen .screen .video-label,.theater-view .screen .video-label{bottom:calc(var(--dock-height) + 14px)}.call-page:fullscreen>.error,.call-page:fullscreen>.notice,.theater-view>.error,.theater-view>.notice{position:absolute;top:10px;left:16px;right:16px;z-index:15;background:var(--page)}@media(max-width:650px){.dock-settings{gap:8px}.layout-choice{font-size:12px;gap:6px}.layout-choice select{max-width:220px}.call-page:fullscreen .call-dock,.theater-view .call-dock{padding-left:10px;padding-right:10px}.call-page:fullscreen .meeting-layout .preview-video,.theater-view .meeting-layout .preview-video{right:10px}.call-page:fullscreen[data-layout=split] .meeting-layout .preview-video,.theater-view[data-layout=split] .meeting-layout .preview-video{right:0}.call-page:fullscreen .call-controls button,.theater-view .call-controls button{padding:8px;margin:2px}}