:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--radius-field:8px;--radius-button:8px;--radius-card:12px;--radius-dialog:16px;--radius-pill:999px;--dim-brand-row:40px;--dim-rail-wide:80px;--dim-rail-compact:56px;--dim-sidebar-normal:216px;--dim-sidebar-wide:240px;--dim-sidebar-compact:192px;--dim-room-header:72px;--dim-call-bar-min:64px;--dim-members-drawer:280px;--dim-button-desktop-min:36px;--dim-touch-target-min:44px;--dim-avatar:40px;--dim-avatar-compact:28px;--dim-avatar-list:32px;--dim-icon:18px;--dim-icon-auxiliary:16px;--dim-icon-main:20px;--dim-dialog-padding:24px;--dim-dialog-padding-narrow:16px;--dim-participant-card-min-height:104px;--dim-participant-compact-min-height:80px;--dim-proposed-window-min-width:900px;--dim-proposed-window-min-height:640px;--dim-rail-normal:64px;--dim-detail-drawer:320px;--motion-hover:.12s;--motion-dialog-max:.18s;--motion-reduced:0s;--focus-width:2px;--focus-offset:2px;--font-family:Inter, "Segoe UI", system-ui, sans-serif;--type-screen-title-size:20px;--type-screen-title-line:28px;--type-screen-title-weight:600;--type-room-title-size:18px;--type-room-title-line:26px;--type-room-title-weight:600;--type-body-size:14px;--type-body-line:20px;--type-body-weight:400;--type-button-size:14px;--type-button-line:20px;--type-button-weight:600;--type-secondary-size:12px;--type-secondary-line:18px;--type-secondary-weight:400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--c-page:#12131a;--c-rail:#0d0e15;--c-sidebar:#1a1b22;--c-surface:#1e1f26;--c-surface-hover:#292931;--c-surface-raised:#34343c;--c-text:#e3e1ec;--c-text-muted:#c6c5d7;--c-border:#34343c;--c-border-strong:#8f8fa0;--c-accent-text:#bec2ff;--c-accent-fill:#5865f2;--c-on-accent:#fff;--c-accent-soft:#262a5c;--c-success:#66de8c;--c-success-text:#66de8c;--c-success-soft:#12301f;--c-danger:#ffb4ab;--c-danger-text:#ffb4ab;--c-danger-soft:#4a1d1f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-page:#f6f6fc;--c-rail:#e6e7f2;--c-sidebar:#eeeff8;--c-surface:#fff;--c-surface-hover:#f0f0f9;--c-surface-raised:#e3e4f0;--c-text:#1b1c25;--c-text-muted:#4a4c61;--c-border:#d9dae8;--c-border-strong:#737590;--c-accent-text:#3a47d1;--c-accent-fill:#4452d9;--c-on-accent:#fff;--c-accent-soft:#e4e6ff;--c-success:#1b8f4f;--c-success-text:#0b6b38;--c-success-soft:#ddf4e6;--c-danger:#c84459;--c-danger-text:#b3334a;--c-danger-soft:#fcebef}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-page:#12131a;--c-rail:#0d0e15;--c-sidebar:#1a1b22;--c-surface:#1e1f26;--c-surface-hover:#292931;--c-surface-raised:#34343c;--c-text:#e3e1ec;--c-text-muted:#c6c5d7;--c-border:#34343c;--c-border-strong:#8f8fa0;--c-accent-text:#bec2ff;--c-accent-fill:#5865f2;--c-on-accent:#fff;--c-accent-soft:#262a5c;--c-success:#66de8c;--c-success-text:#66de8c;--c-success-soft:#12301f;--c-danger:#ffb4ab;--c-danger-text:#ffb4ab;--c-danger-soft:#4a1d1f}@media (prefers-color-scheme:light){:root:not([data-theme]){--c-page:#f6f6fc;--c-rail:#e6e7f2;--c-sidebar:#eeeff8;--c-surface:#fff;--c-surface-hover:#f0f0f9;--c-surface-raised:#e3e4f0;--c-text:#1b1c25;--c-text-muted:#4a4c61;--c-border:#d9dae8;--c-border-strong:#737590;--c-accent-text:#3a47d1;--c-accent-fill:#4452d9;--c-on-accent:#fff;--c-accent-soft:#e4e6ff;--c-success:#1b8f4f;--c-success-text:#0b6b38;--c-success-soft:#ddf4e6;--c-danger:#c84459;--c-danger-text:#b3334a;--c-danger-soft:#fcebef}}@media (prefers-reduced-motion:reduce){:root{--motion-hover:0s;--motion-dialog-max:0s}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-width) solid var(--c-accent-text);outline-offset:var(--focus-offset)}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--dim-button-desktop-min);padding:0 var(--space-4);border:1px solid var(--c-border-strong);border-radius:var(--radius-button);background:var(--c-surface);color:var(--c-text);font:inherit;font-weight:var(--type-button-weight);cursor:pointer;transition:background-color var(--motion-hover);display:inline-flex}.ui-button:hover:not(:disabled){background:var(--c-surface-hover)}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button[aria-busy=true]{cursor:progress}.ui-primary{border-color:var(--c-accent-fill);background:var(--c-accent-fill);color:var(--c-on-accent)}.ui-primary:hover:not(:disabled){background:var(--c-accent-fill);filter:brightness(1.08)}.ui-danger{border-color:var(--c-danger-text);background:var(--c-danger-soft);color:var(--c-danger-text)}.ui-ghost{background:0 0;border-color:#0000}.ui-link{min-height:0;color:var(--c-accent-text);background:0 0;border:0;padding:0;text-decoration:underline}.ui-icon{width:var(--dim-button-desktop-min);padding:0}.field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field input:not([type=range]),.field select{min-height:var(--dim-button-desktop-min);padding:0 var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-field);background:var(--c-surface);color:var(--c-text);font:inherit}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--c-danger-text)}.hint{color:var(--c-text-muted);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);margin:0}.error{color:var(--c-danger-text);font-size:var(--type-secondary-size);margin:0}.ui-switch{align-items:center;gap:var(--space-2);min-height:var(--dim-button-desktop-min);color:var(--c-text);font:inherit;cursor:pointer;background:0 0;border:0;display:inline-flex}.ui-switch-track{border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);background:var(--c-surface);width:36px;height:20px;position:relative}.ui-switch-track:after{content:"";border-radius:var(--radius-pill);background:var(--c-text-muted);width:14px;height:14px;transition:transform var(--motion-hover);position:absolute;top:2px;left:2px}.ui-switch[aria-checked=true] .ui-switch-track{border-color:var(--c-accent-fill);background:var(--c-accent-soft)}.ui-switch[aria-checked=true] .ui-switch-track:after{background:var(--c-accent-fill);transform:translate(16px)}.ui-backdrop{padding:var(--space-4);z-index:100;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.ui-dialog{box-sizing:border-box;width:min(480px,100%);max-height:100%;padding:var(--dim-dialog-padding);border:1px solid var(--c-border);border-radius:var(--radius-dialog);background:var(--c-surface);color:var(--c-text);overflow:auto}.ui-dialog h2{margin:0 0 var(--space-3);font-size:var(--type-room-title-size);line-height:var(--type-room-title-line)}@media (width<=480px){.ui-dialog{padding:var(--dim-dialog-padding-narrow)}}.ui-popover{display:inline-block;position:relative}.ui-popover-panel{z-index:50;min-width:200px;margin-top:var(--space-1);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface);position:absolute}.ui-tooltip-host{display:inline-flex;position:relative}.ui-tooltip{margin-bottom:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-field);background:var(--c-text);color:var(--c-page);font-size:var(--type-secondary-size);white-space:nowrap;pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ui-tooltip[hidden]{display:none}.ui-toasts{right:var(--space-4);bottom:var(--space-4);gap:var(--space-2);z-index:200;flex-direction:column;display:flex;position:fixed}.ui-toast{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-card);background:var(--c-surface);color:var(--c-text);display:flex}.ui-toast-success{background:var(--c-success-soft);color:var(--c-success-text)}.ui-toast-error{background:var(--c-danger-soft);color:var(--c-danger-text)}.ui-skeleton{border-radius:var(--radius-field);background:var(--c-border);display:inline-block}@media (prefers-reduced-motion:no-preference){.ui-skeleton{animation:1.6s ease-in-out infinite ui-pulse}}@keyframes ui-pulse{50%{opacity:.55}}.ui-avatar{border-radius:var(--radius-pill);background:var(--c-accent-soft);color:var(--c-text);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:600;display:inline-grid}.ui-avatar-normal{width:var(--dim-avatar);height:var(--dim-avatar)}.ui-avatar-list{width:var(--dim-avatar-list);height:var(--dim-avatar-list);font-size:var(--type-secondary-size)}.ui-avatar-compact{width:var(--dim-avatar-compact);height:var(--dim-avatar-compact);font-size:var(--type-secondary-size)}.ui-avatar.speaking{outline:2px solid var(--c-success-text);outline-offset:1px}.app-shell{grid-template-columns:var(--dim-rail-wide) var(--dim-sidebar-wide) minmax(0, 1fr);background:var(--c-page);height:100vh;min-height:0;display:grid}@media (width<=1279px){.app-shell{grid-template-columns:var(--dim-rail-normal) var(--dim-sidebar-normal) minmax(0, 1fr)}}@media (width<=1023px){.app-shell{grid-template-columns:var(--dim-rail-compact) var(--dim-sidebar-compact) minmax(0, 1fr)}}.app-rail,.app-sidebar{min-width:0;min-height:0;overflow-y:auto}.app-rail{background:var(--c-rail);padding:var(--space-3) 0;flex-direction:column;display:flex}.app-sidebar{background:var(--c-sidebar);flex-direction:column;display:flex}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex}.app-stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.app-header:empty{display:none}.app-header{padding:var(--space-3) var(--space-4) 0;flex:none}.app-content{min-width:0;min-height:0;padding:var(--space-4);flex:1;overflow:auto;container-type:size}.app-callbar{padding:0 var(--space-4) var(--space-3);flex:none}.app-callbar:empty{display:none}.app-drawer-host{pointer-events:none;z-index:20;justify-content:flex-end;display:flex;position:absolute;inset:0}.ui-drawer{box-sizing:border-box;width:min(var(--dim-detail-drawer), 100%);border-left:1px solid var(--c-border);background:var(--c-sidebar);pointer-events:auto;flex-direction:column;height:100%;display:flex;box-shadow:-8px 0 24px #0000004d}.ui-drawer-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);display:flex}.ui-drawer-head h2{font-size:var(--type-room-title-size);line-height:var(--type-room-title-line);margin:0}.ui-drawer-body{min-height:0;padding:var(--space-3) var(--space-4);flex:1;overflow:auto}.ui-drawer-body section{background:0 0;border:0;margin-top:0;padding:0}.sidebar-toggle{display:none}.app-rail ul,.app-rail ul li{border:0;margin:0;padding:0;display:flex}.app-rail ul{align-items:center;gap:var(--space-2);flex-direction:column}.server-rail{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.rail-divider{width:32px;height:2px;margin:var(--space-1) 0;border-radius:var(--radius-pill);background:var(--c-border)}.rail-spacer{flex:1}.rail-button{border-radius:var(--radius-pill);background:var(--c-surface-hover);width:48px;height:48px;min-height:48px;color:var(--c-text);transition:border-radius var(--motion-hover), background-color var(--motion-hover);border:0;place-items:center;padding:0;font-weight:600;display:grid;position:relative}.rail-button:hover{border-radius:var(--radius-dialog)}.rail-button[aria-current=true]{border-radius:var(--radius-dialog);background:var(--c-accent-fill);color:var(--c-on-accent);box-shadow:0 0 10px color-mix(in srgb, var(--c-accent-fill) 40%, transparent)}.rail-button .ui-avatar{color:inherit;background:0 0}.rail-button.rail-add{background:var(--c-surface);color:var(--c-success-text)}.rail-button.rail-find{background:var(--c-surface);color:var(--c-accent-text)}.rail-button.rail-tool{background:var(--c-sidebar);color:var(--c-text-muted)}.rail-button.rail-tool[aria-current=page]{background:var(--c-surface-hover);color:var(--c-text)}.rail-empty{max-width:56px;font-size:var(--type-secondary-size);text-align:center;margin:0}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--c-border);display:flex}.sidebar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;font-size:var(--type-room-title-size);line-height:var(--type-room-title-line);margin:0;overflow:hidden}.sidebar-body{min-height:0;padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.sidebar-section-label{margin:0 var(--space-2) var(--space-1);color:var(--c-text-muted);font-size:var(--type-secondary-size);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;display:flex}.sidebar-foot{padding:var(--space-2)}.sidebar-foot button{width:100%}.room-list,.room-list>li{border:0;margin:0;padding:0;display:block}.room-list{flex-direction:column;gap:2px;display:flex}.room-row{align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-button);color:var(--c-text-muted);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.room-row:hover{background:var(--c-surface);color:var(--c-text)}.room-row[aria-current=true]{background:var(--c-surface-hover);color:var(--c-text);font-weight:600}.room-row .channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-count{min-width:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--c-surface-raised);color:var(--c-text);font-size:var(--type-secondary-size);text-align:center}.room-row[aria-current=true] .room-count,.room-row[data-connected=true] .room-count{background:var(--c-accent-fill);color:var(--c-on-accent)}.room-row[data-connected=true] .ui-svg-icon{color:var(--c-success-text)}.room-presence{margin:0 0 var(--space-1) var(--space-6);color:var(--c-text-muted);font-size:var(--type-secondary-size);padding:0}.room-presence li{border:0;padding:1px 0;display:block}.settings-nav{flex-direction:column;gap:2px;display:flex}.room-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-card);background:var(--c-sidebar);flex-wrap:wrap;display:flex}.room-header-id{align-items:center;gap:var(--space-3);min-width:0;display:flex}.room-header-icon{border-radius:var(--radius-card);background:var(--c-accent-fill);width:44px;height:44px;color:var(--c-on-accent);flex:none;place-items:center;display:grid}.room-header h2{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--type-room-title-size);line-height:var(--type-room-title-line);margin:0;display:flex}.room-header h2>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-header p{color:var(--c-text-muted);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);margin:0}.room-header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-pill{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--c-success-soft);color:var(--c-success-text);font-size:var(--type-secondary-size);white-space:nowrap;font-weight:700;display:inline-flex}.status-pill[data-tone=warn]{background:var(--c-accent-soft);color:var(--c-accent-text)}.room-preview{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-6);border:1px dashed var(--c-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.room-preview h3,.room-preview p{margin:0}.call-bar{justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;max-width:820px;min-height:var(--dim-call-bar-min);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-dialog);background:var(--c-surface);flex-wrap:wrap;margin:0 auto;display:flex;box-shadow:0 8px 24px #0000004d}.call-bar-id{align-items:center;gap:var(--space-3);min-width:0;display:flex}.call-bar-mic{border-radius:var(--radius-pill);background:var(--c-success-soft);width:44px;height:44px;color:var(--c-success-text);flex:none;place-items:center;display:grid;position:relative}.call-bar-mic[data-state=muted]{background:var(--c-danger-soft);color:var(--c-danger-text)}.call-bar-mic[data-state=idle]{background:var(--c-surface-hover);color:var(--c-text-muted)}.call-bar-info{flex-direction:column;min-width:0;display:flex}.call-bar-room{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-bar-info .muted{font-size:var(--type-secondary-size)}.call-bar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.call-bar-actions .ui-icon,.call-bar-actions .ui-button{min-height:44px}.call-bar-actions .ui-icon{border-radius:var(--radius-pill);width:44px}.call-bar-actions .ui-button:not(.ui-icon){border-radius:var(--radius-pill)}.call-bar-actions button[aria-pressed=true]:not(.ui-danger){background:var(--c-danger-soft);border-color:var(--c-danger-text);color:var(--c-danger-text)}.call-bar-leave{background:var(--c-danger-soft)}@media (width<=720px){.app-shell{grid-template-columns:var(--dim-rail-compact) minmax(0, 1fr)}.app-sidebar{z-index:30;width:var(--dim-sidebar-compact);grid-area:1/2;display:none;box-shadow:4px 0 12px #0000004d}.app-shell[data-sidebar-open=true] .app-sidebar{display:flex}.app-main{grid-area:1/2}.sidebar-toggle{margin-bottom:var(--space-3);display:inline-flex}.app-content{padding:var(--space-3)}.app-callbar{padding:0 var(--space-2) var(--space-2)}}.participant-grid{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));padding:0;list-style:none;display:grid}.participant-grid>li{border:0;padding:0;display:block}.participant-tile{justify-content:space-between;align-items:stretch;gap:var(--space-2);box-sizing:border-box;min-height:var(--dim-participant-card-min-height);height:100%;padding:var(--space-3);border-radius:var(--radius-card);background:var(--c-surface);border:2px solid #0000;flex-direction:column;display:flex;position:relative}.participant-tile[data-speaking=true]{border-color:var(--c-success-text);box-shadow:0 0 14px color-mix(in srgb, var(--c-success-text) 35%, transparent)}.participant-tile[data-self=true]:not([data-speaking=true]){border-color:var(--c-accent-fill)}.participant-top{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:24px;display:flex}.participant-badge{padding:0 var(--space-2);border-radius:var(--radius-field);background:var(--c-surface-hover);color:var(--c-text-muted);font-size:var(--type-secondary-size);text-transform:uppercase;font-weight:700}.participant-badge[data-tone=speaking]{background:var(--c-success-soft);color:var(--c-success-text)}.participant-badge[data-tone=self]{background:var(--c-accent-soft);color:var(--c-accent-text)}.participant-avatar{justify-content:center;display:flex}.participant-foot{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.participant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.participant-note{color:var(--c-text-muted);font-size:var(--type-secondary-size)}.participant-volume-open{width:32px;min-height:32px;color:var(--c-text-muted);background:0 0;border-color:#0000;padding:0}.volume-dialog-row{align-items:flex-end;gap:var(--space-2);display:flex}.volume-dialog-row .slider{flex:1;min-width:0}.stage-section-head,.people-section-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.stage-section-head>span:first-child,.people-section-head>span:first-child{align-items:center;gap:var(--space-2);display:inline-flex}.stage-board{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.stage-board[data-layout=focus]{grid-template-columns:repeat(6,minmax(0,1fr))}.stage-board[data-layout=focus]>.stage-tile[data-focused=true]{grid-column:1/-1}.stage-board[data-layout=focus]>.stage-tile:not([data-focused=true]){grid-column:span 2}@media (width<=720px){.stage-board[data-layout=focus]>.stage-tile:not([data-focused=true]){grid-column:1/-1}}.stage-tile{border-radius:var(--radius-card);background:var(--c-rail);border:1px solid var(--c-border);min-width:0;margin:0;position:relative;overflow:hidden}.stage-tile[data-focused=true]{outline:2px solid var(--c-accent-fill)}.stage-frame{aspect-ratio:16/9;background:var(--c-rail);width:100%;max-height:max(96px,100cqh - 190px);position:relative}.stage-frame video{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.stage-placeholder{justify-content:center;align-items:center;gap:var(--space-2);color:var(--c-text-muted);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.stage-overlay{top:var(--space-2);left:var(--space-2);right:var(--space-2);justify-content:space-between;gap:var(--space-2);pointer-events:none;display:flex;position:absolute}.stage-overlay>*{pointer-events:auto}.stage-overlay-actions{gap:var(--space-2);display:inline-flex}.stage-chip{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-field);background:color-mix(in srgb, var(--c-rail) 85%, transparent);color:var(--c-text);font-size:var(--type-secondary-size);font-weight:600;display:inline-flex}.stage-live{color:var(--c-danger-text)}.stage-info{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--c-surface);flex-wrap:wrap;display:flex}.stage-info p,.stage-info .stage-title{margin:0}.stage-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;display:inline-flex}.stage-volume{align-items:center;gap:var(--space-2);display:inline-flex}.stage-volume input[type=range]{width:110px;accent-color:var(--c-accent-fill)}.stage-volume-value{min-width:3ch;color:var(--c-text-muted);font-size:var(--type-secondary-size)}.stage-tile:fullscreen .stage-volume-value{color:#fffc}.stage-title{font-weight:600}.stage-sub{color:var(--c-text-muted);font-size:var(--type-secondary-size)}.stage-tile[data-mini=true] .stage-info{padding:var(--space-1) var(--space-2)}.share-status{margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface)}.share-status p{margin:0}.voice-settings label{gap:var(--space-1);margin-top:var(--space-3);flex-direction:column;display:flex}.voice-settings select,.voice-settings input[type=range],.voice-settings input[type=number]{box-sizing:border-box;width:100%;max-width:100%}.voice-settings table{max-width:100%;display:block;overflow-x:auto}.theme-choice{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.members-admin .member-list,.members-admin .member-list>li{border:0;display:block}.members-admin .member-list>li{padding:var(--space-2) 0;border-bottom:1px solid var(--c-border)}.room-header-id>div{min-width:0}.stage-tile:fullscreen{background:#000;border:0;border-radius:0;outline:0;flex-direction:column;display:flex}.stage-tile:fullscreen .stage-frame{aspect-ratio:auto;background:#000;flex:1;min-height:0;max-height:none}.stage-tile:fullscreen .stage-info{color:#fff;padding:var(--space-6) var(--space-4) var(--space-4);background:linear-gradient(#0000,#000c);transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.stage-tile:fullscreen .stage-sub{color:#fffc}.stage-tile[data-idle=true]{cursor:none}.stage-tile[data-idle=true] .stage-info,.stage-tile[data-idle=true] .stage-overlay{opacity:0;pointer-events:none}.sidebar-empty{padding:var(--space-3);color:var(--c-text-muted);font-size:var(--type-body-size);margin:0}.sidebar-empty strong{color:var(--c-text)}.participant-sharing{align-items:center;gap:var(--space-1);display:inline-flex}.visibility-choice{border:1px solid var(--c-border,currentColor);border-radius:8px;margin:0 0 12px;padding:8px 12px}.visibility-choice legend{padding:0 4px}.visibility-choice label{margin:6px 0;display:block}.explore-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}:root{--bg:var(--c-page);--fg:var(--c-text);--muted:var(--c-text-muted);--card:var(--c-surface);--border:var(--c-border);--ok:var(--c-success-text);--warn:var(--c-text);--fail:var(--c-danger-text)}body{background:var(--bg);color:var(--fg);font-family:var(--font-family);font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}main{max-width:560px;margin:0 auto;padding:24px 16px}section{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:16px}.label{color:var(--muted);margin:0 0 4px;font-size:.85rem}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}li:last-child{border-bottom:0}.badge{border:1px solid;border-radius:999px;padding:2px 10px;font-weight:600;display:inline-block}.ok{color:var(--ok)}.warn{color:var(--warn)}.fail,.error{color:var(--fail)}.idle,.muted{color:var(--muted)}h2{margin:0 0 8px;font-size:1.2rem}input:not([type=range]):not([type=checkbox]){min-height:var(--dim-button-desktop-min);padding:0 var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-field);background:var(--c-surface);color:var(--fg);font:inherit}button{min-height:var(--dim-button-desktop-min);padding:0 var(--space-4);border:1px solid var(--c-border-strong);border-radius:var(--radius-button);background:var(--card);color:var(--fg);font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:progress}button.link{min-height:0;color:var(--c-accent-text);background:0 0;border:0;padding:2px 0;text-decoration:underline}.links{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:0;display:flex}.banner{border:1px solid var(--warn);color:var(--warn);border-radius:8px;margin:16px 0 0;padding:10px 12px}.update-banner{border-color:var(--c-accent-fill);color:inherit}.steps{padding-left:0;list-style:none}.steps li{border-bottom:0;display:block}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:6px 4px}main:has(.servers-layout:not([hidden])){max-width:980px}.servers-layout[hidden]{display:none}.servers-layout{grid-template-columns:220px 1fr;gap:16px;margin-top:16px;display:grid}.servers-layout h2,.servers-layout h3{margin:12px 0 4px}.server-list li,.channel-list>li,.member-list>li{align-items:flex-start;gap:12px}.server-list button{text-align:left;width:100%}.server-list button[aria-current=true]{border-color:var(--fg);font-weight:700}.presence{color:var(--muted);margin:4px 0 0 16px}.presence li{border:0;padding:2px 0}.role-tag{color:var(--muted);font-size:.85rem}.actions{flex-wrap:wrap;gap:6px;display:flex}video{background:#000;border-radius:8px;max-width:100%}.picker{background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.picker-box{background:var(--card);border:1px solid var(--border);border-radius:10px;max-width:680px;max-height:90vh;padding:16px;overflow:auto}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:12px 0;display:grid}.picker-item{text-align:left;flex-direction:column;gap:4px;display:flex}.picker-item img{border-radius:6px;width:100%}.meter{border:1px solid var(--border);border-radius:6px;height:12px;margin:8px 0;position:relative;overflow:hidden}.meter-fill{background:var(--ok);height:100%}.meter-fill.meter-clip{background:var(--fail)}.meter-mark{background:var(--warn);width:2px;position:absolute;top:0;bottom:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.signed-in{flex-direction:column;height:100vh;display:flex}.signed-in .banner{border-radius:0;margin:0}.signed-in .app-shell{flex:1;height:auto;min-height:0}main.access{box-sizing:border-box;justify-content:center;gap:var(--space-3);max-width:480px;min-height:100vh;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}main.access h1{text-align:center;letter-spacing:.02em;color:var(--c-accent-text);margin:0;font-size:1.75rem}main.access section{padding:var(--space-5);border-radius:var(--radius-card,16px);background:var(--c-surface);margin-top:0}main.access form{gap:var(--space-3);flex-direction:column;display:flex}main.access button[type=submit]{background:var(--c-accent-fill);color:var(--c-on-accent,#fff);border-color:#0000;font-weight:600}main.access .banner{margin:0}.ui-dialog:has(.picker-grid){width:min(720px,100%)}