:root{--color-bg:#000;--color-panel:#020a0c;--color-surface:#06171b;--color-line:#28525a;--color-text:#c6e4e7;--color-muted:#88b5bc;--color-accent:#6cd6e6;--color-accent-hover:#9ae5ef;--color-warning:#f3c576;--color-error:#ff9292;--color-danger:#521a23;--color-overlay:#020a0ce6;--color-warning-bg:#20180b;color:var(--color-text);background:var(--color-bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}h1:focus{outline:none}a{color:inherit;text-decoration:none}button{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);border-radius:12px;min-height:46px;padding:12px 17px;font-size:14px}button:hover{border-color:var(--color-accent);background:var(--color-surface)}button:active{transform:translateY(1px)}input,select{background:var(--color-panel);width:100%;min-width:0;color:var(--color-text);border:1px solid var(--color-muted);border-radius:10px;min-height:46px;padding:12px}input::placeholder{color:var(--color-muted)}label{color:var(--color-text);font-size:14px;display:block}label input,label select{margin-top:8px}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-2px;margin:0 0 22px;font-size:clamp(36px,5.5vw,70px);font-weight:500;line-height:1.12}h1 span{color:var(--color-accent)}h2{margin:0 0 14px;font-size:23px;font-weight:500}p{color:var(--color-muted);line-height:1.6}form{gap:12px;display:grid}.app{max-width:1600px;min-height:100dvh;margin:auto;padding:0 clamp(16px,5vw,80px)}.header{border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;height:90px;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:25px;font-weight:700;display:flex}.brand-light{color:var(--color-muted);font-weight:400}.brand-mark{background:var(--color-accent);color:var(--color-panel);text-align:center;border-radius:12px;width:40px;height:40px;margin-right:10px;font-size:30px;line-height:36px}.header-note{color:var(--color-muted);font-size:13px}.home{grid-template-columns:1fr minmax(320px,430px);align-items:center;gap:8vw;min-height:calc(100dvh - 150px);padding:60px 0;display:grid}.eyebrow{letter-spacing:2px;color:var(--color-muted);font-size:11px;font-weight:600}.lede{max-width:380px;font-size:18px}.join-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:20px;padding:28px;box-shadow:0 25px 70px #0002}.join-card>.primary{width:100%}.primary{background:var(--color-accent);color:var(--color-panel);border-color:var(--color-accent);justify-content:center;align-items:center;gap:8px;font-weight:650;display:flex}.primary:hover{background:var(--color-accent-hover)}.hint{color:var(--color-muted);font-size:12px;line-height:1.65}.divider{color:var(--color-muted);align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-line);flex:1;height:1px}details{margin-top:18px}summary{cursor:pointer;min-height:44px;color:var(--color-text);align-items:center;gap:8px;font-size:14px;display:flex}summary:before{content:"+"}details[open]>summary:before{content:"−"}details label{margin-top:8px}.precall{grid-template-columns:1fr minmax(320px,460px);align-items:start;gap:6vw;max-width:1020px;margin:50px auto;display:grid}.precall-heading{position:sticky;top:24px}.precall h1{font-size:clamp(32px,4vw,48px)}.text-button{background:0 0;border:0;margin-bottom:20px;padding-left:0}.room-name{overflow-wrap:anywhere;word-break:break-word}.preview{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;height:210px;overflow:hidden}.preview-controls{gap:10px;margin:12px 0 22px;display:flex}.preview-controls>*{flex:1}.media-button{justify-content:center;align-items:center;gap:9px;display:flex}.off{background:var(--color-danger);border-color:var(--color-error)}.device-settings{gap:16px;display:grid}.device-field label{font-size:13px}.device-issue p{color:var(--color-warning);font-size:13px}.device-issue button{font-size:12px}.meter-label{align-items:center;gap:15px;font-size:12px;display:flex}meter{min-width:0;height:18px;accent-color:var(--color-accent);flex:1}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview-card form{margin-top:22px}.calling .header{height:64px}.room-heading{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.room-heading h1{letter-spacing:-.5px;max-width:60vw;margin:0;font-size:20px}.room-state{margin:5px 0 0;font-size:13px}.invite-actions{flex-shrink:0;gap:10px;display:flex}.stage{flex-direction:column;gap:12px;min-height:calc(100dvh - 275px);display:flex}.grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;display:grid}.grid.count-0,.grid.count-1{grid-template-columns:minmax(0,1fr) minmax(180px,.3fr)}.grid.count-0 .waiting{grid-area:1/1}.grid.count-0 .self-view{grid-column:2}.tile{background:var(--color-surface);border:1px solid var(--color-line);aspect-ratio:16/10;border-radius:16px;width:100%;min-height:150px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile.local video{transform:scaleX(-1)}.tile.presentation{aspect-ratio:16/9;flex:1;min-height:0;max-height:65dvh}.tile.presentation video{object-fit:contain;transform:none}.screen-stage{position:relative}.stop-sharing{background:var(--color-danger);position:absolute;top:12px;right:12px}.presenting .grid{flex:0;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:650px;margin:auto}.presenting .grid .tile{aspect-ratio:16/9;min-height:80px}.self-view{min-width:0}.self-view.hidden{display:none}.self-hidden.count-1{grid-template-columns:1fr}.self-hidden.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-label{background:var(--color-overlay);z-index:1;overflow-wrap:anywhere;border-radius:8px;max-width:calc(100% - 24px);padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.tile-health{background:var(--color-warning-bg);color:var(--color-warning);z-index:1;border-radius:8px;padding:8px;font-size:12px;position:absolute;top:12px;left:12px;right:12px}.camera-off{opacity:0}.initial{color:var(--color-accent);place-items:center;font-size:52px;display:grid;position:absolute;inset:0}.waiting{text-align:center;color:var(--color-muted);padding:28px}.waiting h2{font-size:25px}.waiting p{font-size:14px}.controls{padding:18px 0 calc(18px + env(safe-area-inset-bottom));background:var(--color-overlay);z-index:2;justify-content:center;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.controls .leave{background:var(--color-danger);border-color:var(--color-error);color:#fff}.sharing{background:var(--color-accent);color:var(--color-panel)}.play{z-index:2;background:var(--color-overlay);position:absolute;inset:30% 10%}.preview .tile{aspect-ratio:auto;border:0;border-radius:0;height:100%;min-height:0}.preview .tile-label{bottom:8px;left:8px}.settings-dialog{background:var(--color-panel);color:var(--color-text);border:1px solid var(--color-line);border-radius:18px;width:min(480px,100vw - 28px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto}.settings-dialog::backdrop{background:var(--color-overlay)}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.dialog-heading h2{margin:0}.setting-row{gap:8px;margin-top:24px;display:grid}.setting-row label{align-items:center;gap:10px;min-height:44px;display:flex}.setting-row input{width:22px;height:22px;min-height:0;accent-color:var(--color-accent);margin:0}.setting-row span{color:var(--color-accent);font-size:12px}.troubleshooting p{font-size:13px}.postcall{max-width:700px;margin:15vh auto}.postcall h1{font-size:42px}.postcall .inline-actions{margin-top:28px}.error{background:var(--color-danger);color:var(--color-warning);border:1px solid var(--color-warning);z-index:5;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 28px);padding:14px 18px;font-size:14px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.error button{background:0 0;flex-shrink:0}.notice{background:var(--color-accent);color:var(--color-panel);z-index:6;text-align:center;pointer-events:none;border-radius:10px;padding:12px 18px;font-size:14px;position:fixed;top:74px;left:50%;transform:translate(-50%)}.notice:empty{display:none}footer{border-top:1px solid var(--color-surface);color:var(--color-muted);padding:22px 0;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){.header{height:72px}.home{grid-template-columns:1fr;gap:24px;min-height:0;padding:32px 0}.intro h1{margin-bottom:16px;font-size:40px}.intro .lede{font-size:15px}.join-card{justify-self:center;width:100%;max-width:480px;padding:22px}.precall{grid-template-columns:1fr;gap:20px;margin:24px auto}.precall-heading{position:static}.precall-heading h1{margin-bottom:12px;font-size:32px}.precall-heading p{margin:6px 0}.text-button{margin-bottom:10px}.preview{height:190px}.grid{grid-template-columns:1fr 1fr;gap:10px}.grid.count-1{grid-template-columns:1fr}.grid.count-1>.tile{aspect-ratio:4/3}.grid.count-1 .self-view{justify-self:end;width:32%;min-width:100px}.grid.count-0{grid-template-columns:1fr}.grid.count-0 .self-view{grid-column:1;justify-self:center;width:45%}.grid.count-2>.tile{aspect-ratio:3/4}.grid.count-2 .self-view{grid-column:1/-1;justify-self:center;width:35%}.tile{min-height:100px}.stage{min-height:calc(100dvh - 250px)}.room-heading{gap:12px;padding:16px 0}.room-heading h1{max-width:55vw;font-size:16px}.invite-actions{gap:6px}.invite-actions button{padding:10px}.controls{flex-wrap:wrap;gap:6px;padding-top:12px}.controls button{padding:10px 12px;font-size:12px}.controls .media-button{flex:1;min-width:92px}.controls .leave{min-width:70px}.controls .share-button{flex-basis:100%;order:5;min-height:44px}.controls .media-button svg{width:20px;height:20px}.tile-label{max-width:calc(100% - 14px);padding:5px 7px;font-size:11px;bottom:7px;left:7px}.tile-health{padding:6px;font-size:11px;top:7px;left:7px;right:7px}.presenting .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.presenting .grid .self-view{grid-column:auto;width:100%}.presenting .grid .tile{min-height:85px}.presenting .grid.count-1>.tile{aspect-ratio:16/9}.postcall h1{font-size:34px}.header-note{font-size:11px}}@media (width<=380px){.controls .media-button{min-width:76px}.controls button{padding:10px 8px}.controls .media-button span{font-size:11px}.controls .leave{min-width:60px}.header-note{display:none}.join-card{padding:18px}.invite-actions button{font-size:12px}.settings-dialog{padding:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}button:active{transform:none}}@media (forced-colors:active){button,.tile,.join-card,input,select,.settings-dialog{border:1px solid canvastext}.camera-off{visibility:hidden}}.calling{flex-direction:column;height:100dvh;display:flex}.calling .header,.room-heading,.controls{flex-shrink:0}.call-room{flex-direction:column;flex:1;min-height:0;display:flex}.call-room .stage{flex:1;min-height:0}.call-room .grid{grid-template-rows:minmax(0,1fr);min-height:0}.call-room .tile{min-height:0;max-height:100%}.call-room .grid>.tile{aspect-ratio:auto;height:100%}.call-room .self-view{max-height:100%}.call-room .self-view .tile{max-height:180px}.call-room .controls{position:static}.call-room .screen-stage{flex:1;min-height:0;display:flex}.call-room .presentation{aspect-ratio:auto;height:100%;min-height:0;max-height:none}.call-room .stage>.presentation{flex:1;height:auto}.call-room .presenting .grid{flex:0 0 100px;max-height:25dvh}.call-room .presenting .grid .self-view,.call-room .presenting .grid .tile{height:100%}@media (width<=800px){.call-room .grid.count-1{grid-template-rows:minmax(0,1fr) minmax(60px,.28fr)}.call-room .grid.count-1 .self-view{height:100%}.call-room .grid.count-1 .self-view .tile{aspect-ratio:auto;height:100%}.call-room .grid.count-2{grid-template-rows:minmax(0,1fr) minmax(60px,.35fr)}.call-room .grid.count-2 .self-view{height:100%}.call-room .grid.count-2 .self-view .tile{aspect-ratio:auto;height:100%}.call-room .grid.self-hidden,.call-room .presenting .grid.count-1,.call-room .presenting .grid.count-2{grid-template-rows:minmax(0,1fr)}.call-room .presenting .grid.count-1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=500px) and (width>=500px){.calling .header{height:44px}.room-heading{padding:8px 0}.room-heading h1{font-size:14px}.room-state{font-size:11px}.call-room .controls{padding:8px 0}.controls .share-button{flex-basis:auto;order:0}.call-room .grid.count-1{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(100px,.3fr)}.call-room .grid.count-2{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.call-room .grid .self-view{grid-column:auto;width:100%}.call-room .grid.self-hidden.count-1{grid-template-columns:minmax(0,1fr)}.waiting{padding:8px}.waiting h2{font-size:18px}.waiting p{margin:6px 0;font-size:12px}}.preview-card .precall-devices{border-top:1px solid var(--color-line);padding-top:8px}.preview-card .precall-devices[open]{margin-bottom:20px}.preview-card .precall-devices summary{margin-bottom:8px}.action-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon{flex-shrink:0}.preview{position:relative}.preview-loading{background:var(--color-overlay);color:var(--color-text);text-align:center;border-radius:8px;padding:8px;position:absolute;bottom:12px;left:12px;right:12px}@media (width<=700px){.controls .media-button{flex:1;order:0}.controls .leave{order:1}.controls .settings-button,.controls .share-button{flex:40%;order:2;min-height:44px}}@media (height<=500px) and (width>=500px){.controls .media-button,.controls .leave,.controls .settings-button,.controls .share-button{flex:0 auto;order:0}}.tile-action{z-index:3;position:absolute;top:10px;right:10px}.tile-action button{background:var(--color-overlay)}.tile:has(.tile-action) .tile-health{right:160px}.app.immersive{z-index:20;background:var(--color-bg);width:100%;max-width:none;height:100dvh;margin:0;padding:0;position:fixed;inset:0}.immersive>.header,.immersive>footer,.immersive .room-heading{display:none}.immersive .call-room{height:100%}.immersive .call-room .stage{position:absolute;inset:0}.immersive .call-room .grid.count-1{width:100%;height:100%;display:block;position:relative}.immersive .call-room .grid>.tile{border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.immersive .grid>.tile video{object-fit:cover}.immersive .call-room .grid .self-view{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:3;width:clamp(80px,18vw,180px);height:clamp(70px,22dvh,140px);position:absolute}.immersive .call-room .grid .self-view .tile{aspect-ratio:auto;height:100%;max-height:none}.immersive .call-room .controls{bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--color-line);background:var(--color-overlay);z-index:5;border-radius:16px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:8px;position:absolute;left:50%;transform:translate(-50%)}.immersive .tile-action{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}.immersive .grid>.tile>.tile-label{bottom:92px}@media (width<=700px) and (height>=501px){.immersive .call-room .controls{width:calc(100% - 24px)}.immersive .grid>.tile>.tile-label{bottom:152px}}.tile:not(.local) video,.immersive .grid>.tile video{object-fit:contain}.tile:not(.presentation).fill-video video,.immersive .grid>.tile.fill-video video{object-fit:cover}.tile-action{gap:6px;display:flex}.call-room .grid{position:relative}.call-room .grid.count-1:has(.floating-self){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.call-room .grid .self-view.floating-self,.immersive .call-room .grid .self-view.floating-self{aspect-ratio:16/10;z-index:3;width:clamp(90px,18vw,180px);height:auto;max-height:100%;position:absolute}.call-room .grid .self-view.floating-self .tile{aspect-ratio:auto;height:100%;min-height:0}.self-drag{z-index:1;background:var(--color-panel);width:44px;height:44px;color:var(--color-text);border:1px solid var(--color-line);cursor:grab;touch-action:none;border-radius:12px;padding:8px;position:absolute;top:0;left:0}.self-drag:active{cursor:grabbing}.call-duration{text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem}.immersive .call-duration{z-index:2;background:var(--color-panel);border-radius:8px;padding:4px 8px;position:absolute;top:12px;left:16px}.call-statistics{z-index:5;background:var(--color-panel);width:min(370px,100% - 24px);max-height:calc(100dvh - 240px);color:var(--color-text);border:1px solid var(--color-line);border-radius:14px;padding:12px;font-size:.85rem;position:absolute;top:64px;right:12px;overflow:auto;box-shadow:0 8px 30px #0009}.call-statistics h2{font-size:1rem}.call-statistics h3{margin:12px 0 6px;font-size:.9rem}.call-statistics dl{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.call-statistics dd{overflow-wrap:anywhere;margin:0}.call-statistics summary{cursor:pointer;overflow-wrap:anywhere}.call-statistics details+details{margin-top:12px}@media (height<=450px){.call-statistics{max-height:calc(100dvh - 120px);top:8px}}.floating-self{scroll-margin-top:max(56px, env(safe-area-inset-top));scroll-margin-left:max(12px, env(safe-area-inset-left));scroll-margin-right:max(12px, env(safe-area-inset-right));scroll-margin-bottom:max(12px, env(safe-area-inset-bottom))}