:root{--font-ui:Arial,"Helvetica Neue",sans-serif;--font-display:"Arial Narrow","Roboto Condensed",Arial,sans-serif;--font-mono:Consolas,"Liberation Mono",monospace;--ink:#17203b;--blue:#8028d0;--coral:#ff6b4a;--paper:#f6f7f2;--floor:#dce2dc;--wall:#f4f5f7;--surface:#f7f8f4;--surface-2:#ffffff;--surface-3:#eaece5;--panel:#17203b;--panel-2:#212c4d;--panel-3:#2c3860;--ink-1:#17203b;--ink-2:#4e566b;--ink-3:#646d84;--on-panel-1:#eef1f8;--on-panel-2:#9aa6c4;--blue-ink:#6b21c8;--ok:#0d7a52;--ok-dot:#1eb87a;--ok-on-panel:#5fd7a4;--warn:#8a5a05;--warn-dot:#f0ad2b;--warn-on-panel:#f5c563;--danger:#b23520;--danger-dot:#e8593a;--danger-on-panel:#ff9b83;--idle-dot:#949cad;--danger-surface:#fdeae4;--warn-surface:#fdf2dc;--info-surface:#eaeeff;--ok-surface:#dff2e8;--line:rgba(23,32,59,0.12);--line-2:rgba(23,32,59,0.22);--line-panel:rgba(255,255,255,0.13);--line-panel-2:rgba(255,255,255,0.26);--shadow-1:0 1px 2px rgba(15,22,43,0.08),0 4px 12px rgba(15,22,43,0.1);--shadow-2:0 2px 6px rgba(15,22,43,0.1),0 20px 48px rgba(15,22,43,0.22);--r-1:8px;--r-2:12px;--r-3:16px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--fs-1:11px;--fs-2:12px;--fs-3:13px;--fs-4:14px;--fs-5:16px;--fs-6:20px;--hud-gap:clamp(12px,1.6vw,20px);--hud-rail:40px;--ease:cubic-bezier(0.22,1,0.36,1);--t-fast:140ms;--t:200ms;--z-hud:10;--z-hud-raised:20;--z-dock:30;--z-alert:40}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--floor);color:var(--ink-1);font-family:var(--font-ui);font-size:var(--fs-4);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:where(button){cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:2px}kbd{display:inline-grid;min-width:22px;padding:4px 6px;place-items:center;border:solid var(--line-2);border-width:1px 1px 2px;border-radius:6px;background:var(--surface-2);color:var(--ink-1);font:600 10px/1 var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.office-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--floor)}.game-layer,.game-stage,.game-stage canvas{display:block;width:100%;height:100%}.game-layer{position:absolute;inset:0}.game-loading{display:grid;width:100%;height:100%;place-items:center;color:var(--ink-2);font-size:var(--fs-3)}.hud-surface{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-1)}.hud-top{position:absolute;z-index:var(--z-hud);top:var(--hud-gap);right:var(--hud-gap);left:var(--hud-gap);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);pointer-events:none}.hud-top>*{pointer-events:auto}.hud-stack-top{position:absolute;z-index:var(--z-hud);top:calc(var(--hud-gap) + var(--hud-rail) + var(--s-3));left:50%;display:flex;max-width:calc(100vw - var(--hud-gap) * 2);flex-direction:column;align-items:center;gap:var(--s-2);transform:translateX(-50%);pointer-events:none}.hud-stack-top>*{max-width:100%;pointer-events:auto}.hud-video-slot:empty{display:none}.hud-brand{display:flex;height:var(--hud-rail);align-items:center}.hud-brand img{display:block;width:auto;height:34px}.hud-top-actions{display:flex;align-items:center;gap:var(--s-2)}.presence-menu{position:relative}.presence{display:flex;align-items:center;gap:var(--s-2);height:var(--hud-rail);padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--fs-2);font-weight:600;list-style:none;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.presence::-webkit-details-marker{display:none}.presence:hover{background:var(--surface-3)}.presence-menu[open] .presence{border-color:var(--line-2);background:var(--surface-3)}.status-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--idle-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--idle-dot) 22%,transparent)}[data-status=connected] .status-dot,[data-status=ready] .status-dot{background:var(--ok-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--ok-dot) 22%,transparent)}[data-status=connecting] .status-dot{background:var(--warn-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--warn-dot) 22%,transparent);animation:hud-pulse 1.4s var(--ease) infinite}[data-status=disconnected] .status-dot,[data-status=error] .status-dot{background:var(--danger-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger-dot) 22%,transparent)}.presence-count{color:var(--ink-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.presence-count small{color:var(--ink-3);font-size:inherit;font-weight:500}.presence-label{color:var(--ink-2)}.presence[data-status=disconnected] .presence-label,.presence[data-status=error] .presence-label{color:var(--danger)}.presence-caret{flex:none;width:12px;height:12px;color:var(--ink-3);transition:transform var(--t-fast) var(--ease)}.presence-menu[open] .presence-caret{transform:rotate(180deg)}.presence-popover{position:absolute;scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;z-index:var(--z-hud-raised);top:calc(var(--hud-rail) + var(--s-2));right:0;width:264px;max-height:min(60dvh,420px);padding:var(--s-3);overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);animation:hud-rise var(--t) var(--ease) both}.presence-popover h2{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-2);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.presence-popover h2 small{color:var(--ink-3);font-size:var(--fs-2);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.presence-popover ul{display:grid;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.presence-popover li{display:flex;align-items:center;gap:var(--s-2);min-height:62px;padding:0 var(--s-2);border-radius:var(--r-1);font-size:var(--fs-3)}.presence-popover li+li{border-top:1px solid var(--line);border-radius:0}.presence-popover li[data-nearby=true]{background:var(--info-surface)}.presence-figure{position:relative;display:grid;flex:none;width:32px;height:64px;place-items:center}.avatar-portrait{display:block;image-rendering:pixelated}.presence-figure:after{position:absolute;z-index:1;right:0;bottom:6px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--ok-dot);content:""}.presence-popover li[data-availability=dnd] .presence-figure:after{background:var(--danger-dot)}.presence-figure .initial{width:100%;height:100%;border-radius:0;font-size:var(--fs-2)}.presence-who{display:grid;min-width:0;grid-gap:1px;gap:1px}.presence-who strong{display:flex;min-width:0;align-items:center;gap:var(--s-1);color:var(--ink-1);font-size:var(--fs-3);font-weight:600}.presence-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-who small{color:var(--ink-3);font-size:var(--fs-1)}.presence-badge{flex:none;padding:1px 5px;border-radius:4px;background:var(--blue);color:#fff;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.presence-actions{display:flex;margin-left:auto;gap:2px;opacity:0;transition:opacity var(--t-fast) var(--ease)}.presence-actions:focus-within,.presence-popover li:hover .presence-actions{opacity:1}.presence-actions button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink-2)}.presence-actions button:hover:not(:disabled){border-color:var(--blue);background:var(--blue);color:#fff}.presence-actions button:disabled{opacity:.4}.presence-actions svg{width:15px;height:15px;fill:none;stroke:currentcolor;stroke-width:1.7}.presence-empty{margin:0;color:var(--ink-3);font-size:var(--fs-3)}.presence-retry{width:100%;min-height:36px;margin-top:var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);font-size:var(--fs-2);font-weight:600}.presence-retry:hover{background:var(--surface-3)}.initial{display:grid;flex:none;width:24px;height:24px;place-items:center;border-radius:var(--r-1);background:var(--blue);color:#fff;font-size:var(--fs-1);font-weight:700;text-transform:uppercase}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:var(--s-2);height:var(--hud-rail);padding:0 var(--s-3) 0 var(--s-1);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-1);list-style:none;cursor:pointer;transition:background var(--t-fast) var(--ease)}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:var(--surface-3)}.account-menu summary strong{max-width:132px;overflow:hidden;font-size:var(--fs-2);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-menu summary .initial{width:30px;height:30px;font-size:var(--fs-2)}.account-popover{position:absolute;top:calc(var(--hud-rail) + var(--s-2));right:0;display:grid;width:250px;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);animation:hud-rise var(--t) var(--ease) both}.account-head{display:flex;align-items:start;justify-content:space-between;gap:var(--s-2)}.account-head>span{display:grid;min-width:0}.account-popover strong{font-size:var(--fs-5);letter-spacing:-.01em;line-height:1.2}.account-close{display:grid!important;flex:none;width:26px;height:26px;padding:0!important;place-items:center;margin:0!important;color:var(--ink-3)}.account-close svg{width:15px;height:15px}.account-group{margin:var(--s-3) 0 var(--s-1);color:var(--ink-3);font-size:var(--fs-1);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-popover small{margin-bottom:var(--s-3);overflow:hidden;color:var(--ink-3);font-size:var(--fs-2);text-overflow:ellipsis}.account-name-form{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-name-form label{display:grid;grid-gap:var(--s-1);gap:var(--s-1);color:var(--ink-2);font-size:var(--fs-1);font-weight:700}.account-name-form input{width:100%;height:38px;padding:0 var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);color:var(--ink-1);font-size:var(--fs-3);font-weight:500}.account-name-form small{margin:0;font-size:var(--fs-1)}.account-name-form .account-name-error{color:var(--danger)}.account-name-actions{display:flex;justify-content:flex-end;gap:var(--s-2)}.account-popover .account-name-actions button{min-height:32px;padding:0 var(--s-3);margin:0;border:1px solid var(--line);justify-content:center;font-size:var(--fs-2)}.account-popover .account-name-actions .account-name-save{border-color:var(--ink);background:var(--ink);color:#fff}.account-popover .account-name-actions .account-name-save:hover:not(:disabled){border-color:var(--blue-ink);background:var(--blue-ink);color:#fff}.account-popover .account-name-actions button:disabled{opacity:.55}.availability-picker{display:grid;grid-gap:2px;gap:2px;margin:var(--s-2) calc(var(--s-2) * -1) var(--s-3)}.availability-picker button{display:grid;align-items:center;grid-gap:var(--s-2);gap:var(--s-2);grid-template-columns:auto auto 1fr;padding:var(--s-2);border:none!important;border-radius:var(--r-1);background:none;font-size:var(--fs-3);font-weight:500;text-align:left;white-space:nowrap;transition:background var(--t-fast) var(--ease)}.availability-picker button:hover:not(:disabled){background:var(--surface-3)}.availability-picker button[aria-checked=true]{background:color-mix(in oklab,var(--blue) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--blue) 30%,transparent);font-weight:600}.availability-picker button:disabled{opacity:.55}.availability-picker small{overflow:hidden;align-self:center;margin-left:auto;color:var(--ink-3);font-size:var(--fs-1);text-overflow:ellipsis}.availability-dot{flex:none;align-self:center;width:8px;height:8px;border-radius:50%;background:var(--idle-dot)}[data-availability=available] .availability-dot{background:var(--ok-dot)}[data-availability=busy] .availability-dot{background:var(--warn-dot)}[data-availability=dnd] .availability-dot{background:var(--danger-dot)}.account-popover a,.account-popover button{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2);border:none;border-radius:var(--r-1);margin:0 calc(var(--s-2) * -1);background:none;color:var(--ink-1);font-size:var(--fs-3);font-weight:600;text-align:left;text-decoration:none;transition:background var(--t-fast) var(--ease)}.account-popover a:hover,.account-popover button:hover{background:var(--surface-3);color:var(--blue-ink)}.account-popover a svg,.account-popover button svg{flex:none;width:17px;height:17px;color:var(--ink-3);fill:none;stroke:currentcolor;stroke-width:1.6}.account-popover a:hover svg,.account-popover button:hover svg{color:currentcolor}.account-popover .account-leave{margin-top:var(--s-2);border-top:1px solid var(--line);border-radius:0;padding-top:var(--s-3)}.account-popover .account-leave:hover{background:var(--danger-surface);color:var(--danger)}.hud-bottom{position:absolute;z-index:var(--z-dock);right:var(--hud-gap);bottom:var(--hud-gap);left:var(--hud-gap);display:grid;align-items:end;grid-gap:var(--s-3);gap:var(--s-3);grid-template-areas:"chat center" "dock dock";grid-template-columns:minmax(0,320px) minmax(0,1fr);pointer-events:none}.hud-bottom>*{pointer-events:auto}.chat-panel{grid-area:chat}.hud-center{grid-area:center}.media-dock{width:max-content;max-width:100%;grid-area:dock;justify-self:center}.hud-center{display:grid;justify-items:center;grid-gap:var(--s-2);gap:var(--s-2);pointer-events:none}.hud-center>*{pointer-events:auto}.action-prompt,.movement-hint{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--fs-2);font-weight:600;white-space:nowrap}.action-prompt{border:1px solid var(--line-panel);background:var(--panel);color:var(--on-panel-1);box-shadow:var(--shadow-1);animation:hud-rise var(--t) var(--ease) both}.action-prompt kbd{border-color:transparent;background:var(--coral);color:#fff}.movement-hint{color:var(--ink-2)}.movement-hint,.zoom-control{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1)}.zoom-control{display:flex;align-items:stretch;overflow:hidden;border-radius:var(--r-2)}.zoom-control button{min-width:30px;padding:var(--s-1) var(--s-2);border:0;background:transparent;color:var(--ink-2);font-size:var(--fs-2);font-weight:700;line-height:1.2;cursor:pointer}.zoom-control button+button{border-left:1px solid var(--line)}.zoom-control button:hover:not(:disabled){background:var(--surface-3);color:var(--ink-1)}.zoom-control button:disabled{cursor:default;opacity:.4}.zoom-control button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.zoom-control__value{min-width:52px;font-family:var(--font-mono);font-size:var(--fs-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.media-dock{--panel:#8028d0;--panel-2:transparent;--panel-3:rgb(255 255 255/14%);--line-panel:transparent;--line-panel-2:rgb(255 255 255/35%);--on-panel-1:#fff;--on-panel-2:#e9d5ff;display:grid;grid-gap:var(--s-3);grid-template-columns:auto auto auto;min-height:56px;padding:var(--s-2) var(--s-3);border:1px solid rgb(255 255 255/12%);border-radius:var(--r-pill);background:var(--panel);color:var(--on-panel-1);box-shadow:var(--shadow-2);pointer-events:auto}.dock-identity,.media-dock{align-items:center;gap:var(--s-3)}.dock-identity{display:flex}.dock-audience,.dock-identity{position:relative;min-width:0}.dock-name{overflow:hidden;font-size:var(--fs-3);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dock-nearby{display:flex;align-items:center;gap:var(--s-2);min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.dock-nearby:disabled{cursor:default}.dock-nearby-stack{display:flex}.dock-nearby-stack .initial{width:22px;height:22px;border:2px solid var(--panel);border-radius:50%;background:var(--blue);font-size:9px;animation:hud-chip-in var(--t) var(--ease) both}.dock-nearby-stack .initial[data-reach=distant]{border-style:dashed;background:color-mix(in oklab,var(--blue) 58%,var(--panel));opacity:.78}.dock-nearby-stack .initial+.initial{margin-left:-7px}.dock-nearby-stack .initial.more{width:auto;min-width:22px;padding:0 5px;background:var(--panel-3)}.dock-audience-popover{position:absolute;z-index:var(--z-alert);bottom:calc(100% + var(--s-3));left:0;width:min(280px,calc(100vw - var(--hud-gap) * 2));padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-2);animation:hud-rise var(--t-fast) var(--ease) both}.dock-audience-popover>strong{display:block;margin-bottom:var(--s-2);font-size:var(--fs-2)}.dock-audience-popover ul{display:grid;max-height:280px;padding:0;margin:0;overflow-y:auto;list-style:none}.dock-audience-popover li{display:grid;grid-template-columns:40px 1fr;align-items:center;min-height:68px;grid-gap:var(--s-2);gap:var(--s-2);border-top:1px solid var(--line)}.dock-audience-popover li[data-speaking=true]{color:var(--ok)}.dock-audience-popover li[data-reach=distant] .dock-audience-avatar{opacity:.72}.dock-audience-popover li>span:last-child{display:grid;grid-gap:2px;gap:2px}.dock-audience-popover small{color:var(--ink-3)}.dock-audience-avatar{display:grid;width:32px;height:64px;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.initial[data-speaking=true]{background:var(--ok);box-shadow:0 0 0 2px var(--ok-dot)}.dock-nearby-stack .initial[data-speaking=true]{border-color:var(--ok-dot);background:var(--blue);box-shadow:0 0 0 1px var(--ok-dot);opacity:1}.dock-controls button[data-speaking=true]{border-color:var(--ok-on-panel);box-shadow:0 0 0 1px var(--ok-on-panel)}.video-tile[data-speaking=true]{border-color:var(--ok-dot);box-shadow:var(--shadow-1),0 0 0 2px var(--ok-dot)}.dock-nearby-label{overflow:hidden;color:var(--on-panel-2);font-size:var(--fs-2);text-overflow:ellipsis;white-space:nowrap}.dock-controls{display:flex;gap:var(--s-2)}.dock-controls button{display:grid;min-width:62px;height:44px;padding:0 var(--s-2);border:1px solid var(--line-panel);border-radius:var(--r-1);background:var(--panel-2);color:var(--on-panel-1);font-size:var(--fs-1);font-weight:600;grid-gap:2px;gap:2px;justify-items:center;line-height:1.1;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.dock-controls button:hover:not(:disabled){border-color:var(--line-panel-2);background:var(--panel-3)}.dock-controls button:active:not(:disabled){transform:scale(.97)}.dock-controls button:disabled{opacity:.5}.dock-controls button svg{width:17px;height:17px;fill:none;stroke:currentcolor;stroke-width:1.7}.dock-controls button[aria-pressed=true]{border-color:color-mix(in oklab,var(--ok-on-panel) 55%,transparent);background:color-mix(in oklab,var(--ok-dot) 24%,var(--panel));color:var(--ok-on-panel)}.device-menu{position:relative}.device-menu summary{display:grid;width:30px;height:44px;border:1px solid var(--line-panel);border-radius:var(--r-1);background:var(--panel-2);color:var(--on-panel-2);list-style:none;cursor:pointer;place-items:center;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.device-menu summary::-webkit-details-marker{display:none}.device-menu summary:hover{background:var(--panel-3);color:var(--on-panel-1)}.device-menu summary svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-width:1.7;transform:rotate(180deg)}.device-menu[open] summary svg{transform:none}.device-popover{position:absolute;bottom:calc(100% + var(--s-2));right:0;display:grid;grid-gap:var(--s-3);gap:var(--s-3);width:296px;max-height:min(60vh,480px);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-2);overflow-x:hidden;overflow-y:auto;animation:hud-rise var(--t) var(--ease) both}.device-group h3{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-2) var(--s-2);margin:0;color:var(--ink-3);font-size:var(--fs-1);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.device-group h3 svg{width:15px;height:15px;fill:none;stroke:currentcolor;stroke-width:1.7}.device-group+.device-group{padding-top:var(--s-3);border-top:1px solid var(--line)}.device-group ul{display:grid;grid-gap:1px;gap:1px;padding:0;margin:0;list-style:none}.dock-controls .device-popover button{display:flex;align-items:center;gap:var(--s-2);width:100%;min-width:0;height:auto;padding:var(--s-2);border:none;border-radius:var(--r-1);background:none;color:var(--ink-2);font-size:var(--fs-2);font-weight:500;line-height:1.3;text-align:left}.dock-controls .device-popover button:hover:not(:disabled){background:var(--surface-3);color:var(--ink-1)}.dock-controls .device-popover button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-check{flex:none;width:15px;height:15px;fill:none;stroke:currentcolor;stroke-width:2.4;opacity:0}.dock-controls .device-popover button[aria-pressed=true]{background:color-mix(in oklab,var(--blue) 10%,transparent);color:var(--blue-ink);font-weight:700}.dock-controls .device-popover button[aria-pressed=true] .device-check{opacity:1}.device-empty,.device-hint{padding:0 var(--s-2);color:var(--ink-3);font-size:var(--fs-1);line-height:1.4}.device-hint{padding-top:var(--s-2);border-top:1px solid var(--line)}.device-permission{display:grid;grid-gap:var(--s-2);gap:var(--s-2)}.device-permission p{color:var(--ink-2);font-size:var(--fs-2);line-height:1.4}.dock-controls .device-popover .device-permission button{justify-content:center;border:1px solid var(--line);background:var(--surface-2);font-weight:600}.dock-controls button[aria-busy=true] svg{animation:hud-spin .9s linear infinite}.emote-picker{position:relative}.emote-toggle>span:first-child{font-size:15px;line-height:1}.emote-tray{position:absolute;z-index:var(--z-alert);bottom:calc(100% + var(--s-2));left:50%;display:flex;gap:var(--s-1);padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-2);color:var(--ink-1);transform:translateX(-50%);animation:hud-rise var(--t) var(--ease) both}.emote-tray button{display:grid;width:40px;height:46px;place-items:center;grid-gap:2px;gap:2px;border:1px solid transparent!important;border-radius:var(--r-1);background:none;font-size:19px;line-height:1;transition:background var(--t-fast) var(--ease)}.emote-tray button:hover,.emote-tray kbd{background:var(--surface-3)}.emote-tray kbd{min-width:0;padding:1px 4px;border:none;border-radius:4px;color:var(--ink-3);font-size:9px}.thought-composer{position:relative}.thought-tray{position:absolute;z-index:var(--z-alert);bottom:calc(100% + var(--s-2));right:0;display:grid;grid-gap:var(--s-2);gap:var(--s-2);width:320px;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-2);animation:hud-rise var(--t) var(--ease) both}.thought-tray label{display:grid;grid-gap:2px;gap:2px;color:var(--ink-1);font-size:var(--fs-2);font-weight:600}.thought-tray label small{color:var(--ink-3);font-size:var(--fs-1);font-weight:500}.thought-row{display:flex;gap:var(--s-2)}.thought-row input{flex:1 1;min-width:0;padding:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);font-size:var(--fs-2)}.dock-controls .thought-row button{display:block;width:auto;min-width:0;height:auto;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-1);background:var(--blue);color:#fff;font-size:var(--fs-2);font-weight:600}.dock-controls .thought-row button:disabled{background:var(--surface-3);color:var(--ink-3);opacity:1}.dock-controls .thought-tray .thought-clear{display:block;width:100%;min-width:0;height:auto;padding:var(--s-2);border:none;border-radius:var(--r-1);background:none;color:var(--ink-3);font-size:var(--fs-1);font-weight:600}.dock-controls .thought-tray .thought-clear:hover{background:var(--danger-surface);color:var(--danger)}.dock-controls .thought-toggle[aria-pressed=true]{border-color:color-mix(in oklab,var(--ok-on-panel) 55%,transparent);background:color-mix(in oklab,var(--ok-dot) 24%,var(--panel));color:var(--ok-on-panel)}.dock-status{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2);color:var(--on-panel-2);font-size:var(--fs-2);text-align:right}button.dock-status{padding:var(--s-1) var(--s-2);border:1px solid color-mix(in oklab,var(--warn-on-panel) 50%,transparent);border-radius:var(--r-1);background:color-mix(in oklab,var(--warn-dot) 18%,var(--panel));color:var(--warn-on-panel);font-weight:600}button.dock-status:hover{background:color-mix(in oklab,var(--warn-dot) 28%,var(--panel))}.video-rail-shell{display:flex;align-items:stretch;gap:var(--s-1);max-width:100%}.video-rail{display:flex;gap:var(--s-2);max-width:100%;overflow-x:auto;scrollbar-width:none;--video-tile-width:196px}.video-rail-handle{flex:0 0 auto;align-self:center;width:10px;height:44px;padding:0;border:1px solid var(--line-panel);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);cursor:ew-resize;touch-action:none;opacity:.55;transition:opacity var(--t) var(--ease),background var(--t) var(--ease)}.video-rail-handle:before{display:block;width:2px;height:18px;margin:0 auto;border-radius:1px;background:var(--ink-3);content:""}.video-rail-handle:focus-visible,.video-rail-handle:hover{opacity:1}.video-rail-handle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.video-rail::-webkit-scrollbar{display:none}.video-tile{position:relative;flex:0 0 var(--video-tile-width);overflow:hidden;aspect-ratio:16/9;transition:flex-basis var(--t) var(--ease);border:1px solid var(--line-panel);border-radius:var(--r-2);background:#0f162b;box-shadow:var(--shadow-1);animation:hud-chip-in var(--t) var(--ease) both}.video-tile-local{border-color:color-mix(in oklab,var(--blue) 65%,transparent)}.video-tile-hit{position:absolute;z-index:1;inset:0;border:0;background:transparent;cursor:zoom-in}.video-tile-hit:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.video-tile[data-focus=true] .video-tile-hit{cursor:zoom-out}.video-rail[data-focused] .video-tile{flex-basis:calc(var(--video-tile-width) * 0.55)}.video-rail .video-tile[data-focus=true]{flex-basis:min(calc(var(--video-tile-width) * 2.4),70vw)}.video-tile video{display:block;width:100%;height:100%;object-fit:cover}.video-tile-local video{transform:scaleX(-1)}.video-tile figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:baseline;gap:var(--s-2);padding:var(--s-2);background:linear-gradient(transparent,rgba(15,22,43,.86));color:#fff;font-size:var(--fs-2);font-weight:600}.video-tile figcaption small{color:#c3cde6;font-size:var(--fs-1);font-weight:400}.media-audio-host{display:none}.chat-panel{display:grid;overflow:hidden;grid-template-rows:auto 1fr auto;max-height:min(38dvh,340px);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-1)}.chat-panel[data-collapsed=true]{grid-template-rows:auto;max-height:none}.chat-toggle{display:flex;align-items:center;gap:var(--s-2);min-height:38px;padding:0 var(--s-3);border:none;background:none;font-size:var(--fs-3);font-weight:600}.chat-panel:not([data-collapsed=true]) .chat-toggle{border-bottom:1px solid var(--line)}.chat-toggle svg{width:14px;height:14px;margin-left:auto;color:var(--ink-3);transition:transform var(--t-fast) var(--ease)}.chat-panel[data-collapsed=true] .chat-toggle svg{transform:rotate(180deg)}.chat-unread{display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:var(--r-pill);background:var(--coral);color:#fff;font-size:10px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-log{min-height:0;padding:var(--s-3);overflow-y:auto;overscroll-behavior:contain;font-size:var(--fs-3)}.chat-empty{margin:0;color:var(--ink-2);font-size:var(--fs-3);line-height:1.5}.chat-empty strong{display:block;margin-bottom:var(--s-1);color:var(--ink-1)}.chat-line{margin:0 0 var(--s-3)}.chat-line strong{font-size:var(--fs-2);font-weight:700}.chat-line time{margin-left:var(--s-2);color:var(--ink-3);font-size:var(--fs-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-line span{display:block;color:var(--ink-2);overflow-wrap:anywhere}.chat-mine strong{color:var(--blue-ink)}.chat-form{display:flex;gap:var(--s-2);padding:var(--s-2);border-top:1px solid var(--line)}.chat-form input{flex:1 1;min-width:0;min-height:36px;padding:0 var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);font-size:var(--fs-3)}.chat-form input::placeholder{color:var(--ink-3)}.chat-form button svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-width:1.8}.chat-form button{display:grid;width:36px;min-height:36px;flex:none;padding:0;place-items:center;border:none;border-radius:50%;background:var(--ink);color:#fff;font-size:var(--fs-2);font-weight:600;transition:background var(--t-fast) var(--ease)}.chat-form button:hover:not(:disabled){background:var(--blue-ink)}.chat-form button:disabled{background:var(--line-2);color:var(--ink-3)}.toast-region{position:absolute;z-index:var(--z-alert);top:calc(var(--hud-gap) + var(--hud-rail) + var(--s-3));left:50%;display:grid;grid-gap:var(--s-2);gap:var(--s-2);width:min(420px,calc(100vw - var(--hud-gap) * 2));transform:translateX(-50%);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-2);font-size:var(--fs-3);pointer-events:auto;animation:hud-toast-in var(--t) var(--ease) both}.toast[data-tone=error]{border-color:color-mix(in oklab,var(--danger) 30%,transparent);background:var(--danger-surface);color:var(--danger)}.toast[data-tone=warn]{border-color:color-mix(in oklab,var(--warn) 30%,transparent);background:var(--warn-surface);color:var(--warn)}.toast p{flex:1 1;margin:0}.toast button{flex:none;padding:var(--s-1) var(--s-2);border:1px solid;border-radius:var(--r-1);background:none;color:inherit;font-size:var(--fs-2);font-weight:600}.toast-dismiss{display:grid;place-items:center;border:none!important;color:inherit;opacity:.6}.toast-dismiss svg{width:14px;height:14px}.toast-dismiss:hover{opacity:1}.audio-room-banner{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:1px solid color-mix(in oklab,var(--ok) 30%,transparent);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--fs-2);white-space:nowrap;animation:hud-rise var(--t) var(--ease) both}.audio-room-banner i{width:8px;height:8px;border-radius:50%;background:var(--ok-dot);box-shadow:0 0 0 3px color-mix(in oklab,var(--ok-dot) 22%,transparent)}.audio-room-banner strong{font-weight:600}.audio-room-banner span{color:var(--ink-3)}.audio-room-banner[data-kind=desk]{border-color:color-mix(in oklab,var(--blue) 32%,transparent)}.audio-room-banner[data-kind=desk] i{background:var(--blue);box-shadow:0 0 0 3px color-mix(in oklab,var(--blue) 20%,transparent)}.audio-room-banner[data-private=true]{border-color:color-mix(in oklab,var(--danger) 45%,transparent)}.audio-room-banner[data-private=true] i{position:relative;flex:0 0 auto;width:11px;height:9px;border:2px solid var(--danger);border-radius:2px;background:transparent;box-shadow:none}.audio-room-banner[data-private=true] i:before{position:absolute;width:7px;height:6px;border:2px solid var(--danger);border-bottom:0;border-radius:6px 6px 0 0;content:"";transform:translateY(-8px)}.audio-room-banner button{padding:2px var(--s-2);border:1px solid var(--line);border-radius:var(--r-pill);margin-left:var(--s-1);background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-1);font-weight:600;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.audio-room-banner button:hover:not(:disabled){background:var(--blue);color:#fff;border-color:var(--blue)}.audio-room-banner button:disabled{opacity:.5}.desk-note-waiting{padding:var(--s-2) var(--s-4);border:1px solid color-mix(in oklab,var(--coral) 32%,transparent);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink-3);font-size:var(--fs-2);animation:hud-rise var(--t) var(--ease) both}.desk-note-waiting strong{color:var(--ink-1)}.desk-notes-panel{position:absolute;z-index:var(--z-alert);top:50%;left:50%;display:grid;width:min(460px,calc(100vw - var(--hud-gap) * 2));max-height:min(72dvh,620px);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);transform:translate(-50%,-50%);animation:hud-fade var(--t) var(--ease) both}.desk-notes-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-4);border-bottom:1px solid var(--line)}.desk-notes-panel>header span{display:grid;grid-gap:var(--s-1);gap:var(--s-1)}.desk-notes-panel>header strong{font-size:var(--fs-4)}.desk-notes-panel>header small{color:var(--ink-3);line-height:1.4}.desk-notes-panel>header button{display:grid;width:30px;height:30px;flex:none;place-items:center;border:none;border-radius:var(--r-1);background:none;color:var(--ink-3)}.desk-notes-panel>header button:hover{background:var(--surface-3);color:var(--ink-1)}.desk-notes-panel>header svg{width:15px;height:15px}.desk-notes-panel form{display:grid;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4)}.desk-notes-panel textarea{min-height:128px;resize:vertical;padding:var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface-2);color:var(--ink-1);font:inherit;line-height:1.5}.desk-note-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.desk-note-compose-actions small{color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.desk-note-compose-actions button,.desk-note-list button{display:flex;align-items:center;gap:var(--s-2);min-height:38px;padding:0 var(--s-4);border:none;border-radius:var(--r-2);background:var(--ink);color:#fff;font-size:var(--fs-2);font-weight:600}.desk-note-compose-actions button:hover:not(:disabled),.desk-note-list button:hover:not(:disabled){background:var(--blue-ink)}.desk-note-compose-actions button:disabled,.desk-note-list button:disabled{opacity:.5}.desk-note-compose-actions svg{width:15px;height:15px}.desk-note-list{margin:0;padding:var(--s-4);overflow-y:auto;list-style:none}.desk-note-list,.desk-note-list li{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.desk-note-list li{padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2)}.desk-note-list li>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.desk-note-list small{color:var(--ink-3);font-size:var(--fs-1)}.desk-note-list p,.desk-notes-empty{margin:0;color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere}.desk-note-list button{justify-self:end;min-height:32px;background:var(--surface-3);color:var(--ink-2)}.desk-notes-empty{padding:var(--s-5) var(--s-4)}.person-card{position:absolute;z-index:var(--z-hud-raised);top:calc(var(--hud-gap) + var(--hud-rail) + var(--s-3));right:var(--hud-gap);width:264px;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);animation:hud-rise var(--t) var(--ease) both}.person-card,.person-card header{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.person-card header{align-items:center;grid-template-columns:auto 1fr auto}.person-card header .initial{width:36px;height:36px;border-radius:var(--r-2);font-size:var(--fs-4)}.person-card header div{display:grid;min-width:0}.person-card header strong{overflow:hidden;font-size:var(--fs-4);text-overflow:ellipsis;white-space:nowrap}.person-card header small{color:var(--ink-3);font-size:var(--fs-2)}.person-card header button{display:grid;width:28px;height:28px;place-items:center;border:none;border-radius:var(--r-1);background:none;color:var(--ink-3)}.person-card header button:hover{background:var(--surface-3);color:var(--ink-1)}.person-card header button svg{width:15px;height:15px}.person-card-state{margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-1);background:var(--surface-3);color:var(--ink-2);font-size:var(--fs-2)}.person-card-action{min-height:40px;border:1px solid transparent;border-radius:var(--r-2);background:var(--ink);color:#fff;font-size:var(--fs-3);font-weight:600;transition:background var(--t-fast) var(--ease)}.person-card-action:hover:not(:disabled){background:var(--blue-ink)}.person-card-action:disabled{background:var(--surface-3);color:var(--ink-3)}.broadcast-banner{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid color-mix(in oklab,var(--danger-dot) 45%,var(--line-panel));border-radius:var(--r-pill);background:color-mix(in oklab,var(--danger-dot) 14%,var(--panel));color:var(--on-panel-1);box-shadow:var(--shadow-2);font-size:var(--fs-2);font-weight:600;white-space:nowrap;animation:hud-rise var(--t) var(--ease) both}.broadcast-banner>i{width:8px;height:8px;border-radius:50%;background:var(--danger-dot);animation:broadcast-pulse 1.6s var(--ease) infinite}@keyframes broadcast-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.broadcast-banner>i{animation:none}}.broadcast-banner button{padding:var(--s-1) var(--s-3);border:1px solid var(--line-panel-2);border-radius:var(--r-pill);background:none;color:inherit;font-size:var(--fs-2);font-weight:600}.broadcast-banner button:hover{background:var(--panel-3)}.chat-tabs{display:flex;gap:var(--s-1);padding:var(--s-2) var(--s-3) 0;overflow-x:auto;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tabs button{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border:1px solid transparent;border-radius:var(--r-1);background:none;color:var(--ink-3);font-size:var(--fs-2);font-weight:600;white-space:nowrap}.chat-tabs button:hover{background:var(--surface-3)}.chat-tabs button[aria-selected=true]{border-color:var(--line-2);background:var(--surface-3);color:var(--ink-1)}.chat-tab{display:flex;align-items:center}.chat-tab[data-absent=true] button{opacity:.55;text-decoration:line-through;text-decoration-thickness:1px}.chat-tabs .chat-tab-close{width:20px;height:20px;padding:0;place-items:center;color:var(--ink-3)}.chat-tab-close svg{width:12px;height:12px}.chat-note{margin:var(--s-2) 0 0;color:var(--ink-3);font-size:var(--fs-1);font-style:italic;text-align:center}.video-tile[data-screen=true] video{object-fit:contain;background:#0d1017;transform:none}.video-tile[data-screen=true]{flex:0 0 calc(var(--tile-w, 260px) * 1.6)}.video-tile[data-screen=true]:-webkit-full-screen{position:fixed;z-index:1000;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;flex:none;aspect-ratio:auto;border:0;border-radius:0;background:#05070b;box-shadow:none}.video-fullscreen,.video-tile[data-screen=true]:fullscreen{position:fixed;z-index:1000;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;flex:none;aspect-ratio:auto;border:0;border-radius:0;background:#05070b;box-shadow:none}.video-tile[data-screen=true]:-webkit-full-screen .video-tile-hit{cursor:zoom-out}.video-fullscreen .video-tile-hit,.video-tile[data-screen=true]:fullscreen .video-tile-hit{cursor:zoom-out}.video-tile[data-broadcast=true]{outline:2px solid var(--danger-dot);outline-offset:-2px}.video-tile[data-broadcast=true] figcaption small{color:var(--danger-dot);font-weight:700}.call-banner{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid color-mix(in oklab,var(--blue) 40%,var(--line-panel));border-radius:var(--r-pill);background:color-mix(in oklab,var(--blue) 12%,var(--panel));color:var(--on-panel-1);box-shadow:var(--shadow-2);font-size:var(--fs-2);font-weight:600;white-space:nowrap;animation:hud-rise var(--t) var(--ease) both}.call-banner>i{width:8px;height:8px;border-radius:50%;background:var(--ok-dot)}.call-banner button{padding:var(--s-1) var(--s-3);border:1px solid var(--line-panel-2);border-radius:var(--r-pill);background:none;color:inherit;font-size:var(--fs-2);font-weight:600}.call-banner button:hover{background:var(--panel-3)}.audio-lock-requests{position:absolute;z-index:var(--z-alert);top:76px;right:var(--hud-gap);width:min(360px,calc(100vw - var(--hud-gap) * 2));padding:var(--s-3);border:1px solid color-mix(in oklab,var(--danger) 38%,var(--line));border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);pointer-events:auto;animation:hud-rise var(--t) var(--ease) both}.audio-lock-requests>header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-2)}.audio-lock-requests li>div:nth-child(2) span,.audio-lock-requests>header span{color:var(--ink-3);font-size:var(--fs-2)}.audio-lock-requests ul{display:grid;max-height:320px;grid-gap:var(--s-2);gap:var(--s-2);padding:0;margin:0;overflow-y:auto;list-style:none}.audio-lock-requests li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;min-height:68px;grid-gap:var(--s-2);gap:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line)}.audio-lock-request-avatar{display:grid;width:32px;height:64px;place-items:center}.audio-lock-requests li>div:nth-child(2){display:grid;min-width:0}.audio-lock-request-actions{display:grid;grid-gap:var(--s-1);gap:var(--s-1)}.audio-lock-request-actions button{min-height:30px;padding:0 var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);color:var(--ink-1);font-weight:600}.audio-lock-request-actions button.accept{border-color:var(--blue);background:var(--blue);color:#fff}.call-invite{position:absolute;z-index:var(--z-alert);top:50%;left:50%;display:grid;width:min(320px,calc(100vw - var(--hud-gap) * 2));grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);transform:translate(-50%,-50%);animation:hud-rise var(--t) var(--ease) both}.call-invite-who{display:flex;align-items:center;gap:var(--s-3)}.call-invite-who>div{display:grid}.call-invite-who strong{color:var(--ink-1);font-size:var(--fs-4)}.call-invite-who small{color:var(--ink-3);font-size:var(--fs-2)}.call-invite-actions{display:flex;gap:var(--s-2)}.call-invite-actions button{flex:1 1;min-height:40px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);color:var(--ink-1);font-size:var(--fs-3);font-weight:600}.call-invite-actions button:hover{background:var(--surface-3)}.call-invite-actions button.call-invite-accept{border-color:var(--blue);background:var(--blue);color:#fff}.call-invite-actions button.call-invite-accept:hover{background:color-mix(in oklab,var(--blue) 88%,#000)}.call-invite-timer{margin:0;color:var(--ink-3);font-size:var(--fs-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.follow-banner{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--line-panel);border-radius:var(--r-pill);background:var(--panel);color:var(--on-panel-1);box-shadow:var(--shadow-2);white-space:nowrap;animation:hud-rise var(--t) var(--ease) both}.follow-banner,.follow-banner button{font-size:var(--fs-2);font-weight:600}.follow-banner button{padding:var(--s-1) var(--s-3);border:1px solid var(--line-panel-2);border-radius:var(--r-pill);background:none;color:inherit}.follow-banner button:hover{background:var(--panel-3)}.whiteboard-overlay{position:absolute;z-index:var(--z-alert);display:flex;flex-direction:column;inset:var(--hud-gap);overflow:hidden;border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2)}.whiteboard-bar{justify-content:space-between;padding:var(--s-3) var(--s-4);background:var(--panel);color:var(--on-panel-1);font-size:var(--fs-3)}.whiteboard-bar,.whiteboard-bar button{display:flex;align-items:center;font-weight:600}.whiteboard-bar button{gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line-panel-2);border-radius:var(--r-1);background:none;color:inherit;font-size:var(--fs-2)}.whiteboard-bar button:hover{background:var(--panel-3)}.whiteboard-bar kbd{border-color:transparent;background:rgba(255,255,255,.16);color:inherit}.whiteboard-frame{flex:1 1;border:none}.whiteboard-message{display:grid;flex:1 1;place-items:center;padding:var(--s-6);color:var(--ink-2);text-align:center}.avatar-studio{position:absolute;z-index:var(--z-alert);top:50%;left:50%;display:grid;width:min(560px,calc(100vw - var(--hud-gap) * 2));max-height:min(88dvh,780px);overflow:hidden;grid-template-rows:auto auto 1fr auto;border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2);transform:translate(-50%,-50%);animation:hud-rise var(--t) var(--ease) both}.avatar-studio:focus{outline:none}.avatar-studio-bar{justify-content:space-between;padding:var(--s-3) var(--s-4);background:var(--panel);color:var(--on-panel-1);font-size:var(--fs-3)}.avatar-studio-bar,.avatar-studio-bar button{display:flex;align-items:center;font-weight:600}.avatar-studio-bar button{gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line-panel-2);border-radius:var(--r-1);background:none;color:inherit;font-size:var(--fs-2)}.avatar-studio-bar button:hover{background:var(--panel-3)}.avatar-studio-bar kbd{border-color:transparent;background:rgba(255,255,255,.16);color:inherit}.avatar-preview{display:grid;grid-gap:var(--s-2);gap:var(--s-2);grid-template-columns:repeat(4,1fr);padding:var(--s-4);border-bottom:1px solid var(--line);background:var(--floor)}.avatar-pose{display:grid;justify-items:center;grid-gap:var(--s-2);gap:var(--s-2);margin:0;padding:var(--s-2) 0;border-radius:var(--r-1);background:var(--surface)}.avatar-pose canvas{display:block;image-rendering:pixelated}.avatar-pose figcaption{color:var(--ink-3);font-size:var(--fs-1)}.avatar-age{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-2);gap:var(--s-2);margin:0;padding:0 0 var(--s-4);border:0;border-bottom:1px solid var(--line)}.avatar-age legend{grid-column:1/-1;margin-bottom:var(--s-1);color:var(--ink-2)}.avatar-age label,.avatar-age legend{font-size:var(--fs-2);font-weight:600}.avatar-age label{position:relative;display:grid;min-height:40px;place-items:center;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);cursor:pointer}.avatar-age input{position:absolute;width:1px;height:1px;opacity:0}.avatar-age label:has(input:checked){border-color:var(--blue);background:var(--blue-soft);color:var(--blue-ink)}.avatar-age label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.avatar-controls{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-4);overflow-y:auto}.avatar-control,.avatar-control-group{display:grid;grid-gap:var(--s-2);gap:var(--s-2)}.avatar-control{align-items:center;grid-template-columns:minmax(64px,84px) auto minmax(0,1fr) auto 40px}.avatar-control>span{color:var(--ink-2);font-size:var(--fs-2);font-weight:600}.avatar-control>strong{overflow:hidden;font-size:var(--fs-3);text-align:center;text-overflow:ellipsis;white-space:nowrap}.avatar-control>small{color:var(--ink-3);font-size:var(--fs-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.avatar-step{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.avatar-step svg{width:12px;height:12px;fill:none;stroke:var(--ink-2);stroke-width:2}.avatar-step:hover{border-color:var(--blue);background:var(--info-surface)}.avatar-swatches{display:flex;flex-wrap:wrap;gap:var(--s-2);padding-left:calc(64px + var(--s-2))}.avatar-swatch{width:24px;height:24px;border:1px solid var(--line-2);border-radius:var(--r-1);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.avatar-swatch:hover{transform:translateY(-1px)}.avatar-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink-1)}.avatar-studio-message{margin:0;padding:var(--s-4);color:var(--ink-2);font-size:var(--fs-3)}.avatar-studio-actions{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line)}.avatar-studio-actions button{min-height:40px;padding:0 var(--s-5);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-2);font-size:var(--fs-3);font-weight:600}.avatar-studio-actions button:hover{background:var(--surface-3)}.avatar-studio-save{border-color:transparent!important;background:var(--ink)!important;color:#fff}.avatar-studio-save:hover:not(:disabled){background:var(--blue-ink)!important}.avatar-studio-save:disabled{opacity:.5}@keyframes hud-pulse{50%{opacity:.35}}@keyframes hud-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes hud-toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes hud-chip-in{0%{opacity:0;transform:scale(.82)}}@keyframes hud-spin{to{transform:rotate(1turn)}}.avatar-studio{animation-name:hud-fade}@keyframes hud-fade{0%{opacity:0}}@media (max-width:900px){.hud-bottom{grid-template-areas:"center" "chat" "dock";grid-template-columns:minmax(0,1fr)}.chat-panel{max-height:min(32dvh,260px)}.video-tile{flex-basis:min(var(--video-tile-width),156px)}}@media (max-width:640px){.account-menu summary strong,.hud-brand span,.hud-brand strong{display:none}.account-menu summary,.hud-brand{padding:0 var(--s-1)}.media-dock{grid-template-columns:minmax(0,1fr) auto}.dock-controls button span,.dock-name,.dock-nearby-label{display:none}.dock-controls button{padding:0 var(--s-3)}.dock-status{grid-column:1/-1;justify-content:flex-start}.dock-status span{display:none}.avatar-preview{grid-template-columns:repeat(2,1fr)}.avatar-control{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"label label count" "prev  value next"}.avatar-control>span{grid-area:label}.avatar-control>small{grid-area:count}.avatar-control>strong{grid-area:value}.avatar-step:first-of-type{grid-area:prev}.avatar-step:last-of-type{grid-area:next}}.auth-shell{display:grid;width:100vw;height:100dvh;grid-template-columns:minmax(430px,44%) minmax(0,56%);overflow:hidden;background:var(--paper)}.auth-card{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(112px,14vh,150px) clamp(42px,6vw,92px) clamp(46px,7vh,72px);border-right:1px solid rgba(23,32,59,.13);background:linear-gradient(rgba(23,32,59,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,59,.026) 1px,transparent 1px),var(--paper);background-size:28px 28px;box-shadow:22px 0 50px rgba(23,32,59,.1)}.auth-brand{position:absolute;top:clamp(34px,5vh,52px);left:clamp(42px,6vw,92px);display:block;width:min(239px,calc(100% - 84px));color:var(--ink);text-decoration:none}.auth-brand img{display:block;width:100%;height:auto}.auth-copy{width:min(100%,500px);margin-bottom:30px}.auth-copy>span{display:block;color:var(--blue-ink);font:800 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.auth-copy h1{max-width:490px;margin:14px 0 15px;color:var(--ink);font:900 clamp(42px,4.4vw,64px)/.98 var(--font-display);letter-spacing:-.045em}.auth-copy p{max-width:450px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.65}.auth-form{display:grid;width:min(100%,440px);grid-gap:16px;gap:16px}.auth-form label{display:grid;grid-gap:7px;gap:7px}.auth-form label>span{color:var(--ink);font-size:11px;font-weight:800}.auth-field{position:relative;display:grid;grid-gap:7px;gap:7px}.auth-field>label{color:var(--ink);font-size:11px;font-weight:800}.auth-back-link,.auth-forgot-link{color:var(--blue-ink);font-size:11px;font-weight:800;text-decoration:none}.auth-forgot-link{position:absolute;top:0;right:0}.auth-back-link:hover,.auth-forgot-link:hover{text-decoration:underline;text-underline-offset:3px}.auth-form label>small{color:var(--ink-3);font-size:10px}.admin-invite-card input,.admin-invite-card select,.auth-form input,.auth-form select{width:100%;min-height:50px;padding:0 15px;border:1px solid rgba(23,32,59,.22);border-radius:10px;outline:0;background:rgba(255,255,255,.94);color:var(--ink);transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease}.auth-form input:hover,.auth-form select:hover{border-color:rgba(23,32,59,.38)}.admin-invite-card input:focus,.admin-invite-card select:focus,.auth-form input:focus,.auth-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(128,40,208,.11)}.admin-invite-card form button,.auth-primary,.auth-secondary,.invite-result button{min-height:50px;border:0;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:background-color var(--t-fast) ease,transform var(--t-fast) ease}.admin-invite-card form button,.auth-primary,.invite-result button{background:var(--ink);color:white}.admin-invite-card form button:hover,.auth-primary:hover{background:var(--blue)}.auth-primary:active,.auth-secondary:active{transform:translateY(1px)}.admin-invite-card button:disabled,.auth-primary:disabled{cursor:wait;opacity:.62}.auth-secondary{border:1px solid var(--line-2);background:transparent;color:var(--ink)}.auth-secondary:hover{background:var(--surface-3)}.auth-button-link{display:grid;place-items:center;text-decoration:none}.auth-back-link{width:max-content;justify-self:center;padding:3px 0}.auth-help,.auth-state{color:var(--ink-3);font-size:10px;line-height:1.55}.auth-help{max-width:390px}.auth-error{margin:0;padding:12px 14px;border:1px solid rgba(178,53,32,.18);border-radius:9px;background:var(--danger-surface);color:var(--danger);font-size:11px;font-weight:700;line-height:1.5}.auth-result{padding-top:2px}.auth-result>div{display:grid;grid-gap:6px;gap:6px}.auth-result strong{font:900 22px/1.1 var(--font-display)}.auth-result p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.6}.auth-result-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in oklab,var(--ok) 28%,transparent);border-radius:50%;background:var(--ok-surface);color:var(--ok);font-size:18px;font-weight:900}.invite-recipient{display:grid;padding:var(--s-3) var(--s-4);border:1px solid color-mix(in oklab,var(--blue) 22%,transparent);border-radius:var(--r-2);background:var(--info-surface)}.invite-recipient small,.invite-recipient span{color:var(--ink-3);font:9px/1.4 var(--font-mono);text-transform:uppercase}.invite-recipient strong{margin:4px 0;font-size:13px}.auth-office{position:relative;min-width:0;overflow:hidden;background:#e9ebe5}.auth-office-image{object-fit:cover;object-position:center center}.auth-office:after{position:absolute;inset:0;border:18px solid rgba(246,247,242,.32);pointer-events:none;content:""}.auth-office-caption{position:absolute;z-index:2;top:clamp(40px,6vh,66px);left:clamp(36px,4.4vw,72px);display:grid;max-width:480px;grid-gap:10px;gap:10px;color:var(--ink)}.auth-office-caption span{color:var(--blue-ink);font:800 10px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.auth-office-caption strong{font:900 clamp(34px,4vw,58px)/.94 var(--font-display);letter-spacing:-.035em}.auth-office-caption p{max-width:360px;margin:1px 0 0;color:var(--ink-2);font-size:13px;line-height:1.55}.auth-office-access{position:absolute;z-index:2;right:clamp(34px,4vw,62px);bottom:clamp(30px,4vh,48px);display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(23,32,59,.15);background:rgba(246,247,242,.9);box-shadow:0 5px 18px rgba(23,32,59,.1);color:var(--ink-2);font:700 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.auth-office-access i{width:7px;height:7px;border-radius:50%;background:var(--ok-dot);box-shadow:0 0 0 3px rgba(30,184,122,.12)}@media (max-width:1100px){.auth-shell{grid-template-columns:minmax(410px,48%) minmax(0,52%)}.auth-office-caption p{display:none}}@media (max-width:900px){.auth-shell{grid-template-columns:1fr;overflow-y:auto}.auth-card{min-height:100dvh;padding:104px 30px 46px;border-right:0;box-shadow:none}.auth-brand{top:30px;left:30px;width:min(215px,calc(100% - 60px))}.auth-copy h1{font-size:clamp(40px,12vw,58px)}.auth-office{display:none}}@media (max-height:760px) and (min-width:901px){.auth-card{padding-top:98px;padding-bottom:36px}.auth-brand{top:26px}.auth-copy{margin-bottom:20px}.auth-copy h1{font-size:clamp(38px,4vw,52px)}.auth-form{gap:12px}}.admin-shell{width:100vw;height:100dvh;overflow:auto;padding:38px clamp(24px,5vw,72px) 70px;background:var(--floor)}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;max-width:1240px;margin:0 auto 28px}.admin-header span{color:var(--blue);font:800 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.admin-header h1{margin:10px 0 5px;font:900 clamp(38px,5vw,64px)/.95 var(--font-display);letter-spacing:-.04em}.admin-header p{margin:0;color:var(--ink-2);font-size:13px}.admin-header>a{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:800;text-decoration:none}.admin-grid{display:grid;max-width:1240px;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);grid-gap:18px;gap:18px;margin:0 auto}.admin-invite-card,.admin-invite-history,.admin-members-card{border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(246,247,242,.92);box-shadow:0 20px 55px rgba(23,32,59,.1)}.admin-invite-card,.admin-members-card{padding:22px}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--line)}.admin-section-heading strong{color:var(--ink-3);font:700 10px/1 var(--font-mono)}.admin-invite-card form{display:grid;grid-gap:13px;gap:13px;padding-top:19px}.admin-invite-card label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:800}.invite-result{display:grid;grid-gap:9px;gap:9px;margin-top:17px;padding:14px;border-radius:14px;background:var(--info-surface)}.invite-result span{font-size:10px;font-weight:800}.invite-result code{overflow:hidden;color:var(--ink-2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.invite-result button{min-height:38px;background:var(--blue)}.admin-invite-history ul,.member-list{margin:0;padding:0;list-style:none}.member-list{display:grid;max-height:480px;overflow:auto}.member-list li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line)}.member-list li>div{display:grid;grid-gap:3px;gap:3px}.member-list li>div strong{font-size:12px}.member-list li>div small{color:var(--ink-3);font-size:10px}.member-role{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;padding:6px 8px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);font:800 8px/1 var(--font-mono);text-transform:uppercase;cursor:pointer}.member-role:hover:not(:disabled){border-color:var(--line)}.member-role:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.member-role:disabled{cursor:default;opacity:.6}.member-role option{font:500 12px/1.4 var(--font-sans);text-transform:none;color:var(--ink-1);background:var(--surface-2)}.member-role-admin{background:var(--info-surface);color:var(--blue)}.member-role-builder{background:var(--ok-surface);color:var(--ok)}.member-list button{min-width:82px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.member-list button:disabled{cursor:not-allowed;opacity:.45}.member-enable{color:var(--ok)}.member-disable{color:var(--danger)}.admin-invite-history{max-width:1240px;margin:18px auto 0;padding:22px}.admin-invite-history li{display:grid;grid-template-columns:1fr 150px 100px;grid-gap:12px;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:11px}.admin-invite-history li small{color:var(--ink-3)}.admin-invite-history li strong{font:800 9px/1 var(--font-mono);text-align:right}.admin-desks li{grid-template-columns:1fr 200px 90px;align-items:center}.admin-desks li button{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-2);font-size:11px;font-weight:700}.admin-desks li button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-surface);color:var(--danger)}.admin-desks li button:disabled{opacity:.5}.admin-desks-empty{padding:13px 2px;color:var(--ink-3);font-size:11px}.admin-notice{position:fixed;z-index:var(--z-alert);top:22px;left:50%;padding:11px 16px;border-radius:11px;background:var(--ink);color:white;font-size:11px;font-weight:800;transform:translateX(-50%)}@media (max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start;gap:20px}.member-list li{grid-template-columns:auto 1fr auto}.member-list li button{grid-column:2/4}}@media (max-width:760px){.admin-shell{padding:24px 14px 50px}.admin-header{flex-direction:column}.admin-invite-history li{grid-template-columns:1fr auto}.admin-invite-history li strong{grid-column:1/3;text-align:left}}