.onboarding{bottom:calc(var(--dock-h) + 2 * var(--edge));z-index:15;gap:var(--gap);width:min(340px, calc(100% - 2 * var(--edge)));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.onboarding>*{pointer-events:auto}.tips,.empty-state{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:relative}.empty-state{align-items:flex-start}.empty-state span{color:var(--text-2);font-size:.85rem}.tips ol{flex-direction:column;gap:6px;margin:0;padding:0 24px 0 0;font-weight:700;list-style:none;display:flex}.tips li{align-items:center;gap:8px;display:flex}.tips-n{border-radius:var(--radius-pill);background:var(--primary-soft);width:22px;height:22px;color:var(--primary-hover);flex:none;place-items:center;font-size:.78rem;display:grid}.tips-close{min-height:28px;color:var(--text-3);background:0 0;border:0;padding:0 6px;position:absolute;top:8px;right:8px}.tips .primary,.empty-state .primary{background:var(--primary);color:var(--on-primary);border:0}.tips .primary:hover:not(:disabled),.empty-state .primary:hover:not(:disabled){background:var(--primary-hover)}.preview{flex-direction:column;gap:8px;margin-top:4px;display:flex}.preview-video{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}.preview-video video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-video[data-on=false] video{visibility:hidden}.preview-off{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex;position:absolute;inset:0}.preview-row{align-items:center;gap:10px;display:flex}.preview-toggle{border-radius:var(--radius-pill);width:40px;padding:0}.preview-toggle[aria-pressed=false]{background:var(--danger-soft);color:var(--danger)}.preview-meter{border-radius:var(--radius-pill);background:var(--surface-3);flex:1;height:8px;overflow:hidden}.preview-meter-fill{width:calc(var(--level,0) * 100%);border-radius:inherit;background:var(--available);height:100%;transition:width 80ms linear;display:block}.card .preview-note{color:var(--text-3);font-size:.8rem}.connecting{color:var(--text-2);flex-direction:column;align-items:center;gap:14px;font-weight:700;display:flex}.connecting p{margin:0}.connecting-mark{border-radius:var(--radius);animation:1.6s ease-in-out infinite connecting-pulse}@keyframes connecting-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}body:has(.dock-menu-list) .onboarding{visibility:hidden}.volume-control{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-2);display:flex}.volume-control[data-silenced=true]{color:var(--danger)}.volume-toggle{all:unset;width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.volume-toggle:hover{background:var(--surface-3)}.volume-toggle:focus-visible,.volume-slider:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.volume-slider{--thumb:var(--space-4);appearance:none;height:var(--control-sm);min-width:calc(var(--space-6) * 2);cursor:pointer;background:0 0;flex:1;margin:0}.volume-slider::-webkit-slider-runnable-track{height:var(--space-2);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--primary) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--fill)), var(--surface-3) 0)}.volume-slider::-moz-range-track{height:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-3)}.volume-slider::-moz-range-progress{height:var(--space-2);border-radius:var(--radius-pill);background:var(--primary)}.volume-slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--space-2) - var(--thumb)) / 2);background:var(--text);box-shadow:var(--shadow-sm);border:0;border-radius:50%}.volume-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--text);box-shadow:var(--shadow-sm);border:0;border-radius:50%}.volume-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2ch;color:var(--text-3);flex:none;font-size:.78rem}.volume-open{all:unset;box-sizing:border-box;width:var(--control-sm);height:var(--control-sm);color:var(--text-2);cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex:none;place-items:center;display:inline-grid}.volume-open:hover,.volume-open[aria-expanded=true]{color:var(--text);border-color:var(--border-strong)}.volume-open[data-silenced=true]{color:var(--danger)}.volume-open:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.participant .volume-open{background:0 0;border-color:#0000}.participant .volume-open:hover{background:var(--surface-3)}.tile-slot>.volume-open--tile{top:var(--space-2);left:var(--space-2);z-index:1;background:var(--surface);border-radius:var(--radius-pill);opacity:0;transition:opacity .15s;position:absolute}.tile-slot:hover>.volume-open--tile,.tile-slot:focus-within>.volume-open--tile,.tile-slot>.volume-open--tile[aria-expanded=true]{opacity:1}.volume-popover{z-index:60;width:var(--popover-w);padding:var(--space-2) var(--space-3);color:var(--text);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);position:fixed}.volume-popover .volume-control{gap:var(--space-2)}@media (pointer:coarse){.volume-toggle{width:var(--control-md);height:var(--control-md)}.volume-slider{min-height:var(--control-sm)}}.volume-sheet-open,.volume-sheet-close{all:unset;box-sizing:border-box;min-width:var(--control-lg);min-height:var(--control-lg);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.volume-sheet-open:focus-visible,.volume-sheet-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.volume-sheet-scrim{z-index:50;background:#0000008c;position:fixed;inset:0}.volume-sheet{z-index:51;gap:var(--space-1);padding:var(--space-3) var(--edge) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-solid);color:var(--text);border-bottom:0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.volume-sheet-head{justify-content:space-between;align-items:center;display:flex}.volume-sheet-head h2{margin:0;font-size:1rem}.volume-sheet .volume-control{min-height:var(--control-lg);gap:var(--space-3);padding-left:0}.volume-sheet .volume-toggle{width:var(--control-lg);height:var(--control-lg)}.volume-sheet .volume-slider{min-height:var(--control-lg)}.volume-caption{min-width:2.6em;color:var(--text-2);flex:none;font-size:.85rem}.volume-sheet .volume-value{font-size:.9rem}.screen-tile{cursor:zoom-in;border:0;padding:0}.screen-tile video{object-fit:contain;background:var(--video-bg);width:100%;height:100%}.screen-badge{padding:0 var(--space-2);color:var(--text);background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-pill);flex:none;font-size:.6875rem;font-weight:800;line-height:1.5}.screen-viewer{z-index:30;gap:var(--space-2);padding:var(--space-2);pointer-events:auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:fixed;inset:5vh 5vw}.screen-viewer video{object-fit:contain;background:var(--video-bg);flex:1;min-height:0}.screen-viewer-bar{align-items:center;gap:var(--space-2);color:var(--text);display:flex}.screen-viewer-bar .tile-name{flex:1}.screen-sharing-banner{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--on-warning);background:var(--warning);border-radius:999px;font-size:13px;font-weight:600;display:inline-flex}.videos .videos-track .tile.screen-preview,.videos[data-size=large] .tile.screen-preview{width:var(--tile-w-screen);outline:2px solid var(--primary);outline-offset:-2px}.screen-preview .tile-label{color:var(--text)}.screen-toasts{top:calc(var(--overlay-top) + var(--space-6) + var(--space-5));z-index:26;gap:var(--space-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.screen-toast{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--text);background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:auto;font-size:.875rem;font-weight:700;display:flex}.screen-toast-action{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;font-weight:800;display:inline-flex}.screen-toast-action:hover{background:var(--primary-hover)}.screen-toast-close{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}@media (width<=640px){.videos .videos-track .tile.screen-preview,.videos[data-size=large] .tile.screen-preview{width:var(--tile-w)}}.menu-hint{color:var(--text-3);font-size:.78rem;font-weight:400;display:block}.dock-menu-list button[data-quality]{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.dock-menu-list .menu-note{margin:var(--space-1) var(--space-4) var(--space-2)}.stage{--stage-left:0px;--stage-top:calc(var(--overlay-top) + var(--strip-head-h) + var(--space-2));--stage-right:calc(272px + var(--edge) * 3);--stage-bar-h:calc(var(--control-sm) + var(--space-4));--stage-bottom:calc(var(--dock-h) + var(--edge) * 2);--stage-free-w:calc(100vw - var(--stage-left) - var(--edge) - var(--stage-right));--stage-free-h:calc(100dvh - var(--stage-top) - var(--stage-bottom));inset:var(--stage-top) auto var(--stage-bottom) calc(var(--stage-left) + var(--edge));right:var(--stage-right);z-index:30;width:min(max(var(--stage-free-w), calc(var(--tile-w) * 2)), calc((var(--stage-free-h) - var(--stage-bar-h)) * 16 / 9));pointer-events:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);height:fit-content;box-shadow:var(--shadow);flex-direction:column;margin:auto;display:flex;position:fixed}.stage-bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--stage-bar-h);padding:var(--space-2) var(--space-3);color:var(--text);display:flex}.stage-identity{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.stage-avatar{width:var(--control-sm);height:var(--control-sm);color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.stage-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.stage-controls{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);flex:none;display:flex}.stage-controls .stage-button,.stage-controls .volume-open{width:var(--control-sm);height:var(--control-sm);color:var(--text-2);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;place-items:center;padding:0;display:grid}.stage-controls .stage-button:hover,.stage-controls .volume-open:hover,.stage-controls .volume-open[aria-expanded=true]{color:var(--text);background:var(--surface-3)}.stage-controls .volume-open[data-silenced=true]{color:var(--danger)}.stage-controls .stage-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stage-controls .dock-menu-list{width:max-content;max-width:calc(100vw - var(--edge) * 2)}.stage-body{border-radius:0 0 var(--radius-lg) var(--radius-lg);aspect-ratio:16/9;background:var(--video-bg);place-items:center;display:grid;overflow:hidden}.stage-body video{object-fit:contain;width:100%;height:100%}.stage[data-kind=camera] .stage-body video{object-fit:cover}.stage-body video.mirror{transform:scaleX(-1)}.stage-empty{color:var(--text-3)}.stage[data-state=fullscreen]{border:0;border-radius:0;width:100vw;height:100vh;margin:0;position:static;inset:auto}.stage[data-state=fullscreen] .stage-body{aspect-ratio:auto;flex:1;min-height:0}.tile.expanded{outline:2px solid var(--primary)}.stage:focus{outline:none}.stage-body video{transition:transform .2s}@media (width<=640px){.stage,.stage[data-state=fullscreen]{z-index:40;width:100vw;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;border-radius:0;margin:0;position:fixed;inset:0}.stage-bar{min-height:0;padding:var(--space-2) var(--space-3)}.stage-controls{background:0 0;border:0;padding:0}.stage-controls .stage-button,.stage-controls .volume-open,.stage-controls .volume-sheet-open{width:var(--control-lg);height:var(--control-lg)}.stage-controls .stage-button{background:var(--surface-2)}.stage-body,.stage[data-state=fullscreen] .stage-body{aspect-ratio:auto;touch-action:none;border-radius:0;flex:1;min-height:0;overflow:hidden}.stage[data-kind=camera] .stage-body video{object-fit:contain}.stage-body[data-zoomed=true]{cursor:zoom-out}}.own-screen{cursor:default}.own-screen .tile-label{border-radius:var(--radius-sm);flex-wrap:wrap;row-gap:0}.own-screen-viewers{color:var(--text-2);flex-basis:100%;font-size:.6875rem;font-weight:600}.own-screen-hint{inset:auto var(--space-2) var(--space-6);padding:var(--space-1) var(--space-2);color:var(--on-warning);background:var(--warning);border-radius:var(--radius-sm);margin:0;font-size:.6875rem;font-weight:600;position:absolute}.own-screen-stop{top:var(--space-2);right:var(--space-2);align-items:center;gap:var(--space-1);min-height:var(--space-5);padding:0 var(--space-2);font:inherit;color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);opacity:0;font-size:.6875rem;font-weight:700;transition:opacity .15s;display:inline-flex;position:absolute}.own-screen-stop svg{color:var(--danger)}.tile.own-screen:hover .own-screen-stop,.tile.own-screen:focus-within .own-screen-stop{opacity:1}@media (hover:none){.own-screen-stop{opacity:1}}.own-screen-audio{inset:var(--space-2) var(--space-2) auto;padding:var(--space-1) var(--space-2);max-width:calc(100% - var(--space-6) * 2);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;font-size:.6875rem;font-weight:600;line-height:1.3;position:absolute}.own-screen-audio span{color:var(--text-2);font-weight:400;display:block}.videos[data-stage=open] .own-screen-audio,.videos[data-stage=open] .own-screen-hint{display:none}.call-button{border-radius:var(--radius-pill);border:1px solid var(--border-strong);pointer-events:auto;opacity:.75;background:0 0;min-height:30px;margin-left:4px;padding:0 8px;font-size:.8rem}.participant:hover .call-button,.call-button:focus-visible{opacity:1}.call-button:disabled{opacity:.35}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-BWI5zH9R.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-C3IBG1kp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-B55YuedR.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-DcJfvmGA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BaTF6Vo7.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12101a;--surface:#1b1826db;--surface-solid:#1b1826;--surface-2:#262236;--surface-3:#312c45;--border:#ffffff14;--border-strong:#ffffff29;--text:#f5f2fb;--text-2:#bcb4cf;--text-3:#938ca8;--primary:#8b6cff;--primary-hover:#9f86ff;--primary-soft:#8b6cff2e;--on-primary:var(--bg);--available:#3dd68c;--busy:#ff5a63;--away:#ffb547;--danger:#ff5a63;--danger-soft:#ff5a6329;--warning:#ffb547;--info:#5cb8ff;--zone:#6c8cff;--lock:#ff8a5c;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-pill:999px;--shadow:0 8px 24px #00000059, 0 1px 0 #ffffff0a inset;--shadow-sm:0 2px 8px #0000004d;--blur:blur(14px) saturate(140%);--font:"Nunito Variable", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--gap:8px;--edge:16px;--dock-h:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--control-sm:32px;--control-md:36px;--control-lg:44px;--video-bg:#000;--on-warning:#1b1408;--tile-w:192px;--tile-w-lg:240px;--tile-w-screen:288px;--tile-w-mini:120px;--popover-w:240px;--overlay-top:calc(var(--edge) + 44px);--strip-head-h:24px;font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}button:hover:not(:disabled){background:var(--surface-3)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);min-height:40px;padding:0 12px}input::placeholder{color:var(--text-3)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.screen{height:100%;padding:var(--edge);background:radial-gradient(60% 50% at 20% 10%, #8b6cff38, transparent 70%), radial-gradient(50% 40% at 90% 90%, #ffb5471f, transparent 70%), var(--bg);place-items:center;display:grid}.card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,100%);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:28px;display:flex}.card h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.card p{color:var(--text-2);margin:0}.card label{color:var(--text-2);margin-top:4px;font-size:.85rem;font-weight:700}.card button[type=submit],.card button.primary{background:var(--primary);min-height:44px;color:var(--on-primary);border:0;margin-top:8px}.card button[type=submit]:hover:not(:disabled),.card button.primary:hover:not(:disabled){background:var(--primary-hover)}.card [role=alert]{border-radius:var(--radius-sm);background:var(--danger-soft);color:#ffb3b8;padding:8px 12px;font-size:.9rem}.brand{color:var(--text-2);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.brand-mark{border-radius:9px;width:28px;height:28px}.card .hint{color:var(--text-3);font-size:.85rem}.space{background:var(--bg);position:absolute;inset:0}.overlay{pointer-events:none;position:absolute;inset:0}.overlay>*{pointer-events:auto}.panel,.controls,.screen-popup,.dock-menu-list,.dialog,.toast,.zone-badge{background:var(--surface);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);box-shadow:var(--shadow)}.panel{top:var(--edge);right:var(--edge);max-height:calc(100% - var(--dock-h) - var(--edge) * 3);border-radius:var(--radius-lg);width:272px;padding:12px;position:absolute;overflow:auto}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin:0 0 8px;font-size:.8rem;font-weight:800}.panel ul{margin:0;padding-left:16px}.panel.collapsed{width:auto;bottom:auto}.panel.collapsed h2{margin:0}.panel-toggle{all:unset;cursor:pointer}.participants ul{padding:0;list-style:none}.participant{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin:0 -8px;display:flex}.participant:hover{background:#ffffff0a}.avatar-dot{border-radius:50%;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 2px #00000026}.avatar-dot .status-dot{width:11px;height:11px;box-shadow:0 0 0 2.5px var(--surface-solid);position:absolute;bottom:-2px;right:-2px}.participant-main{flex-direction:column;flex:1;min-width:0;display:flex}.participant-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.participant-sub{color:var(--text-3);font-size:.78rem}.participant-icons{align-items:center;gap:var(--space-1);color:var(--text-2);display:flex}.icon-muted{color:#ffb3b8}.icon-sharing{color:var(--primary)}.icon-connected{color:var(--available)}.participant-icons span,.tile-muted{align-items:center;display:inline-flex}.controls button,.zone-lock,.call-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.controls button>svg{flex:none;width:20px;height:20px}.status-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.status-available{background:var(--available)}.status-busy{background:var(--busy)}.status-away{background:var(--away)}.zone-slot{top:var(--edge);left:var(--edge);pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute}.zone-badge{border-radius:var(--radius-pill);color:#dbe3ff;border-color:#6c8cff8c;align-items:center;min-height:32px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.zone-lock{border-radius:var(--radius-pill);pointer-events:auto;color:#fff;background:#ff8a5c38;border:1px solid #ff8a5ca6;min-height:32px;padding:0 14px;font-size:.85rem}.zone-lock:hover:not(:disabled){background:#ff8a5c57}.videos{top:var(--overlay-top);left:var(--edge);right:calc(272px + var(--edge) * 2);gap:var(--space-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.videos>*{pointer-events:auto}.videos-track{align-items:flex-start;gap:var(--space-2);max-height:calc(100dvh - var(--overlay-top) - var(--strip-head-h) - var(--space-2) - var(--dock-h) - var(--edge) * 2);padding:var(--space-1);margin:calc(var(--space-1) * -1);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.videos[data-stage=open] .videos-track .tile,.videos[data-stage=open] .videos-track .tile.screen-preview,.videos[data-stage=open][data-size=large] .videos-track .tile.screen-preview{width:var(--tile-w-mini)}.conversation{min-height:var(--strip-head-h);color:var(--text-2);flex-basis:100%;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.conversation-text{border-radius:var(--radius-pill);background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);padding:2px 10px}.conversation-text:empty{display:none}.conversation-sound{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:24px;height:24px;color:var(--text-2);cursor:pointer;place-items:center;padding:0;display:grid}.conversation-sound:hover{color:var(--text);border-color:var(--border-strong)}.videos[data-size=large] .tile{width:var(--tile-w-lg)}.tile{width:var(--tile-w);aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-2);height:auto;box-shadow:var(--shadow-sm);outline:2px solid var(--border);outline-offset:-2px;transition:outline-color .15s;position:relative;overflow:hidden}.tile.speaking{outline:3px solid var(--available);outline-offset:-3px}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile video.mirror{transform:scaleX(-1)}.tile-initial:before{content:attr(data-initial)}.tile-initial{height:100%;color:var(--text-2);place-items:center;font-size:2rem;font-weight:800;display:grid}.tile-label{left:var(--space-2);bottom:var(--space-2);max-width:calc(100% - var(--space-4));align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0810a6;font-size:.75rem;font-weight:700;display:flex;position:absolute}.tile-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.controls{z-index:16;left:50%;bottom:var(--edge);max-width:calc(100% - var(--edge) * 2);min-height:var(--dock-h);border-radius:var(--radius-lg);align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%)}.controls button{min-height:var(--control-lg);border-radius:var(--radius);background:0 0;border-color:#0000}.controls button:hover:not(:disabled){background:var(--surface-2)}.media-controls,.status-selector,.user-menu{align-items:center;gap:4px;display:flex}.media-controls{padding:0}.status-selector,.user-menu{border-left:1px solid var(--border);padding-left:8px}.media-controls button[data-control=mic][aria-pressed=false],.media-controls button[data-control=camera][aria-pressed=false]{background:var(--danger-soft);color:#ffb3b8}.media-controls button[data-control=screen][aria-pressed=true]{background:var(--danger);color:var(--on-primary)}.media-controls button[data-control=screen][aria-pressed=true]:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}.dock-menu{position:relative}.dock-menu-list{z-index:12;gap:var(--space-1);min-width:200px;padding:var(--space-2);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 14px);left:0}.user-menu .dock-menu-list,.dock-menu[data-align=end] .dock-menu-list{left:auto;right:0}.dock-menu[data-placement=down] .dock-menu-list{top:calc(100% + var(--space-2));z-index:62;bottom:auto}.dock-menu-list button{min-height:40px;padding:0 var(--space-3);background:0 0;border-color:#0000;justify-content:flex-start;font-weight:600}.dock-menu-list button:hover:not(:disabled),.dock-menu-list button:focus-visible{background:var(--surface-3)}.dock-menu-list button[aria-checked=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.dock-menu-list .menu-label{text-align:left;flex:1}.dock-menu-list kbd{background:var(--surface-2);min-width:22px;color:var(--text-3);font:inherit;text-align:center;border-radius:6px;padding:1px 6px;font-size:.78rem}.dock-menu-list .danger-item{color:#ffb3b8}.menu-note{max-width:220px;color:var(--text-3);margin:4px 8px 2px;font-size:.78rem}.status-pill{gap:8px;padding:0 12px}.user-button{gap:8px;padding:0 10px 0 6px}.user-button .avatar-dot:before{content:attr(data-initial)}.user-button .avatar-dot{width:28px;height:28px;color:var(--bg);place-items:center;font-size:.8rem;font-weight:800;display:grid}.user-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dialog{width:min(380px, calc(100% - var(--edge) * 2));border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text);padding:20px}.dialog::backdrop{background:#0000008c}.dialog h2{margin:0 0 12px;font-size:1.1rem;font-weight:800}.dialog p{color:var(--text-2);margin:0}.dialog form{flex-direction:column;gap:8px;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dialog .primary{background:var(--primary);color:var(--on-primary);border-color:#0000}.dialog .primary:hover:not(:disabled){background:var(--primary-hover)}.dialog .danger{background:var(--danger);color:var(--on-primary);border-color:#0000}.media-error{color:#ffb3b8;font-size:.8rem}.proximity-paused{color:var(--warning);display:inline-flex}.audio-prompt{left:50%;bottom:calc(var(--dock-h) + var(--edge) * 2);border-radius:var(--radius-pill);background:var(--warning);color:#1b1408;min-height:40px;box-shadow:var(--shadow);border:0;padding:0 18px;position:absolute;transform:translate(-50%)}.device-panel{right:var(--edge);bottom:calc(var(--dock-h) + var(--edge) * 2);z-index:12;position:absolute}.reconnect-banner{top:var(--edge);z-index:20;color:#1b1408;background:var(--warning);border-radius:var(--radius-pill);box-shadow:var(--shadow);padding:8px 18px;font-size:.9rem;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.toast{top:calc(var(--edge) + 48px);z-index:25;border-radius:var(--radius-pill);pointer-events:none;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shortcuts{width:min(460px, calc(100% - var(--edge) * 2))}.shortcuts h3{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin:14px 0 6px;font-size:.75rem;font-weight:800}.shortcuts dl{margin:0}.shortcuts dl>div{justify-content:space-between;align-items:center;gap:16px;padding:5px 0;display:flex}.shortcuts dt{flex-shrink:0;align-items:center;gap:4px;display:flex}.shortcuts dd{color:var(--text-2);text-align:right;margin:0}.shortcuts .keys{align-items:center;gap:4px;display:inline-flex}.shortcuts .keys-or{color:var(--text-3);font-size:.8rem}.shortcuts kbd{border:1px solid var(--border-strong);background:var(--surface-2);min-width:26px;color:var(--text);font:inherit;text-align:center;border-radius:6px;padding:2px 7px;font-size:.8rem;font-weight:700}.tile-slot{width:fit-content;position:relative}.tile-minimize{top:var(--space-2);right:var(--space-2);width:var(--space-5);height:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);cursor:pointer;opacity:0;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute}.tile-slot:hover .tile-minimize,.tile-slot:focus-within .tile-minimize,.tile-minimize:focus-visible{opacity:1}.tile-minimize:hover{color:var(--text);border-color:var(--border-strong)}@media (hover:none){.tile-minimize{opacity:1}}.media-chip,.strip-bar{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);max-width:200px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:.75rem;font-weight:700;display:inline-flex}.media-chip:hover,.strip-bar:hover{border-color:var(--border-strong)}.media-chip.speaking,.strip-bar.speaking{border-color:var(--available);box-shadow:0 0 0 2px var(--available)}.media-chip-initial{background:var(--surface-2);width:20px;height:20px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.media-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip-bar{padding-left:10px}@media (width<=640px){.strip-bar-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.media-controls button[data-idle=true],.media-controls button[data-idle=true][aria-pressed]{color:var(--text-3,var(--text-2));opacity:.45;cursor:not-allowed;background:0 0}.media-controls button[data-idle=true]:hover{background:0 0}.media-controls button[data-idle=true]:active{transform:none}.device-preview{flex-direction:column;gap:6px;display:flex}.device-preview video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:100%}.device-preview video.mirror{transform:scaleX(-1)}.device-preview-meter{--level:0;border-radius:var(--radius-pill);background:var(--surface-2);height:6px;display:block;overflow:hidden}.device-preview-meter>span{height:100%;width:calc(var(--level) * 100%);background:var(--primary);display:block}.device-preview-note{color:var(--text-2);margin:0;font-size:.78rem}.dialog.settings{width:min(560px, calc(100% - var(--edge) * 2));max-height:calc(100% - var(--edge) * 2);overflow:auto}.dialog-body{flex-direction:column;gap:8px;display:flex}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.settings-tabs button{color:var(--text-2);background:0 0;border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;font-weight:700}.settings-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--primary)}.settings-panel,.settings-section,.settings-devices{flex-direction:column;gap:12px;display:flex}.settings-panel{min-height:260px;padding-top:12px}.settings-field{color:var(--text-2);flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.settings-inline{gap:8px;display:flex}.settings-inline input{flex:1;min-width:0}.settings-section>button{justify-content:flex-start}.settings-section>button kbd{background:var(--surface-2);color:var(--text-3);font:inherit;border-radius:6px;margin-left:auto;padding:1px 6px;font-size:.78rem}.settings .danger-item{color:#ffb3b8}.settings-radios{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.settings-radios legend{color:var(--text-2);margin-bottom:4px;padding:0;font-size:.78rem;font-weight:700}.settings-radio{align-items:flex-start;gap:8px;min-height:32px;font-weight:600;display:flex}.settings-radio input{width:16px;height:16px;min-height:0;accent-color:var(--primary);flex:none;margin:3px 0 0;padding:0}.settings-radio small{color:var(--text-2);font-weight:400;display:block}.settings-radio kbd{background:var(--surface-2);color:var(--text-3);font:inherit;border-radius:6px;padding:1px 6px;font-size:.78rem}.settings-note{color:var(--text-3);margin:0;font-size:.78rem}.screen-control{position:relative}.screen-popup{bottom:calc(100% + var(--space-3));z-index:12;gap:var(--space-3);width:calc(var(--popover-w) + var(--space-6) * 2);padding:var(--space-4);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.screen-popup .primary{background:var(--primary);color:var(--on-primary);border-color:#0000}.screen-popup .danger{background:var(--danger);color:var(--on-primary);border-color:#0000}.screen-popup .dialog-actions{margin-top:0}html{touch-action:manipulation}.space canvas{touch-action:none}@media (width<=640px){:root{--edge:8px;--dock-h:calc(60px + env(safe-area-inset-bottom,0px))}.space button,.space .dialog button{min-height:44px}.space .controls button{min-width:44px}.conversation-sound{position:relative}.conversation-sound:after{content:"";position:absolute;inset:-10px}.zone-lock{min-height:44px}.call-button{opacity:1;min-width:44px}.controls{max-width:none;padding:8px var(--edge) calc(8px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;justify-content:space-around;gap:2px;bottom:0;left:0;right:0;transform:none}.controls .btn-label,.controls .user-name,.status-pill>svg:last-child{display:none}.status-selector,.user-menu{padding-left:4px}.status-pill,.user-button{padding:0 10px}.screen-sharing-banner{left:var(--edge);right:var(--edge);bottom:calc(var(--dock-h) + var(--edge));justify-content:space-between;position:fixed}.dock-menu-list button{min-height:44px}.device-panel{left:var(--edge);right:var(--edge)}.space .dialog.settings{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.settings-tabs{overflow-x:auto}.screen-popup{width:auto;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;transform:none}.audio-prompt{bottom:calc(var(--dock-h) + var(--edge))}.zone-slot{right:calc(var(--edge) * 2 + 76px);flex-wrap:wrap}.zone-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:44px;overflow:hidden}.panel.collapsed{left:auto;right:var(--edge);padding:0}.participants .panel-toggle{box-sizing:border-box;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;display:inline-flex}.participants .panel-title{display:none}.participants:not(.collapsed) .panel-title{flex:1;display:inline}.participants:not(.collapsed){z-index:16;width:min(320px,88vw);max-height:none;padding:calc(var(--edge) + env(safe-area-inset-top,0px)) var(--edge) calc(var(--edge) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--surface-solid);-webkit-backdrop-filter:none;position:fixed;inset:0 0 0 auto}.participants:not(.collapsed) .panel-toggle{justify-content:flex-start;width:100%}.participants .drawer-close{margin-left:auto}.drawer-scrim{z-index:15;background:#0000008c;border:0;border-radius:0;min-height:0;padding:0;position:fixed;inset:0}.drawer-scrim:hover:not(:disabled){background:#0000008c}.videos{top:calc(var(--edge) + 52px);left:var(--edge);right:var(--edge);flex-flow:column;gap:6px}.videos-track{gap:var(--space-2);max-height:none;padding:0 0 var(--space-1);scroll-snap-type:x proximity;scrollbar-width:none;pointer-events:auto;flex-direction:row;margin:0;display:flex;overflow:auto hidden}.videos-track>.tile-slot,.videos-track>.tile{scroll-snap-align:start;flex:none}.videos-track .tile,.videos[data-size=large] .tile,.videos[data-stage=open] .videos-track .tile{width:var(--tile-w-mini)}.videos-track .tile:not(.screen-tile){cursor:zoom-in}.videos-track{align-items:flex-start;scroll-padding-inline:0}.media-chip,.strip-bar{flex:none;min-height:44px;padding:0 12px 0 6px}.media-chip-name{display:none}.screen-toasts{top:calc(var(--edge) + 52px + 24px + 6px + 120px);width:calc(100% - var(--edge) * 2)}.screen-toast{max-width:100%}.dialog{width:calc(100% - var(--edge) * 2)}}