:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, Consolas, monospace;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;--bg-deep:#0c0c13;--bg:#111119;--surface:#171720;--surface-raised:#1d1d28;--surface-soft:#22222e;--line:rgba(var(--fg-rgb), .075);--line-strong:rgba(var(--fg-rgb), .12);--text:#f5f5fb;--text-soft:#b8b7c7;--muted:#8d8c9f;--fs-2xs:calc(10px * var(--fs-scale,1));--fs-xs:calc(11px * var(--fs-scale,1));--fs-small:calc(12px * var(--fs-scale,1));--fs-body:calc(13px * var(--fs-scale,1));--fs-md:calc(14px * var(--fs-scale,1));--fs-lg:calc(15px * var(--fs-scale,1));--fs-xl:calc(16px * var(--fs-scale,1));--fs-2xl:calc(20px * var(--fs-scale,1));--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.18s;--dur-med:var(--dur);--dur-slow:.26s;--loop-pulse:1.2s;--loop-shimmer:1.4s;--loop-float:4s;--loop-ring:1.6s;--loop-spin:.9s;--blur-scrim:5px;--violet:var(--accent);--violet-bright:var(--accent-bright);--cyan:#62d6d0;--coral:#ff8a73;--amber:#f4bc69;--danger:#ff667f;--danger-solid:#d92d4d;--green:#5ed7a4;--green-solid:#1a7f43;--on-green-solid:#fff;--on-green:#0e2517;--focus:var(--accent-focus);--radius-sm:8px;--radius:13px;--radius-lg:20px;--radius-row:7px;--radius-control:10px;--radius-menu:12px;--radius-view:14px;--radius-rail-active:15px;--radius-pill:999px;--dialog-padding:22px;--menu-padding:6px;--row-padding-x:9px;--control-padding-x:16px;--rail-width:72px;--header-height:68px;--control-height:38px;--icon-button-size:36px;--rail-item-size:46px;--row-height:34px;--tooltip-delay:.4s;--accent-preset-violet:#9b87f5;--accent-preset-blue:#5b8def;--accent-preset-cyan:#2bb3c0;--accent-preset-green:#3dbb7f;--accent-preset-amber:#e8b53a;--accent-preset-orange:#f0813e;--accent-preset-rose:#ee5a7a;--accent-preset-magenta:#c06be0;--accent:#9b87f5;--accent-rgb:155, 135, 245;--accent-bright:#b6a7ff;--accent-strong:#785fe9;--accent-focus:#c8bcff;--on-accent:#15151d;--on-accent-bright:#15151d;--on-danger:#fff;--on-amber:#1a1a22;--ok-text:#8fe3b0;--warn-text:#f4bc69;--info-text:#7cc4ff;--fg-rgb:255, 255, 255;--text-strong:#fff;--text-muted:#b5bac1;--bg-sunken:#101017;--panel:#15151d;--panel-raised:#1b1b25;--panel-hover:#292937;--danger-rgb:255, 102, 127;--danger-text:#ff9aaa;--cyan-rgb:98, 214, 208;--green-rgb:94, 215, 164;--amber-rgb:244, 188, 105;--scrim:#050509ba;--nameplate-bg:#08080dcc;--speaking:#23a55a;--speaking-rgb:35, 165, 90;--whisper:#a855f7;--whisper-rgb:168, 85, 247;--badge-info:#1f7ab8;--badge-offline:#8a4040;--on-badge:#fff;--video-btn-bg:#0a0a109e;--video-btn-bg-hover:#23203ae6;--video-btn-line:#ffffff2e;--on-dark-danger:#ff9aaa;--on-dark-warn:#f4bc69;--on-dark-info:#7cc4ff;--on-dark-muted:#aaa7b7;--on-dark-text:#f5f5fb;--fs-scale:1;--role-ink-mix:0%;--hover-bg:rgba(var(--fg-rgb), .055);--press-bg:rgba(var(--fg-rgb), .09);--selected-bg:rgba(var(--fg-rgb), .1);--shadow-sm:0 1px 2px #00000047;--shadow-md:0 8px 24px #00000057, 0 1px 3px #00000040;--shadow-lg:0 24px 64px #00000080, 0 2px 8px #0000004d;--brand-glow:rgba(var(--accent-rgb), .45);--brand-accent-2:color-mix(in oklch, var(--accent) 40%, #ff5c8a);--toast-bg:#1e1e29f7;--scrollbar-thumb:rgba(var(--fg-rgb), .14);--scrollbar-thumb-hover:rgba(var(--fg-rgb), .24)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--role-ink-mix:42%;--bg-deep:#dfe2ec;--bg:#f3f4f9;--surface:#fbfbfe;--surface-raised:#fff;--surface-soft:#e9ebf3;--line:#1818321f;--line-strong:#18183238;--text:#1b1b2d;--text-soft:#3e3f58;--muted:#5a5b73;--text-strong:#0c0c1a;--text-muted:#4f5068;--cyan:#0b7a76;--coral:#c2410c;--amber:#8f5600;--danger:#c81e45;--danger-solid:#c81e45;--green:#12724e;--green-solid:#18773f;--on-green-solid:#fff;--on-green:#fff;--danger-text:#b3153b;--danger-rgb:200, 30, 69;--cyan-rgb:11, 122, 118;--green-rgb:18, 114, 78;--amber-rgb:143, 86, 0;--fg-rgb:22, 22, 48;--bg-sunken:#eceef6;--panel:#fff;--panel-raised:#fff;--panel-hover:#e3e6f0;--scrim:#19193273;--on-accent:#fff;--on-accent-bright:#fff;--on-danger:#fff;--on-amber:#fff;--ok-text:#0f6b49;--warn-text:#8a5200;--info-text:#0a58b0;--hover-bg:rgba(var(--fg-rgb), .05);--press-bg:rgba(var(--fg-rgb), .085);--selected-bg:rgba(var(--fg-rgb), .09);--shadow-sm:0 1px 2px #14143214;--shadow-md:0 8px 24px #1414321f, 0 1px 3px #14143214;--shadow-lg:0 24px 64px #14143233, 0 2px 8px #1414321a;--brand-glow:rgba(var(--accent-rgb), .28);--brand-accent-2:color-mix(in oklch, var(--accent) 50%, #e8457a);--toast-bg:#fffffffa;--scrollbar-thumb:rgba(var(--fg-rgb), .18);--scrollbar-thumb-hover:rgba(var(--fg-rgb), .3)}::selection{background:rgba(var(--accent-rgb), .38)}:root[data-theme=light] ::selection{background:rgba(var(--accent-rgb), .28)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.4}:is(h1,h2,h3,h4){text-wrap-style:balance}p{text-wrap-style:pretty}details::details-content{opacity:0;transform:translateY(-4px)}details[open]::details-content{opacity:1;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);transform:none}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::placeholder{color:var(--muted);opacity:.85}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--accent)}input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.skip-link{z-index:200;border-radius:var(--radius-sm);color:var(--on-accent-bright);background:var(--focus);padding:10px 14px;font-weight:700;position:fixed;top:10px;left:82px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--muted);font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.icon-button{width:36px;height:36px;color:var(--text-soft);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur) var(--ease-out);background:0 0;border-radius:10px;place-items:center;display:grid;position:relative}.icon-button:hover{color:var(--text-strong,#fff);background:var(--hover-bg)}.icon-button:active{background:var(--press-bg);transform:scale(.94)}.icon-button.active{color:var(--violet-bright);background:rgba(var(--accent-rgb),.12)}.icon-button.danger{color:var(--danger)}.icon-button.danger-active{color:var(--danger-text);border-color:rgba(var(--danger-rgb),.55);background:rgba(var(--danger-rgb),.14)}.panel-tabs .icon-button{margin-left:auto}[data-glider]:before{content:"";width:var(--tab-w);height:var(--tab-h);transform:translate(var(--tab-x), var(--tab-y));transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.count{min-width:17px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.12);font-size:var(--fs-xs);border-radius:999px;padding:2px 5px}.progress-track{background:rgba(var(--fg-rgb),.06);border-radius:999px;height:5px;overflow:hidden}.progress-track>span{background:linear-gradient(90deg, var(--violet-bright), var(--cyan));transform-origin:0;width:100%;height:100%;transition:transform var(--dur) var(--ease-out);display:block;transform:scaleX(0)}.primary-action{width:100%;min-height:38px;color:var(--on-accent);background:var(--accent);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff1f;font-size:var(--fs-body);letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), filter var(--dur-fast) var(--ease-standard);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-weight:700;display:inline-flex}.primary-action:hover:not(:disabled){background:var(--accent-bright);color:var(--on-accent-bright);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff29}.primary-action:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)scale(.99)}.secondary-action,.about-actions>button{border:1px solid var(--line-strong);min-height:34px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:700;display:inline-flex}.secondary-action:hover:not(:disabled),.about-actions>button:hover:not(:disabled){color:var(--text-strong,var(--text));border-color:rgba(var(--accent-rgb), .6);background:var(--hover-bg)}.secondary-action:active:not(:disabled),.about-actions>button:active:not(:disabled){background:var(--press-bg);transform:translateY(1px)scale(.99)}.primary-action.danger,.primary-action.danger:hover:not(:disabled){color:var(--on-danger);background:var(--danger-solid)}.primary-action.danger:hover:not(:disabled){filter:brightness(1.08)}.primary-action.danger:disabled{opacity:.55}.toast{z-index:150;overflow-wrap:anywhere;border:1px solid var(--line-strong);max-width:min(460px,100vw - 32px);color:var(--text-soft);background:var(--toast-bg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-small);pointer-events:none;animation:toast-in var(--dur-slow) var(--ease-spring);border-radius:999px;align-items:center;gap:9px;padding:9px 15px;display:flex;position:fixed;bottom:93px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.dialog-lead{color:var(--text-soft);font-size:var(--fs-body);margin:10px 0 18px;line-height:1.55}.field{color:var(--text-soft);font-size:var(--fs-small);gap:7px;margin-bottom:14px;font-weight:700;display:grid}.field input{border:1px solid var(--line);width:100%;height:40px;color:var(--text-strong,#fff);background:var(--bg-sunken);font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:10px;outline:0;padding:0 12px;font-weight:400}.field input:hover:not(:disabled):not(:focus){border-color:var(--line-strong)}.field input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.field small{color:var(--muted);font-size:var(--fs-small);font-weight:400;line-height:1.45}.field select{border:1px solid var(--line);width:100%;height:40px;color:var(--text-strong,#fff);background:var(--bg-sunken);font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:10px;outline:0;padding:0 12px;font-weight:400}.field select:hover:not(:disabled):not(:focus){border-color:var(--line-strong)}.field select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.field select:disabled,.field input:disabled{opacity:.5}.inline-error{border:1px solid rgba(var(--danger-rgb),.16);width:100%;color:var(--danger-text);background:rgba(var(--danger-rgb),.07);font-size:var(--fs-small);text-align:left;border-radius:10px;align-items:flex-start;gap:8px;margin:12px 0;padding:10px 11px;line-height:1.5;display:flex}.inline-error svg{flex:none}.inline-error span{gap:2px;display:grid}.own-id{align-items:center;gap:5px;min-width:0;display:flex}.own-id code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:var(--fs-small);overflow:hidden}.inline-icon{width:20px;height:20px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;display:inline-grid}.inline-icon:hover{color:var(--text-strong,#fff);background:var(--surface-soft)}.dialog-hint{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:7px;margin:10px 0 0;line-height:1.4;display:flex}.dialog-hint svg{color:var(--violet-bright);flex:none}.audio-settings .eyebrow{color:var(--muted);font-size:var(--fs-small);letter-spacing:.09em;font-weight:800}.invite-code{font-family:ui-monospace,monospace;font-size:var(--fs-lg);letter-spacing:1px;background:rgba(var(--fg-rgb),.06);border-radius:8px;padding:4px 10px}.link-button{color:var(--violet-bright,#a78bfa);cursor:pointer;font-size:var(--fs-body);text-align:left;background:0 0;border:none;padding:4px 0;text-decoration:underline}.link-button:disabled{color:var(--muted);cursor:default;text-decoration:none}.count-up{font-variant-numeric:tabular-nums}.chat-message.muted-message .link-button{font-size:var(--fs-body);padding:0}.settings-dialog>.primary-action{flex:none;margin-top:12px}.settings-section .link-button{color:var(--accent-bright);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.dm-group-members .link-button{font-size:var(--fs-small);align-items:center;gap:3px;display:inline-flex}.dm-group-members .link-button.danger{color:var(--danger-text,#ff9aaa)}.dialog-actions>.primary-action{flex:1;width:auto}@media (width<=1080px){.toast{bottom:86px}}@keyframes pop-in-up{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide-in-x{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes chip-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes delayed-in{0%{opacity:0}to{opacity:1}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,6px)scale(.98)}}.toast.closing{animation:toast-out var(--dur-fast) var(--ease-in) forwards}.toast>svg{color:var(--muted);flex:none}.toast.error>svg{color:var(--danger)}.toast.success>svg{color:var(--green)}.undo-toast{z-index:151;overflow-wrap:anywhere;border:1px solid var(--line-strong);max-width:min(520px,100vw - 32px);color:var(--text-soft);background:var(--toast-bg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-small);animation:toast-in var(--dur-slow) var(--ease-spring);border-radius:999px;align-items:center;gap:12px;padding:7px 8px 7px 15px;display:flex;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.undo-toast button{color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:4px 11px;font-weight:600}.undo-toast button:hover{filter:brightness(1.1)}.undo-toast.closing{animation:toast-out var(--dur-fast) var(--ease-in) forwards;pointer-events:none}:where(button,a,summary,select,textarea,input:not([type=range]),[role=tab],[role=menuitem],[role=option],[role=row],li,[class*=-row]){transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out)}:where(.inline-icon,.popout-action,.popout-chip,.server-menu-trigger,.composer-attach,.send-button,.emoji-cell,.gif-tile,.pending-attachment-close,.voice-player-rate,.channel-files-action,.dm-file-action,.dm-search-clear,.dm-filter,.forum-chip,.pin-toggle,.pin-entry-remove,.note-delete,.saved-entry-remove,.control-chevron,.call-accept,.call-decline,.expand-video,.tile-mute,.tile-quality,.tile-popout,.tile-preview-toggle,.annotation-clear,.share-audio-toggle,.soundboard-sound,.settings-search-clear,.appearance-option,.accent-swatch,.appearance-reset,.appearance-reset-all,.ss-close,.ss-text-button,.ss-badge-button,.ss-chip-add,.sd-choice,.events-secondary,.events-interest,.events-past-toggle,.channel-perms-secondary,.hub-load-button,.emoji-manage-button,.watch-add-file,.unfeature,.streaming-chip):not(:disabled):active{scale:.95}:where(.channel-tabs button,.panel-tabs>button,.settings-tabs button,.hub-auth-tabs>button,.setting-card button,.profile-dialog-actions button,.member-actions button,.message-actions button,.emoji-tabs button,.md-codeblock-head button,.pending-actions button,.pending-attachment-actions button,.reply-banner button,.unread-bar-actions button,.section-title button,.audio-mode button,.camera-effect-row button,.ptt-key-row button,.duck-presets button,.audio-toggle-row button,.state-error>button,.hub-offline-banner button,.claim-banner button,.membership-banner-action,.channel-files-filter button,.channel-files-upload,.link-preview-watch,.onboarding-card-action,.help-topic,.entry-identity>button,.friend-add-row button,.note-actions button,.dialog-cancel,.bell-menu-head button,.status-network-switch button):not(:disabled):active{scale:.97}@keyframes ghost-out{to{opacity:0;translate:0 -3px;scale:.985}}@keyframes ghost-fade-out{to{opacity:0}}@keyframes dialog-out{to{opacity:0;translate:0 6px;scale:.98}}.exit-ghost,.exit-ghost *{pointer-events:none!important}.exit-ghost *,.exit-ghost :before,.exit-ghost :after{transition:none!important;animation:none!important}.exit-ghost[data-ghost]{animation:ghost-out var(--dur-fast) var(--ease-in) forwards}.exit-ghost.modal-backdrop,.exit-ghost.image-lightbox{animation-name:ghost-fade-out}.exit-ghost.modal-backdrop>*{animation:dialog-out var(--dur-fast) var(--ease-in) forwards!important}:where([data-tooltip]){position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:400;border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:max-content;max-width:min(260px,70vw);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow-md);font-size:var(--fs-small);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard), translate var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);padding:6px 10px;font-weight:600;line-height:1.35;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-3px)}[data-tooltip][data-tooltip-pos=bottom-end]:after{left:auto;right:0;transform:none}[data-tooltip][data-tooltip-pos^=top]:after{top:auto;bottom:calc(100% + 8px);translate:0 3px}[data-tooltip][data-tooltip-pos=top-start]:after{left:0;transform:none}[data-tooltip][data-tooltip-pos=top-end]:after{left:auto;right:0;transform:none}[data-tooltip][data-tooltip-pos=right]:after{top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-3px)}@media (hover:hover){[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:var(--tooltip-delay);translate:0}[data-tooltip]:active:after,[data-tooltip][aria-expanded=true]:after{opacity:0;visibility:hidden;transition-delay:0s}}@media (hover:none){[data-tooltip]:after{display:none}}.header-actions [data-tooltip]:not([data-tooltip-pos]):after,.panel-tabs [data-tooltip]:not([data-tooltip-pos]):after,.modal-backdrop header [data-tooltip]:not([data-tooltip-pos]):after{left:auto;right:0;transform:none}.app-shell{grid-template-columns:72px min(var(--sidebar-w,256px), 24vw) minmax(0, 1fr) min(var(--panel-w,334px), 32vw);background:var(--bg);isolation:isolate;grid-template-rows:minmax(0,1fr);width:100%;min-width:1024px;height:100%;min-height:680px;display:grid;position:relative}.app-shell.panel-collapsed{grid-template-columns:72px min(var(--sidebar-w,256px), 24vw) minmax(0, 1fr) 0}#root.has-titlebar{flex-direction:column;display:flex}#root.has-titlebar>.app-shell{flex:auto;height:auto;min-height:650px}.app-titlebar{background:var(--bg-deep);height:30px;color:var(--text-muted,#b5bac1);font-size:var(--fs-body);letter-spacing:.02em;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;app-region:drag;flex:none;align-items:center;padding:0 150px 0 14px;font-weight:700;display:flex}:root[data-theme=light] .app-titlebar{border-bottom:1px solid var(--line)}:root[data-theme=light] .app-titlebar-name{opacity:1}.app-titlebar-name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.meeting-area{--view-gutter:14px;background:var(--bg-sunken);grid-template-rows:68px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.meeting-area.channel-mode{grid-template-rows:68px minmax(0,1fr) auto}.meeting-header{min-width:0;padding:0 var(--view-gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);justify-content:space-between;align-items:center;gap:16px;display:flex}.meeting-title{align-items:center;gap:11px;min-width:0;display:flex}.meeting-title div{gap:2px;min-width:0;display:grid}.meeting-title strong{color:var(--text-strong);font-size:var(--fs-xl);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.meeting-title div span{color:var(--muted);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-actions{align-items:center;gap:3px;display:flex}.ambient-orb{opacity:.32;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle, var(--accent), transparent 68%);width:240px;height:240px;top:-100px;left:-70px}.orb-two{background:radial-gradient(circle, var(--cyan), transparent 68%);width:250px;height:250px;bottom:-140px;right:-80px}.channel-view{min-height:0;margin:var(--view-gutter);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.channel-view .chat-message.grouped:hover header,.channel-view .chat-message.grouped:focus-within header{display:flex}.channel-view .chat-message.grouped header strong{display:none}.channel-view .chat-message.grouped header time{color:var(--muted)}.column-resizer{z-index:40;cursor:col-resize;width:7px;transition:background var(--dur) var(--ease-standard);touch-action:none;background:0 0;position:absolute;top:0;bottom:0}.column-resizer:after{content:"";width:1px;transition:background var(--dur) var(--ease-standard);background:0 0;position:absolute;top:0;bottom:0;left:3px}.column-resizer:hover:after,.column-resizer:active:after{background:var(--accent);width:2px;left:2.5px}.column-resizer:focus-visible{outline:none}.column-resizer:focus-visible:after{background:var(--focus);width:2px;left:2.5px}.sidebar-resizer{left:calc(72px + min(var(--sidebar-w,256px), 24vw) - 3px)}.panel-resizer{right:calc(min(var(--panel-w,334px), 32vw) - 3px)}@media (width<=1240px){.sidebar-resizer{left:calc(64px + min(var(--sidebar-w,256px), 240px) - 3px)}.panel-resizer{right:calc(min(var(--panel-w,334px), 300px) - 3px)}}@media (width<=1080px){.sidebar-resizer{left:calc(60px + min(var(--sidebar-w,256px), 210px) - 3px)}.panel-resizer{right:calc(min(var(--panel-w,334px), 270px) - 3px)}}.channel-chat-split{flex:1;min-height:0;display:flex}.channel-chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.nav-empty-state{text-align:center;min-height:0;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.nav-empty-state p{max-width:420px;line-height:1.6;font-size:var(--fs-body);margin:0}.nav-empty-state strong,.nav-empty-state h2,.nav-empty-state h3{color:var(--text-strong);font-size:var(--fs-xl)}.nav-empty-icon{background:radial-gradient(circle at 30% 25%, rgba(var(--accent-rgb),.28), rgba(var(--accent-rgb),.08) 70%);width:64px;height:64px;color:var(--violet-bright);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2), 0 14px 32px -12px var(--brand-glow);animation:empty-float var(--loop-float) var(--ease-in-out) infinite;border-radius:20px;place-items:center;margin-bottom:4px;display:grid}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}@media (width<=1080px){.meeting-area,.meeting-area.channel-mode{grid-template-rows:60px minmax(0,1fr) auto}}.meeting-area.has-membership-banner,.meeting-area.channel-mode.has-membership-banner{grid-template-rows:68px auto minmax(0,1fr) auto}@media (width<=1080px){.meeting-area.has-membership-banner,.meeting-area.channel-mode.has-membership-banner{grid-template-rows:60px auto minmax(0,1fr) auto}}@media (width<=1240px){.app-shell{grid-template-columns:64px min(var(--sidebar-w,256px), 240px) minmax(0,1fr) min(var(--panel-w,334px), 300px)}}@media (width<=1080px){.app-shell{grid-template-columns:60px min(var(--sidebar-w,256px), 210px) minmax(0,1fr) min(var(--panel-w,334px), 270px)}}@media (width<=1240px){.app-shell.panel-collapsed{grid-template-columns:64px min(var(--sidebar-w,256px), 240px) minmax(0,1fr) 0}}@media (width<=1080px){.app-shell.panel-collapsed{grid-template-columns:60px min(var(--sidebar-w,256px), 210px) minmax(0,1fr) 0}}@media (width<=1240px){.sidebar-resizer,.panel-resizer{display:none}}@media (width<=900px){.channel-chat-split.with-thread .channel-chat-main{display:none}}.popout-root{flex-direction:column;min-height:100vh;display:flex}.popout-titlebar{flex:none}.popout-area,.popout-area.channel-mode{flex:auto;grid-template-rows:60px minmax(0,1fr)}.popout-header{padding:0 14px}.popout-action{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.popout-action:hover{color:var(--text-strong);border-color:rgba(var(--accent-rgb),.55);background:color-mix(in srgb, var(--accent) 12%, var(--surface-soft))}.popout-action:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.popout-chip{border:1px solid rgba(var(--accent-rgb),.45);max-width:260px;color:var(--text-soft);background:color-mix(in srgb, var(--accent) 10%, var(--surface-soft));font-size:var(--fs-small);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.popout-chip span{text-overflow:ellipsis;overflow:hidden}.popout-chip strong{color:var(--accent-bright);font-weight:700}.popout-chip:hover{border-color:rgba(var(--accent-rgb),.75);color:var(--text-strong)}.popout-chip:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.icon-button.popout-button.active{color:var(--accent-bright)}.meeting-area>:is(.channel-view:not(.channel-text),.forum-view,.home-view,.events-view,.nav-empty-state,.stage),.channel-view.channel-text>:is(.channel-chat-split,.channel-files,.whiteboard-view,.notes-view){animation:view-in var(--dur) var(--ease-out) backwards}.meeting-area>.exit-ghost.view-ghost{z-index:4;background:var(--bg-sunken);min-width:0;min-height:0;margin:0;animation:none;position:absolute;left:0;right:0;overflow:hidden}.meeting-area>.exit-ghost.view-ghost[data-ghost]{animation:view-ghost-out var(--dur) var(--ease-in) forwards}@keyframes view-ghost-out{to{opacity:0;translate:0 -4px}}:root[data-view-transition]{view-transition-name:none}:root[data-view-transition] .meeting-area>:is(.channel-view,.forum-view,.home-view,.events-view,.nav-empty-state,.stage){view-transition-name:main-view;animation:none}:root[data-view-transition] .channel-view.channel-text>:is(.channel-chat-split,.channel-files,.whiteboard-view,.notes-view){animation:none}:root[data-view-transition=theme]{view-transition-name:root}:root[data-view-transition=theme] .meeting-area>:is(.channel-view,.forum-view,.home-view,.events-view,.nav-empty-state,.stage){view-transition-name:none}:root[data-view-transition=theme]::view-transition-old(root){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-standard)}:root[data-view-transition=theme]::view-transition-new(root){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-standard)}::view-transition{pointer-events:none}::view-transition-group(main-view){animation:none}::view-transition-old(main-view){animation:view-out var(--dur) var(--ease-out) both}::view-transition-new(main-view){animation:view-in var(--dur) var(--ease-out) both}@keyframes view-out{to{opacity:0}}:root[data-motion=reduced] ::view-transition-group(*){animation:none!important}:root[data-motion=reduced] ::view-transition-new(*){animation:none!important}:root[data-motion=reduced] ::view-transition-old(*){display:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-old(*){display:none}}:is(.server-rail,.channel-sidebar,.media-dock,[role=tablist]),button{-webkit-user-select:none;user-select:none}:is(.server-rail,.channel-sidebar,.media-dock) :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.server-rail{--rail-pad:10px;padding:14px var(--rail-pad);background:var(--bg-deep);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;min-height:0;display:flex}.rail-scroll{min-height:0;margin-inline:calc(-1 * var(--rail-pad));padding:4px var(--rail-pad);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:0 auto;align-self:stretch;align-items:center;gap:10px;display:flex;overflow:hidden auto}.rail-scroll::-webkit-scrollbar{display:none}.rail-scroll>*{flex:none}.rail-scroll [data-tooltip]:after{display:none}.rail-tooltip{z-index:400;border:1px solid var(--line-strong);border-radius:var(--radius-sm);max-width:min(260px,70vw);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow-md);font-size:var(--fs-small);pointer-events:none;padding:6px 10px;font-weight:600;line-height:1.35;position:fixed;transform:translateY(-50%)}.server-bubble{width:46px;height:46px;color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-md);letter-spacing:.02em;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out), opacity var(--dur) var(--ease-standard);border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.server-bubble:active{transform:translateY(1px)}.server-bubble:hover{color:var(--on-accent,#fff);background:var(--accent);border-radius:15px}.server-bubble.selected{color:var(--on-accent,#fff);background:linear-gradient(145deg, var(--accent-strong), var(--accent));border-radius:15px}.server-bubble:after{content:"";box-shadow:0 6px 18px rgba(var(--accent-rgb),.28);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-standard);border-radius:15px;position:absolute;inset:0}.server-bubble.selected:after{opacity:1}.server-bubble:before{content:"";background:var(--text-strong,#fff);width:4px;height:36px;transition:transform var(--dur) var(--ease-spring);pointer-events:none;border-radius:0 4px 4px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)scaleY(0)}.server-bubble:not(.add):not(.utility):hover:before{transform:translateY(-50%)scaleY(.56)}.server-bubble.selected:before,.server-bubble.selected:hover:before{transform:translateY(-50%)scaleY(1)}.server-bubble:has(>.server-unread-pill):before{display:none}.server-bubble.selected:has(>.server-unread-pill):before{display:block}.server-bubble.selected .server-unread-pill{display:none}.server-bubble.add{color:var(--green)}.server-bubble.add:hover{color:var(--on-green);background:var(--green)}.server-bubble.utility:hover{color:var(--text-strong);background:var(--panel-hover)}.server-bubble.utility{border-radius:13px;width:40px;height:40px}.server-bubble.notify-off{opacity:.62}.server-bubble.notify-off:hover,.server-bubble.notify-off.selected{opacity:.9}.server-bubble:has(>.server-icon-img){background:0 0;padding:0}.server-bubble.selected:has(>.server-icon-img){box-shadow:0 0 0 2px var(--violet-bright,var(--accent));background:0 0}.server-bubble.selected:has(>.server-icon-img):after{opacity:0}.server-bubble:hover:has(>.server-icon-img){background:0 0}.server-bubble:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.server-bubble:hover .server-unread-pill{transform:translateY(-50%)scaleY(1)}.server-bubble.has-unread:not(.selected){color:var(--text-strong,#fff)}.server-bubble.add.attention{color:var(--on-danger,#fff);background:linear-gradient(145deg, color-mix(in srgb, var(--cyan) 70%, #000), var(--cyan));box-shadow:0 0 0 2px rgba(var(--cyan-rgb), .45);animation:rail-add-pulse calc(var(--loop-pulse) * 1.8) var(--ease-in-out) infinite}.server-live-dot{border:3px solid var(--bg-deep);background:var(--coral);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.rail-divider{background:var(--line-strong);border-radius:1px;flex:none;width:32px;height:2px}.rail-spacer{flex:1}.server-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:0 17px;display:flex;position:relative}.server-header div{gap:3px;min-width:0;display:grid}.server-header .eyebrow{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.09em;font-size:var(--fs-xs);overflow:hidden}.server-header strong{color:var(--text-strong);font-size:var(--fs-xl);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.server-menu-trigger{width:30px;height:30px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;place-items:center;display:grid}.server-menu-trigger:hover:not(:disabled){color:var(--text-strong,#fff);background:var(--hover-bg)}.server-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.server-menu-trigger svg{transition:transform var(--dur) var(--ease-out)}.server-menu-trigger:disabled{opacity:.45}.server-menu{z-index:30;border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-lg);transform-origin:top;animation:pop-in var(--dur) var(--ease-out);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% - 8px);left:10px;right:10px}.server-menu button{width:100%;color:var(--text-soft);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-weight:500;display:flex}.server-menu button:hover{color:var(--on-accent);background:var(--accent)}.server-menu button:hover svg{color:inherit}.server-menu button svg{color:var(--muted);flex:none}.server-menu button.danger{color:var(--danger-text,#ff9aaa)}.server-menu button.danger:hover{color:var(--on-danger);background:var(--danger-solid)}.server-mode-badge{border:2px solid var(--bg-deep);width:17px;height:17px;color:var(--on-badge);background:var(--badge-info);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;left:-3px}.server-mode-badge.offline{color:var(--on-badge);background:var(--badge-offline)}.server-notify-off{border:2px solid var(--bg-deep);background:var(--panel-hover);width:16px;height:16px;color:var(--text-muted,#b5bac1);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;left:-3px}.server-icon-img{object-fit:cover;border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.server-header-icon{background:var(--surface-raised);border-radius:10px;flex:none;width:36px;height:36px;margin-right:10px;overflow:hidden}.server-header-icon+div{flex:auto}.server-unread-pill{background:var(--text-strong,#fff);width:4px;height:20px;transition:transform var(--dur) var(--ease-spring);pointer-events:none;animation:pill-in var(--dur) var(--ease-spring) backwards;border-radius:0 4px 4px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)scaleY(.4)}@keyframes pill-in{0%{opacity:0;transform:translateY(-50%)scaleY(0)}}.server-mention-badge{box-sizing:border-box;border:2px solid var(--bg-deep);background:var(--danger-solid);min-width:18px;height:18px;color:var(--on-danger,#fff);font-size:var(--fs-xs);pointer-events:none;border-radius:9px;place-items:center;padding:0 5px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}@keyframes rail-add-pulse{0%,to{scale:1}50%{scale:1.07}}@media (width<=1240px){.server-rail{--rail-pad:8px}.server-bubble{width:43px;height:43px}}.server-bubble.hub-offline{opacity:.55;filter:saturate(.5)}.server-bubble.hub-offline:hover,.server-bubble.hub-offline.selected{opacity:.85}.server-bubble.dm-home:not(.selected){color:var(--text-soft)}.server-bubble.dm-bubble{background:var(--surface-raised);padding:0}.server-bubble.dm-bubble:hover{background:var(--surface-raised)}.server-bubble.dm-bubble .user-avatar{border-radius:inherit;overflow:hidden;width:100%!important;height:100%!important}.server-bubble.dm-bubble .user-avatar img,.server-bubble.dm-bubble .user-avatar-fallback{border-radius:inherit}.server-bubble.dm-bubble.group{color:var(--text-strong,#fff)}.server-bubble.dm-more{font-size:var(--fs-small);letter-spacing:0;font-weight:800}.channel-sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.lan-card{border:1px solid rgba(var(--cyan-rgb), .13);border-radius:var(--radius);background:linear-gradient(120deg, rgba(var(--cyan-rgb), .08), rgba(var(--accent-rgb), .05));align-items:center;gap:10px;margin:14px 12px 4px;padding:11px 12px;display:flex}.lan-card div{flex:1;gap:2px;min-width:0;display:grid}.lan-card span:not(.lan-icon,.status-dot){color:var(--muted)}button.lan-card{text-align:left;cursor:pointer;width:calc(100% - 24px);transition:border-color var(--dur) var(--ease-standard), background var(--dur) var(--ease-standard)}button.lan-card:hover{border-color:rgba(var(--accent-rgb),.5);background:linear-gradient(120deg, rgba(var(--cyan-rgb), .12), rgba(var(--accent-rgb), .09))}.lan-card.unavailable strong{color:var(--danger-text,#ff9aaa)}.lan-card strong{font-size:var(--fs-body)}.lan-card span:not(.lan-icon,.status-dot){font-size:var(--fs-xs)}.lan-icon{width:30px;height:30px;color:var(--cyan);background:rgba(var(--cyan-rgb), .1);border-radius:8px;place-items:center;display:grid}.status-dot{background:var(--muted);width:8px;height:8px;transition:background-color var(--dur) var(--ease-standard);border-radius:50%;flex:none}.status-dot.amber{background:var(--amber);box-shadow:0 0 0 4px rgba(var(--amber-rgb), .09)}.status-dot.green{background:var(--green);box-shadow:0 0 0 4px rgba(var(--green-rgb),.09)}.status-dot.danger{background:var(--danger);box-shadow:0 0 0 4px rgba(var(--danger-rgb),.09)}.channel-scroll{flex:1;min-height:0;padding:14px 10px 18px;overflow:hidden auto}.channel-scroll section+section{margin-top:18px}.section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-standard);justify-content:space-between;align-items:center;padding:0 6px 6px 8px;font-weight:700;display:flex}.section-title:hover{color:var(--text-soft)}.section-title button{width:22px;height:22px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;place-items:center;display:grid}.section-title button:hover{color:var(--text-strong,#fff);background:var(--hover-bg)}.section-title{font-size:var(--fs-xs)}:root[data-density=compact] .section-title{padding-bottom:3px}.room-card{text-align:left;border-radius:var(--radius);background:0 0;border:1px solid #0000;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.room-card.active{background:rgba(var(--accent-rgb), .095);border-color:rgba(var(--accent-rgb), .18)}.room-card>span:nth-child(2){gap:2px;min-width:0;display:grid}.room-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-card strong{font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-card small{font-size:var(--fs-xs)}.room-icon{width:34px;height:34px;color:var(--violet-bright);background:rgba(var(--accent-rgb), .11);border-radius:10px;place-items:center;display:grid}.channel-row{width:100%;color:var(--muted);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:0 9px;font-weight:500;display:flex}.channel-row:hover{color:var(--text-soft);background:var(--hover-bg)}.channel-row:active{background:var(--press-bg)}.channel-row.active{color:var(--text-strong,#fff);background:var(--selected-bg)}.channel-row svg{color:var(--muted);opacity:.9;transition:color var(--dur-fast) var(--ease-standard);flex:none}.channel-row:hover svg,.channel-row.active svg{color:var(--text-soft)}.channel-row{font-size:var(--fs-lg);min-height:34px}.channel-row:has(.unread-count,.unread-dot){color:var(--text-strong);font-weight:600}.channel-row .unread-count{min-width:18px;height:18px;font-size:var(--fs-xs);background:var(--text-muted,#b5bac1);color:var(--panel);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-weight:700;line-height:1;display:inline-flex}.channel-row.notify-off>span:not(.unread-count):not(.mention-badge){opacity:.6}.channel-row>span:not([class]){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-row .notify-off-icon{opacity:.6;flex-shrink:0;margin-left:4px}:root[data-density=compact] .channel-row,:root[data-density=compact] .channel-row-wrap .channel-row{min-height:28px;padding-top:0;padding-bottom:0}.unread-dot{background:var(--text-strong);border-radius:50%;width:7px;height:7px;margin-left:auto}.avatar{color:#fff;width:32px;height:32px;font-weight:800;font-size:var(--fs-small);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.avatar.violet{background:linear-gradient(145deg,#8068ef,#bf76d7)}.avatar.blue{background:linear-gradient(145deg,#4baad4,#6478e7)}.avatar.speaking-ring{box-shadow:0 0 0 2px var(--speaking), 0 0 10px rgba(var(--speaking-rgb),.55)}.avatar.own-avatar{background:0 0;border-radius:50%}.avatar.own-avatar .user-avatar{width:100%;height:100%}.avatar.own-avatar.speaking-ring{border-radius:50%}.presence{border:2px solid var(--panel);background:var(--green);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.presence.away{background:var(--amber)}.profile-bar{border-top:1px solid var(--line);background:var(--bg-sunken);align-items:center;gap:8px;min-height:68px;padding:9px 11px;display:flex}.profile-copy{flex:1;gap:1px;display:grid}.profile-copy strong{font-size:var(--fs-small)}.profile-copy small{color:var(--muted);font-size:var(--fs-xs)}.profile-copy{min-width:0}.profile-copy strong,.profile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-chip .status-dot{width:6px;height:6px}.nameplate{color:#fff;background:var(--nameplate-bg);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-weight:700;display:flex}.nameplate small{color:var(--on-dark-muted);font-weight:500}.nameplate.muted svg{color:var(--on-dark-danger)}.nameplate .voice-status-icon.muted{color:var(--on-dark-muted)}.nameplate .voice-status-icon.server-muted,.nameplate .voice-status-icon.deafened{color:var(--on-dark-danger)}.nameplate .voice-status-icon.cam{color:var(--on-dark-info)}.nameplate .voice-status-icon.weak{color:var(--on-dark-warn)}.nameplate,.nameplate small{font-size:var(--fs-small)}.nameplate .voice-status-icons{margin-left:2px}.nameplate .voice-status-live{font-size:var(--fs-2xs);line-height:13px}.participant-strip .nameplate{min-width:0;max-width:100%}.context-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;display:flex}.context-panel.hidden{display:none}.context-panel{container-type:inline-size}.panel-tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:3px;height:68px;padding:0 10px;display:flex}.panel-tabs>button:not(.icon-button){height:100%;color:var(--muted);font-size:var(--fs-small);transition:color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex;position:relative}.panel-tabs>button:not(.icon-button):hover{color:var(--text-soft)}.panel-tabs>button.active{color:var(--text-strong,#fff)}.panel-tabs>button:not(.icon-button):after{content:"";background:var(--violet);height:2px;transition:transform var(--dur) var(--ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.panel-tabs>button.active:after{transform:scaleX(1)}.transport-status.offline .status-dot{background:var(--amber);box-shadow:0 0 0 4px #ffbc6314}.transport-status.ready .status-dot{background:var(--green);box-shadow:0 0 0 4px rgba(var(--green-rgb),.09)}.room-management>p{color:var(--muted);font-size:var(--fs-small);margin:0}.managed-room{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding-top:8px;display:grid}.managed-room>div{gap:2px;min-width:0;display:grid}.managed-room strong{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.managed-room small{color:var(--muted);font-size:var(--fs-small)}.managed-room input{border:1px solid var(--line-strong);min-width:0;color:var(--text);background:var(--bg-sunken);font-size:var(--fs-small);border-radius:7px;padding:7px 8px}.managed-room button{min-width:27px;min-height:27px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);border-radius:7px;place-items:center;padding:5px;display:grid}.managed-room button.danger{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.09)}.notification-count{border:2px solid var(--bg-sunken);min-width:17px;height:17px;color:var(--on-danger);background:var(--danger-solid);font-size:var(--fs-2xs);border-radius:999px;place-items:center;padding:0 4px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.empty-sidebar-copy{color:var(--muted);line-height:1.5;font-size:var(--fs-small);margin:3px 8px}.empty-sidebar-action{text-align:left;font-size:var(--fs-small);margin:0 8px 4px;padding:2px 0}.room-choice-list{gap:7px;max-height:176px;margin:0 0 12px;display:grid;overflow-y:auto}.room-choice-list>button{border:1px solid var(--line);color:var(--text-soft);background:var(--panel);text-align:left;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);border-radius:10px;gap:3px;padding:10px 11px;display:grid}.room-choice-list>button:hover,.room-choice-list>button:focus-visible,.room-choice-list>button.selected{border-color:rgba(var(--accent-rgb),.62);color:var(--text-strong,#fff);background:rgba(var(--accent-rgb),.11)}.room-choice-list strong{font-size:var(--fs-body)}.room-choice-list small,.room-choice-list>p{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.room-choice-list.online>button{align-items:center;gap:9px;display:flex}.room-choice-list.online>button div{gap:3px;display:grid}.room-choice-list.online>p{border:1px dashed var(--line-strong);text-align:center;border-radius:10px;margin:0;padding:13px}.lan-trust-badge{font-size:var(--fs-xs);vertical-align:middle;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-weight:600;display:inline-flex}.lan-trust-badge.ok{color:var(--ok-text);background:rgba(var(--green-rgb), .1)}.lan-trust-badge.warn{color:var(--warn-text);background:rgba(var(--amber-rgb), .12)}.lan-peer-warning{border:1px solid rgba(var(--danger-rgb), .55);color:var(--danger-text);background:rgba(var(--danger-rgb), .08);border-radius:10px;align-items:center;gap:9px;padding:10px 11px;display:flex}.lan-peer-warning>svg{flex:none}.lan-peer-warning>div{flex:auto;gap:3px;min-width:0;display:grid}.lan-peer-warning strong{color:var(--text-strong,var(--text))}.lan-peer-warning>button{flex:none}.lan-peer-fingerprint{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.room-choice-list small.lan-peer-alert{color:var(--danger-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:center;gap:4px;display:inline-flex}.room-choice-list.lan-peer-list{max-height:320px}.lan-own-fingerprint{color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0 0 12px;display:flex}.lan-own-fingerprint>svg{flex:none}.channel-row-wrap{align-items:center;display:flex;position:relative}.channel-row-wrap .channel-row{flex:1;min-width:0}.channel-row-wrap .channel-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-row-wrap.active .channel-row{color:var(--text-strong,#fff);background:var(--selected-bg)}.channel-row-wrap[draggable=true],.category-title[draggable=true]{cursor:grab}.channel-row-wrap.focus-flash{border-radius:8px}.channel-row-wrap.focus-flash:after{content:"";border-radius:inherit;background:rgba(var(--accent-rgb), .38);box-shadow:0 0 0 2px var(--accent-bright);pointer-events:none;opacity:0;animation:voice-focus-flash calc(var(--loop-pulse) * 1.8) var(--ease-out) 1;position:absolute;inset:0}.channel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.channel-toolbar>small{color:var(--muted);font-size:var(--fs-small);white-space:nowrap;flex:none}.channel-search{border:1px solid var(--line);background:var(--bg-sunken);min-width:0;color:var(--muted);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;flex:1;align-items:center;gap:6px;padding:5px 8px;display:flex}.channel-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.channel-search input{min-width:0;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.channel-search input::placeholder{color:var(--muted);text-overflow:ellipsis}.channel-search button{width:20px;height:20px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;display:grid}.channel-search button:hover{color:var(--text-strong,#fff);background:var(--surface-soft)}.channel-search .search-suggestions{z-index:20;border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.channel-search .search-suggestions li{display:block}.channel-search .search-suggestions button{width:100%;height:auto;color:var(--text-soft);text-align:left;border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 8px;display:flex}.channel-search .search-suggestions button strong{font-size:var(--fs-small);color:var(--text)}.channel-search .search-suggestions button small{color:var(--muted);font-size:var(--fs-small);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-search .search-suggestions button:hover,.channel-search .search-suggestions button.active{background:var(--surface-raised)}.user-avatar{background:var(--surface-raised);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:visible;container-type:inline-size}.user-avatar .presence-dot{position:absolute;bottom:-1px;right:-1px}.user-avatar.clickable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.user-avatar-fallback.deleted-account{background:var(--panel-raised);color:var(--text-muted)}.deleted-account-name{color:var(--text-muted,inherit);font-style:italic;font-weight:600}.user-avatar-fallback{background:linear-gradient(135deg, var(--violet), var(--accent-strong));width:100%;height:100%;color:var(--on-accent,#fff);-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:42cqi;font-weight:700;line-height:1;display:grid}.presence-dot{background:var(--muted);border:2px solid var(--panel);box-sizing:content-box;width:9px;height:9px;transition:background var(--dur) var(--ease-standard);border-radius:50%}.presence-dot.online{background:var(--green)}.presence-dot.away,.presence-dot.online.away{background:var(--amber)}.presence-dot.dnd,.presence-dot.online.dnd{background:var(--danger)}.profile-name-edit{align-items:center;gap:5px;display:flex}.profile-name-edit input{border:1px solid var(--line-strong);min-width:0;color:var(--text);background:var(--bg-sunken);font-size:var(--fs-small);border-radius:8px;padding:6px 9px}.profile-name-edit button{width:26px;height:26px;color:var(--text-soft);background:var(--surface-soft);border-radius:7px;place-items:center;display:grid}.avatar-button{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-xs);border-radius:8px;align-items:center;gap:6px;padding:8px 11px;display:flex}.avatar-button:hover{color:var(--text-strong);border-color:var(--violet)}.friend-add-row{gap:7px;display:flex}.friend-add-row input{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--bg-sunken);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;outline:0;flex:1;padding:9px 11px}.friend-add-row input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.friend-add-row button{color:var(--on-accent);background:var(--accent);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;flex:none;padding:8px 14px;font-weight:600}.friend-add-row button:hover:not(:disabled){background:var(--accent-bright);color:var(--on-accent-bright)}.friend-add-row button:disabled{opacity:.5}.member-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 0;display:grid}.member-row>div:first-of-type{gap:1px;min-width:0;display:grid}.member-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row strong{font-size:var(--fs-body)}.member-row small{font-size:var(--fs-small)}.member-actions{align-items:center;gap:5px;display:flex}.member-actions button{border:1px solid var(--line);min-height:30px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-weight:500;display:flex}.member-actions button:hover{color:var(--text-strong,#fff);background:var(--panel-hover);border-color:var(--line-strong)}.member-actions button.danger{color:var(--danger-text,#ff9aaa)}.member-actions button.danger:hover{background:rgba(var(--danger-rgb),.12)}.pending-badge{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-xs);border-radius:999px;padding:5px 9px}.voice-channel-block{grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.voice-channel-block.drop-voice{background:rgba(var(--accent-rgb),.14);outline:1px dashed var(--violet-bright);outline-offset:-1px;border-radius:8px}.voice-channel-block.drop-voice-full{background:rgba(var(--danger-rgb),.1);outline:1px dashed rgba(var(--danger-rgb),.7);outline-offset:-1px;cursor:not-allowed;border-radius:8px}.voice-count{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:1px 7px;font-weight:700}.voice-live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-left:auto;box-shadow:0 0 7px #5ed78d99}.voice-occupants{grid-template-columns:minmax(0,1fr);gap:3px;padding:2px 9px 6px 34px;display:grid}.voice-occupant{color:var(--muted);align-items:center;gap:6px;display:flex}.voice-occupant>span:not([class]){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.voice-occupant.speaking{color:var(--ok-text)}.voice-occupant.speaking .user-avatar{box-shadow:0 0 0 2px var(--speaking), 0 0 8px rgba(var(--speaking-rgb),.55)}.user-avatar.clickable:hover,.user-avatar.clickable:focus-visible{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.65);outline:0}button.voice-occupant{text-align:left;cursor:pointer;width:100%;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:7px;padding:3px 5px}button.voice-occupant:hover{background:var(--hover-bg);color:var(--text-strong,#fff)}.voice-occupant{font-size:var(--fs-body)}.voice-occupant .user-avatar{transition:none}.voice-occupant[draggable=true]{cursor:grab}.voice-occupant[draggable=true]:active{cursor:grabbing}:root[data-density=compact] button.voice-occupant{padding-top:1px;padding-bottom:1px}.voice-occupant.whispering,.voice-occupant.speaking.whispering{color:var(--accent-bright)}.voice-occupant.whispering .user-avatar,.voice-occupant.speaking.whispering .user-avatar{box-shadow:0 0 0 2px var(--whisper), 0 0 8px rgba(var(--whisper-rgb),.6)}.voice-occupants>.voice-occupant{animation:slide-in-x var(--dur) var(--ease-out) backwards}.occupant-badges{flex:none;align-items:center;gap:3px;margin-left:auto;padding-left:4px;display:inline-flex}.occupant-badges .voice-status-icons{gap:3px}.occupant-badge{place-items:center;display:inline-grid}.occupant-badge.cam{color:var(--info-text)}.occupant-badge.screen{color:var(--ok-text)}.occupant-badge.watch{color:var(--accent-bright)}.profile-status{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.profile-status select{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);border-radius:8px;padding:5px 8px}.profile-status-text{color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.profile-status-text:hover{border-color:var(--line-strong)}.profile-status-edit{align-items:center;gap:5px;display:inline-flex}.profile-status-edit input{border:1px solid var(--violet);background:var(--bg-sunken);color:var(--text-strong,#fff);font-size:var(--fs-small);border-radius:8px;min-width:160px;padding:5px 8px}.profile-status-edit button,.profile-status-text button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.profile-bio{max-width:560px;color:var(--text-soft);font-size:var(--fs-small);white-space:pre-wrap;overflow-wrap:anywhere;align-items:baseline;gap:6px;margin:4px 0 0;line-height:1.5;display:flex}.profile-bio em{color:var(--muted)}.profile-bio-edit{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:5px;display:grid}.profile-bio-edit textarea{resize:vertical;border:1px solid var(--line-strong);min-height:52px;color:var(--text-strong,#fff);background:var(--bg-sunken);font-size:var(--fs-small);border-radius:8px;outline:0;padding:8px 10px;font-family:inherit;line-height:1.5}.profile-bio-edit textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.profile-bio-edit>span{align-content:start;gap:4px;display:grid}.profile-bio-edit button{width:26px;height:26px;color:var(--text-soft);background:var(--surface-raised);border-radius:8px;place-items:center;display:grid}.profile-bio-edit button:hover{color:var(--text-strong,#fff)}.gallery-tile .user-avatar{width:72px!important;height:72px!important}.category-title{padding-top:8px}.category-title .category-toggle{width:auto;height:24px;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;transition:color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:0 4px 0 0;display:inline-flex}.category-title .category-toggle svg{transition:transform var(--dur) var(--ease-out)}.category-title .category-toggle:hover{color:var(--text-strong,#fff);background:0 0}.category-title .category-toggle span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-title.drop-before,.channel-row-wrap.drop-before{box-shadow:0 -2px 0 0 var(--violet-bright)}.category-title{min-width:0}.category-title .category-toggle{min-width:0;max-width:100%}.member-list-body{gap:10px;padding:10px;display:grid}.member-group{gap:2px;display:grid}.member-group-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;padding:0 8px;font-weight:700}.member-list-row{color:var(--text-soft);cursor:pointer;font-size:var(--fs-md);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.member-list-row:active{background:var(--press-bg)}.member-list-row:hover,.member-list-row:focus-visible{color:var(--text-strong,#fff);background:var(--hover-bg);outline:none}.member-list-row:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.member-list-row.offline:hover{opacity:.85}.member-list-row.offline{opacity:.55}:root[data-density=compact] .member-list-row{gap:7px;padding:3px 8px}.voice-status-icons{flex:none;align-items:center;gap:4px;display:inline-flex}.voice-status-icon{place-items:center;display:inline-grid}.voice-status-icon svg,.nameplate .voice-status-icon svg{color:inherit}.voice-status-icon.muted{color:var(--muted)}.voice-status-icon.server-muted,.voice-status-icon.deafened{color:var(--danger,#f0524f)}.voice-status-icon.cam{color:var(--info-text)}.voice-status-icon.weak{color:var(--warn-text)}.voice-status-live{background:var(--danger-solid);color:var(--on-danger,#fff);font-size:var(--fs-2xs);letter-spacing:.04em;border-radius:4px;padding:0 4px;font-weight:800;line-height:12px;display:inline-block}.voice-status-live.has-thumb{cursor:help}.voice-limit{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:1px 7px;font-weight:700}.voice-limit.full{color:var(--danger-text);background:rgba(var(--danger-rgb), .16)}.voice-afk{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-2xs);letter-spacing:.04em;border-radius:6px;margin-left:6px;padding:1px 6px;font-weight:700}.status-menu .presence-dot.away{background:var(--amber)}.status-menu .presence-dot.dnd{background:var(--danger)}.status-menu{z-index:245;border:1px solid var(--line-strong);background:var(--panel-raised);width:288px;box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);border-radius:12px;gap:8px;padding:10px;display:grid;position:fixed}.status-menu header strong{font-size:var(--fs-body)}.profile-trigger .user-avatar{position:relative}.profile-status-line{color:var(--text-soft);font-size:var(--fs-xs)}.member-status-text{color:var(--text-soft)}.status-options{gap:2px;display:grid}.status-options .presence-dot{flex:none;position:static}.status-option-copy{flex:1;gap:1px;min-width:0;display:grid}.status-auto-note{color:var(--warn-text);font-size:var(--fs-small);margin:0}.status-text-field,.status-auto-away,.status-network{color:var(--text-soft);font-size:var(--fs-small);gap:4px;font-weight:700;display:grid}.status-network-switch{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.status-network-switch button{color:var(--text-soft);font-size:var(--fs-small);background:0 0;border-radius:6px;padding:5px 8px;font-weight:700}.status-network-switch button:hover:not(:disabled):not(.active){color:var(--text-strong);background:var(--hover-bg)}.status-network-switch button.active{color:var(--text-strong);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong)}.status-network-switch button:disabled{opacity:.55;cursor:wait}@keyframes voice-focus-flash{0%,55%{opacity:1}to{opacity:0}}@keyframes state-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.channel-text .channel-toolbar{min-height:52px;padding:0 var(--chat-pad);gap:12px}.channel-text .channel-search{border-radius:8px;min-width:110px;height:32px;padding:0 10px}.channel-text .channel-toolbar{container-type:inline-size}.channel-text .channel-toolbar>nav.channel-tabs{flex:0 auto;min-width:0}.channel-text .channel-toolbar .pin-toggle{flex:none}@container (width<=560px){.channel-tabs button:not(.active) .tab-label{display:none}.channel-tabs button:not(.active){padding:6px 9px}}.search-box{position:relative}.header-search-slot{display:contents}.header-search-slot:not(:empty)~.switcher-button{display:none}.channel-search.in-header{width:auto;min-width:104px;height:32px;transition:border-color var(--dur-fast) var(--ease-standard);flex:0 190px;margin-right:4px}.channel-search.in-header:focus-within{flex-basis:300px}.channel-search.in-header:has(input:not(:placeholder-shown)){flex-basis:300px}.channel-search.in-header .search-suggestions{width:300px;left:auto}.channel-search.in-header input{width:0}.search-hits-panel .search-chips{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;padding:8px 11px;display:flex}.search-chip{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .12);color:var(--text);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:3px;padding:2px 4px 2px 8px;display:inline-flex}.search-chip b{color:var(--accent-bright);font-weight:700}.search-chip button{width:16px;height:16px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.search-chip button:hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.search-chip-issue{background:rgba(var(--danger-rgb), .12);color:var(--danger-text,#ff9aaa);font-size:var(--fs-small);border-radius:999px;padding:2px 8px}.saved-badge{background:var(--accent-strong);min-width:15px;height:15px;color:var(--on-accent,#fff);font-size:var(--fs-xs);text-align:center;pointer-events:none;border-radius:999px;padding:0 4px;font-weight:800;line-height:15px;position:absolute;top:-3px;right:-3px}.voice-mark{color:var(--muted);opacity:.85;flex:none;margin-left:4px}.voice-password-reason{color:var(--text-soft);font-size:var(--fs-small);margin:0;line-height:1.5}.voice-password-remember{color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;align-items:center;gap:8px;display:flex}.voice-password-note{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--text-soft);font-size:var(--fs-small);border-radius:10px;align-items:flex-start;gap:8px;padding:9px 10px;line-height:1.5;display:flex}.voice-password-note svg{flex:none;margin-top:2px}.voice-password-remove{border:1px solid var(--line-strong);width:100%;color:var(--danger-text,#ff9aaa);font-size:var(--fs-small);cursor:pointer;background:0 0;border-radius:10px;padding:9px;font-weight:700}.voice-password-remove:disabled{opacity:.5;cursor:default}.channel-lock{color:var(--muted);opacity:.85;flex:none;margin-left:4px}.status-settings{gap:10px;max-width:420px;display:grid}.state-loading{gap:8px;padding:14px 12px;display:grid}.state-skeleton{background:var(--surface-soft);opacity:.75;border-radius:8px;height:30px;display:block;position:relative;overflow:hidden}.state-skeleton:after,.gif-skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--panel-hover), transparent);animation:state-shimmer var(--loop-shimmer) var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}.state-skeleton:nth-child(2){width:86%}.state-skeleton:nth-child(3){width:72%}.state-skeleton:nth-child(4){width:92%}.state-skeleton:nth-child(2):after{animation-delay:.1s}.state-skeleton:nth-child(3):after{animation-delay:.2s}.state-skeleton:nth-child(4):after{animation-delay:.3s}.state-loading-label{color:var(--muted);font-size:var(--fs-small);text-align:center}.view-fallback{flex-direction:column;flex:1;min-width:0;min-height:0;padding:14px 16px;display:flex}.view-fallback .state-loading{width:100%;max-width:640px}.state-error{border:1px solid rgba(var(--danger-rgb),.16);color:var(--danger-text);background:rgba(var(--danger-rgb),.08);font-size:var(--fs-small);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 12px;padding:10px 11px;display:flex}.state-error>span{overflow-wrap:anywhere;flex:160px;min-width:0}.state-error>button{color:var(--text-strong,#fff);background:var(--surface-soft);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.state-error>button:hover:not(:disabled){background:var(--surface-raised,var(--surface-soft))}.state-error>button:disabled{opacity:.55;cursor:default}@container (width<=420px){.panel-tabs>button:not(.active):not(.icon-button) .tab-label{display:none}}@media (width<=1080px){.server-header,.meeting-header,.panel-tabs{height:60px;min-height:60px}}@media (width<=1240px){.nameplate small{display:none}}.hub-offline-banner{border:1px solid rgba(var(--danger-rgb), .4);color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb), .1);font-size:var(--fs-small);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 10px 0;padding:8px 10px;line-height:1.35;display:flex}.hub-offline-banner svg{flex:none}.hub-offline-banner span{flex:140px;min-width:0}.hub-offline-banner button{color:var(--text-strong,#fff);background:var(--surface-soft);font-size:inherit;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.hub-offline-banner button:hover:not(:disabled){background:var(--surface-raised)}.hub-offline-banner button:disabled{opacity:.6;cursor:default}.claim-banner{border:1px solid rgba(var(--amber-rgb), .4);color:var(--amber);background:rgba(var(--amber-rgb), .1);font-size:var(--fs-small);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 10px 0;padding:8px 10px;line-height:1.35;display:flex}.claim-banner svg{flex:none}.claim-banner span{flex:140px;min-width:0}.claim-banner button{color:var(--text-strong,#fff);background:var(--surface-soft);font-size:inherit;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.claim-banner button:hover:not(:disabled){background:var(--surface-raised)}.claim-banner button:disabled{opacity:.6;cursor:default}.section-title-end{align-items:center;gap:6px;display:inline-flex}.state-loading,.view-fallback{animation:delayed-in var(--dur) var(--ease-standard) .15s backwards}.context-panel>:not(.panel-tabs){animation:slide-in-x var(--dur) var(--ease-out) backwards}.unread-dot,.mention-badge{animation:chip-in var(--dur) var(--ease-spring) backwards}@keyframes badge-pop{0%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:none}}.unread-count,.server-mention-badge{animation:badge-pop var(--dur-slow) var(--ease-spring) backwards}.view-fallback .state-loading{animation:none}.context-panel.closing{z-index:20;width:min(var(--panel-w,334px), 32vw);pointer-events:none;animation:ghost-fade-out var(--dur-fast) var(--ease-in) forwards;position:absolute;top:0;bottom:0;right:0}.context-panel.closing>:not(.panel-tabs){animation:slide-out-x var(--dur-fast) var(--ease-in) forwards}@keyframes slide-out-x{to{opacity:0;transform:translate(8px)}}@media (width<=1240px){.context-panel.closing{width:min(var(--panel-w,334px), 300px)}}@media (width<=1080px){.context-panel.closing{width:min(var(--panel-w,334px), 270px)}}@media (width<=1023px){.context-panel.closing{display:none}}.panel-tabs{position:relative}.panel-tabs[data-glider]:before{width:calc(var(--tab-w) - 16px);background:var(--violet);height:2px;transform:translate(calc(var(--tab-x) + 8px), calc(var(--tab-y) + var(--tab-h) - 2px));border-radius:2px 2px 0 0}.panel-tabs[data-glider]>button:not(.icon-button):after{display:none}.permission-banner{border:1px solid rgba(var(--cyan-rgb),.11);background:rgba(var(--cyan-rgb),.045);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.permission-banner div{gap:2px;display:grid}.permission-banner strong{font-size:var(--fs-body)}.permission-banner div span{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.permission-banner button{border:1px solid rgba(var(--cyan-rgb),.15);color:var(--cyan);background:rgba(var(--cyan-rgb),.06);font-size:var(--fs-small);border-radius:8px;padding:7px 10px;font-weight:700}.files-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-transport-status{border:1px solid rgba(var(--accent-rgb),.14);color:var(--muted);background:rgba(var(--accent-rgb),.035);border-radius:10px;align-items:flex-start;gap:8px;margin:12px 12px 0;padding:9px;display:flex}.chat-transport-status.ready{border-color:rgba(var(--cyan-rgb),.24);color:var(--cyan);background:rgba(var(--cyan-rgb),.04)}.chat-transport-status>div{gap:2px;min-width:0;display:grid}.chat-transport-status strong{color:var(--text);font-size:var(--fs-small)}.chat-transport-status small{line-height:1.4}.message-list{overflow-anchor:none;flex:1;min-height:0;padding:12px;overflow:hidden auto}.message-list .empty-chat p{font-size:var(--fs-small)}.chat-message{transition:background var(--dur-fast) var(--ease-standard);grid-template-columns:29px minmax(0,1fr);gap:8px;margin-bottom:15px;display:grid}.chat-message.local{grid-template-columns:minmax(0,1fr) 29px}.chat-message.local .chat-avatar{order:2}.chat-message.local .chat-message-body{text-align:right;order:1}.chat-message.local header{justify-content:flex-end}.chat-message header{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.chat-message strong{font-size:var(--fs-small)}.chat-message time{color:var(--muted);font-size:var(--fs-small)}.chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text-soft);font-size:var(--fs-small);margin:0;line-height:1.55}.chat-message:hover .reaction-palette,.chat-message:focus-within .reaction-palette{display:inline-flex}.chat-message header .message-actions{align-items:center;gap:2px;margin-left:4px;display:none}.chat-message:hover header .message-actions,.chat-message:focus-within header .message-actions{display:inline-flex}.chat-message.local .reply-quote{margin-left:auto}.chat-message.local .link-preview,.chat-message.local .gif-preview,.chat-message.local .dm-file,.chat-message.local .md-codeblock,.chat-message.local .md-quote{text-align:left;margin-left:auto}.chat-message.local .edit-box textarea{text-align:left}.chat-message.local .chat-avatar-wrap{order:2}.chat-message.muted-message{opacity:.6;font-size:var(--fs-body);padding:2px 0;font-style:italic}.chat-message.muted-message>span{align-items:baseline;gap:4px;display:inline-flex}.chat-avatar{width:29px;height:29px;font-size:var(--fs-small);border-radius:10px;place-items:center;font-weight:800;display:grid}.chat-avatar.violet{color:#e2dcff;background:#9b87f52e}.chat-avatar.blue{color:#d3f5f2;background:#62d6d024}:root[data-theme=light] .chat-avatar.violet{color:var(--accent-strong);background:rgba(var(--accent-rgb), .16)}:root[data-theme=light] .chat-avatar.blue{color:#0b6b66;background:rgba(var(--cyan-rgb), .22)}.empty-chat{text-align:center;place-content:center;justify-items:center;gap:7px;min-height:100%;padding:24px 8px;display:grid}.empty-chat>span{width:56px;height:56px;color:var(--violet-bright);background:radial-gradient(circle at 30% 25%, rgba(var(--accent-rgb),.26), rgba(var(--accent-rgb),.08) 70%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18);border-radius:18px;place-items:center;margin-bottom:2px;display:grid}.empty-chat strong{color:var(--text-strong);font-size:var(--fs-lg)}.empty-chat p{max-width:260px;color:var(--muted);font-size:var(--fs-body);margin:0;line-height:1.55}.empty-chat small{color:var(--cyan);font-size:var(--fs-small);align-items:center;gap:5px;display:flex}.composer{border-top:1px solid var(--line);padding:10px 12px 13px}.composer>small{min-height:20px;color:var(--muted);font-size:var(--fs-small);justify-content:space-between;gap:8px;padding-top:6px;display:flex}.composer-box{border:1px solid var(--line-strong);background:var(--bg-sunken);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:12px;align-items:flex-end;gap:4px;padding:6px;display:flex}.composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *){width:32px;height:32px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *):active:not(:disabled){transform:scale(.92)}.composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *):hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.composer-box textarea{resize:none;width:100%;min-width:0;color:var(--text-strong,#fff);font-size:var(--fs-md);background:0 0;border:0;outline:0;flex:auto;padding:7px 4px;line-height:1.4}.composer-box textarea::placeholder{color:var(--muted)}.composer-box .send-button{color:var(--on-accent-bright);background:var(--violet-bright)}.composer-box:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.composer-lock{height:32px;color:var(--muted);place-items:center;display:grid}.chat-error{color:var(--danger-text,#ff9aaa);font-size:var(--fs-small);align-items:center;gap:5px;margin:0 0 7px;line-height:1.35;display:flex}.channel-view .message-list{padding:16px 18px}.channel-view .composer{border-top:1px solid var(--line)}.channel-view .chat-message.grouped{margin-top:0}.channel-view .chat-message:hover{background:rgba(var(--fg-rgb), .035)}.channel-view .chat-message.mentions-me:hover{background:rgba(var(--accent-rgb), .15)}.channel-view .chat-message.grouped .chat-avatar-wrap{height:0;overflow:hidden}.channel-view .chat-message.grouped .chat-message-body{position:relative}.channel-view .chat-message.grouped header{z-index:2;border:1px solid var(--line);background:var(--panel);border-radius:7px;margin:0;padding:1px 5px;display:none;position:absolute;top:-9px;right:0}.channel-view .chat-message.muted-message{padding:2px 8px}.reaction-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;display:flex}.reaction-pill{min-height:26px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-spring);border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:2px 8px;font-weight:600;display:inline-flex}.reaction-pill span{font-size:var(--fs-lg);line-height:1}.reaction-pill:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-hover)}.reaction-pill:active:not(:disabled){transform:scale(.94)}.reaction-pill.own:hover:not(:disabled){border-color:var(--violet)}.reaction-pill.own{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.14);color:var(--text-strong,#fff)}.reaction-palette{gap:2px;display:none}.reaction-palette button{width:26px;height:26px;font-size:var(--fs-lg);filter:grayscale();opacity:.7;transition:filter var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard), transform var(--dur) var(--ease-spring), background var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;place-items:center;line-height:1;display:grid}.reaction-palette button:hover{background:var(--surface-soft);filter:none;opacity:1;transform:scale(1.15)}.reaction-palette.open{display:inline-flex}.reaction-palette .emoji-anchor button{filter:none}.composer-attach{height:32px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.composer-attach:hover:not(:disabled){color:var(--text-strong,#fff);background:var(--surface-raised)}.composer-attach:disabled{opacity:.45}.attachment-chip{border:1px solid var(--line-strong);max-width:100%;color:var(--text-soft);background:var(--bg-sunken);text-align:left;border-radius:10px;align-items:center;gap:8px;margin-top:2px;padding:8px 10px;display:flex}.attachment-chip:hover{border-color:var(--violet);color:var(--text-strong,#fff)}.attachment-chip>span{gap:1px;min-width:0;display:grid}.attachment-chip strong{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip small{color:var(--muted);font-size:var(--fs-small)}.attachment-chip svg{color:var(--muted);flex:none}.attachment-video{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:10px;gap:6px;width:min(420px,100%);max-width:100%;margin-top:4px;padding:8px;display:grid}.attachment-video-player{background:#000;border-radius:6px;width:100%;max-height:320px;display:block}.attachment-video-row{align-items:center;gap:8px;min-width:0;display:flex}.attachment-video-play{width:40px;height:40px;color:var(--text-strong,#fff);background:var(--violet);border-radius:50%;flex:none;place-items:center;display:inline-grid}.attachment-video-play:hover:not(:disabled){filter:brightness(1.12)}.attachment-video-play:disabled{opacity:.7;cursor:default}.attachment-video-play:focus-visible,.attachment-video-download:focus-visible{outline:2px solid var(--violet-bright,var(--violet));outline-offset:2px}.attachment-video-meta{flex:1;gap:1px;min-width:0;display:grid}.attachment-video-meta strong{font-size:var(--fs-xs);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-video-meta small{color:var(--muted);font-size:var(--fs-small)}.attachment-video-download{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;display:inline-grid}.attachment-video-download:hover{color:var(--text-strong,#fff);background:var(--hover-bg)}.attachment-video-status{color:var(--muted);font-size:var(--fs-xs)}.attachment-video-error{color:var(--danger-text);font-size:var(--fs-xs)}.attachment-video .spin{animation:voice-spin var(--loop-spin) linear infinite}@media (prefers-reduced-motion:reduce){.attachment-video .spin{animation:none}}.friends-panel .empty-chat{flex:1}.hub-load-button{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--panel);font-size:var(--fs-small);transition:border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:10px;align-items:center;gap:7px;margin:0 0 12px;padding:9px 13px;font-weight:600;display:inline-flex}.hub-load-button:hover:not(:disabled),.hub-load-button:focus-visible{border-color:rgba(var(--accent-rgb),.62);color:var(--text-strong,#fff)}.hub-load-button:disabled{opacity:.55}.day-separator{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:10px;margin:10px 0 4px;font-weight:600;display:flex}.day-separator:before,.day-separator:after{content:"";background:var(--line);flex:1;height:1px}.day-separator{text-transform:none;letter-spacing:0}.pending-message{border:1px dashed var(--line-strong);color:var(--text-soft);font-size:var(--fs-xs);opacity:.85;border-radius:10px;align-items:center;gap:9px;margin:4px 0 0 40px;padding:7px 10px;display:flex}.pending-message.failed{border-color:rgba(var(--danger-rgb),.5)}.pending-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pending-state{color:var(--muted);font-size:var(--fs-small);flex:none;font-style:italic}.pending-state.failed{color:var(--danger-text,#ff9aaa);font-style:normal;font-weight:700}.pending-actions{align-items:center;gap:6px;display:inline-flex}.pending-actions button{border:1px solid var(--line-strong);color:var(--text-soft);font-size:var(--fs-small);background:0 0;border-radius:7px;padding:4px 8px;font-weight:700}.pending-actions button:hover{color:var(--text-strong,#fff);border-color:rgba(var(--accent-rgb),.6)}.pending-actions button.danger:hover{color:var(--danger-text,#ff9aaa);border-color:rgba(var(--danger-rgb),.5)}.chat-message-body p{font-size:var(--fs-md);line-height:1.55}.chat-message-body header strong{font-size:var(--fs-body)}.chat-message-body header time{font-size:var(--fs-small)}.chat-message-body p.link-preview-description{-webkit-line-clamp:3;color:var(--text-soft);font-size:var(--fs-body);-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.attachment-image{border:1px solid var(--line-strong);cursor:zoom-in;max-width:min(340px,100%);transition:border-color var(--dur-fast) var(--ease-standard), transform var(--dur) var(--ease-out);background:#000;border-radius:10px;margin-top:4px;padding:0;display:block;overflow:hidden}.attachment-image:hover{border-color:var(--violet);box-shadow:var(--shadow-md);transform:translateY(-1px)}.channel-tabs{border:1px solid var(--line);background:var(--bg-sunken);border-radius:10px;gap:3px;padding:3px;display:flex}.channel-tabs button{color:var(--muted);font-size:var(--fs-small);white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-weight:600;display:inline-flex}.channel-tabs button:active{background:var(--press-bg)}.channel-tabs button:hover{color:var(--text-strong,#fff);background:var(--hover-bg)}.channel-tabs button.active{color:var(--text-strong,#fff);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.message-actions button{color:var(--muted);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;align-items:center;gap:3px;padding:2px 5px;font-weight:600;display:inline-flex}.message-actions button:hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.message-actions button.danger:hover{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.12)}.message-actions button.danger.armed{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.16)}.edited-marker{color:var(--muted);font-size:var(--fs-small)}.deleted-message{color:var(--muted);font-size:var(--fs-small);margin:0;font-style:italic}.message-highlight .chat-message{outline:1px solid rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08);transition:background var(--dur-slow) var(--ease-standard);border-radius:10px}.chat-message.mentions-me{border-left:2px solid var(--violet-bright);background:rgba(var(--accent-rgb), .1)}.channel-view .chat-message{border-radius:8px;margin:10px 0 0;padding:3px 8px}.reply-quote{border-left:2px solid var(--violet);max-width:100%;color:var(--muted);background:rgba(var(--accent-rgb),.07);font-size:var(--fs-small);text-align:left;border-radius:6px;align-items:center;gap:6px;margin:0 0 4px;padding:4px 8px;display:flex}.reply-quote strong{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--text-soft);flex:0 auto;overflow:hidden}.reply-quote span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-quote:hover{color:var(--text-soft);background:rgba(var(--accent-rgb),.13)}.reply-quote.muted-quote{opacity:.7;cursor:default;font-style:italic}.reply-banner{border:1px solid rgba(var(--accent-rgb),.3);color:var(--text-soft);background:rgba(var(--accent-rgb),.08);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:7px;margin:0 0 7px;padding:6px 9px;display:flex}.reply-banner span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reply-banner button{width:20px;height:20px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;display:grid}.reply-banner button:hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.edit-box{gap:3px;display:grid}.edit-box textarea{resize:vertical;border:1px solid rgba(var(--accent-rgb),.4);width:100%;min-height:40px;color:var(--text-strong,#fff);background:var(--bg-sunken);font-size:var(--fs-body);border-radius:8px;outline:0;padding:7px 9px;line-height:1.45}.edit-box small{color:var(--muted);font-size:var(--fs-small)}.edit-box textarea:focus,.wb-text-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.typing-line{color:var(--text-soft);font-style:italic}.typing-line:not(:empty){animation:fade-in var(--dur) var(--ease-out)}.typing-line:not(:empty):before{content:"";vertical-align:middle;opacity:.45;width:18px;height:6px;animation:typing-pulse var(--loop-pulse) var(--ease-in-out) infinite alternate;background:radial-gradient(circle,currentColor 2.2px,#0000 2.6px) 0/6px 6px repeat-x;margin-right:6px;display:inline-block}@keyframes typing-pulse{to{opacity:1}}.chat-avatar-wrap{place-items:center;width:29px;height:29px;display:grid}:root[data-density=compact] .chat-avatar-wrap{margin-top:0}.chat-jump{border:1px solid var(--violet-bright,var(--accent-bright));background:color-mix(in srgb, var(--accent) 16%, var(--panel));color:var(--text-strong,#fff);font-size:var(--fs-body);box-shadow:var(--shadow-md);animation:pop-in-up var(--dur-slow) var(--ease-spring);transition:background var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:999px;flex:none;align-self:center;margin:6px 12px;padding:8px 16px;font-weight:600}.chat-jump:hover{background:color-mix(in srgb, var(--accent) 28%, var(--panel))}.chat-jump:active{scale:.97}.mention{color:var(--violet-bright);background:rgba(var(--accent-rgb), .16);transition:background var(--dur-fast) var(--ease-standard);border-radius:4px;padding:0 3px;font-weight:600}.mention:hover{background:rgba(var(--accent-rgb), .3)}.mention.self{color:var(--on-accent-bright);background:var(--violet-bright)}.mention.mention-special{border-radius:999px;padding:0 6px}.mention.mention-here,.mention.mention-all{color:var(--violet-bright);background:rgba(var(--accent-rgb), .22)}:root[data-theme=light] .mention:not(.self):not([style]):not(.unread-count):not(.quick-switch-badge){color:var(--accent-strong)}.chat-link{color:var(--info-text);text-underline-offset:2px;cursor:copy;word-break:break-all;text-decoration:underline}.mention-badge{min-width:16px;height:16px;color:var(--on-danger,#fff);background:var(--danger-solid);font-size:var(--fs-xs);border-radius:8px;place-items:center;margin-left:auto;padding:0 4px;font-weight:700;display:grid}.mention-popup{border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-md);animation:pop-in-up var(--dur-fast) var(--ease-out);border-radius:10px;margin:0 0 4px;padding:4px;list-style:none}.mention-popup li{color:var(--muted);font-size:var(--fs-body);cursor:pointer;border-radius:7px;padding:5px 8px}.mention-popup li.active,.mention-popup li:hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.mention-popup li small{color:var(--muted);font-size:var(--fs-small)}.image-lightbox{z-index:1000;animation:fade-in var(--dur) var(--ease-standard);-webkit-app-region:no-drag;app-region:no-drag;background:#000000e0;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;padding:16px 16px 10px;display:grid;position:fixed;inset:0}:is(body:has(.image-lightbox) .context-menu,body:has(.image-lightbox) .toast){z-index:1010}.image-viewer-stage{touch-action:none;cursor:default;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.image-viewer-stage img{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:zoom-in;will-change:transform;border-radius:4px;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.image-viewer-stage img.loading{visibility:hidden}.image-viewer-stage img.pixelated{image-rendering:pixelated}.image-viewer-stage.zoomed img{cursor:grab}.image-viewer-stage.dragging img,.image-viewer-stage.dragging{cursor:grabbing}.image-lightbox footer{color:#fff;min-width:0;font-size:var(--fs-body);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.image-lightbox footer button{color:#fff;background:#ffffff29;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.image-lightbox footer button:hover:not(:disabled){background:#ffffff42}.image-lightbox footer button:disabled{opacity:.4;cursor:default}.image-lightbox footer .icon-button{justify-content:center;padding:6px}.image-viewer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(40vw,420px);overflow:hidden}.image-viewer-tools{align-items:center;gap:4px;display:inline-flex}.image-lightbox footer .image-viewer-percent{font-variant-numeric:tabular-nums;justify-content:center;min-width:64px}.image-viewer-hint{color:#ffffff8c;font-size:var(--fs-small);justify-self:center}.channel-drop-zone{border-radius:8px;min-width:0;min-height:8px;position:relative}.channel-drop-zone.drop-into{background:rgba(var(--fg-rgb),.045);outline:1px dashed rgba(var(--fg-rgb),.28);outline-offset:-1px}.channel-row .unread-count.mention{background:var(--danger-solid);color:var(--on-danger,#fff)}.channel-row .unread-count.quiet{color:var(--text-muted,#b5bac1);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb), .3);opacity:.75;background:0 0;font-weight:600}.channel-row .mention-badge.quiet,.mention-badge.quiet{color:var(--text-muted,#b5bac1);box-shadow:inset 0 0 0 1px rgba(var(--fg-rgb), .3);opacity:.75;background:0 0}.chat-notice{font-size:var(--fs-body);color:var(--muted,#9aa4b2);margin:0 0 6px;padding:4px 8px}.emoji-anchor{flex:none;display:inline-flex;position:relative}.emoji-picker{z-index:120;border:1px solid var(--line-strong);background:var(--surface-raised,#181822);width:336px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);text-align:left;animation:pop-in var(--dur) var(--ease-out);border-radius:12px;flex-direction:column;display:flex;position:fixed}.emoji-picker button{width:auto;height:auto}.emoji-picker .emoji-cell{aspect-ratio:1;font-size:var(--fs-2xl);filter:none;opacity:1;transition:background var(--dur-fast) var(--ease-standard), transform var(--dur) var(--ease-spring), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;place-items:center;padding:0;line-height:1;display:grid}.emoji-picker .emoji-cell:hover{transform:scale(1.12)}.emoji-picker .emoji-cell:hover,.emoji-picker .emoji-cell:focus-visible{background:var(--surface-soft);box-shadow:0 0 0 2px var(--violet-bright) inset;outline:0}.emoji-picker .emoji-manage-button{color:var(--text-strong,#fff);background:var(--surface-soft);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;display:inline-flex}.emoji-picker .emoji-manage-button:hover:not(:disabled){background:var(--surface-raised,#223)}.emoji-picker .emoji-manage-button:disabled{opacity:.45}.emoji-search{border:1px solid var(--line-strong);color:var(--muted);background:var(--bg-sunken);border-radius:8px;align-items:center;gap:6px;margin:8px 8px 4px;padding:0 8px;display:flex}.emoji-search:focus-within,.gif-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.emoji-search input{min-width:0;height:30px;color:var(--text-strong,#fff);font-size:var(--fs-md);background:0 0;border:0;outline:0;flex:auto}.emoji-tabs{border-bottom:1px solid var(--line);gap:2px;padding:2px 8px 4px;display:flex;overflow-x:auto}.emoji-tabs button{min-width:28px;height:28px;color:var(--muted);font-size:var(--fs-lg);background:0 0;border-radius:8px;place-items:center;padding:0 4px;line-height:1;display:grid}.emoji-tabs button:hover{background:var(--surface-soft);color:var(--text-strong,#fff)}.emoji-tabs button.active{background:rgba(var(--accent-rgb), .22);color:var(--text-strong,#fff)}.emoji-tab-image{object-fit:contain;width:18px;height:18px}.emoji-body{min-height:120px;max-height:260px;padding:6px 8px 8px;overflow-y:auto}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-cell-image{object-fit:contain;width:24px;height:24px}.emoji-empty{color:var(--muted);font-size:var(--fs-small);text-align:center;margin:14px 4px}.emoji-manager-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.emoji-manager-head span{color:var(--muted);font-size:var(--fs-small);margin-left:auto}.emoji-manager-list{flex-direction:column;gap:2px;max-height:120px;margin:0 0 8px;padding:0;list-style:none;display:flex;overflow-y:auto}.emoji-manager-list li{border-radius:7px;align-items:center;gap:8px;padding:2px 4px;display:flex}.emoji-manager-list li code{text-overflow:ellipsis;min-width:0;font-size:var(--fs-small);flex:auto;overflow:hidden}.emoji-manager-confirm{gap:4px;display:inline-flex}.emoji-manager-confirm button{background:var(--surface-soft);color:var(--text-strong,#fff);font-size:var(--fs-small);border-radius:7px;padding:3px 8px}.emoji-manager-form{font-size:var(--fs-small);color:var(--text-soft);flex-direction:column;gap:6px;display:flex}.emoji-manager-form label{flex-direction:column;gap:3px;display:flex}.emoji-manager-hint{color:var(--muted);margin:0}.emoji-manager-error{color:var(--danger-text);margin:0}.custom-emoji{vertical-align:-5px;object-fit:contain;width:22px;height:22px;margin:0 1px;display:inline-block}.custom-emoji.reaction{vertical-align:-3px;width:16px;height:16px;margin:0}.moderation-reason{font-size:var(--fs-small);color:var(--text-soft);gap:4px;margin-top:10px;display:grid}.moderation-reason input{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.moderation-reason select{width:100%}.link-preview{border:1px solid var(--line-strong);border-left:3px solid var(--violet-bright);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;max-width:460px;margin-top:6px;padding:10px 12px;display:flex}.link-preview-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.link-preview-site{color:var(--muted);font-size:var(--fs-small)}.link-preview-title{color:var(--violet-bright);font-size:var(--fs-md);overflow-wrap:anywhere;align-items:center;gap:5px;font-weight:700;line-height:1.35;text-decoration:none;display:inline-flex}.link-preview-title:hover,.link-preview-title:focus-visible{text-decoration:underline}.link-preview-image{object-fit:cover;background:var(--bg-sunken);border-radius:6px;flex:none;width:96px;height:96px}.link-preview-watch{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;font-weight:700;display:inline-flex}.link-preview-watch:hover:not(:disabled){color:var(--text-strong,#fff);border-color:var(--violet-bright)}.link-preview-watch:disabled{opacity:.6;cursor:default}.link-preview-error{color:var(--danger-text)}.gif-preview{max-width:320px;margin:6px 0 0}.gif-toggle{font-size:var(--fs-small);letter-spacing:.04em;padding:0 8px;font-weight:800}.gif-picker{z-index:120;border:1px solid var(--line-strong);background:var(--surface);width:340px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);animation:pop-in-up var(--dur) var(--ease-out);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:40px;left:0}.gif-search{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;display:flex}.gif-search input{min-width:0;color:var(--text);font:inherit;font-size:var(--fs-md);background:0 0;border:0;outline:0;flex:1}.gif-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:6px;max-height:320px;display:grid;overflow-y:auto}.gif-tile{background:var(--surface-soft);cursor:pointer;width:100%;transition:transform var(--dur) var(--ease-out), scale var(--dur-fast) var(--ease-out);border:0;border-radius:6px;padding:0;display:block;overflow:hidden}.gif-tile:hover{transform:scale(1.02)}.gif-tile:hover,.gif-tile:focus-visible{outline:2px solid var(--violet-bright);outline-offset:-2px}.gif-tile-loading{width:100%;height:100%;min-height:60px;display:block}.gif-skeleton{background:var(--surface-soft);opacity:.75;border-radius:6px;height:84px;display:block;position:relative;overflow:hidden}.gif-skeleton:nth-child(3n+2){height:108px}.gif-skeleton:nth-child(3n+2):after{animation-delay:.1s}.gif-skeleton:nth-child(3n):after{animation-delay:.2s}.gif-empty{color:var(--muted);font-size:var(--fs-body);text-align:center;grid-column:1/-1;margin:10px 0}.gif-footer{color:var(--muted);font-size:var(--fs-small);justify-content:space-between;align-items:center;display:flex}.gif-footer button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;border-radius:8px;padding:4px 10px}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text-soft);font-size:var(--fs-md);margin:0;line-height:1.55}.message-text strong.md-bold{font-size:inherit;color:var(--text-strong,#fff);font-weight:700}.message-text em{font-style:italic}.message-text s{opacity:.75}.message-text .custom-emoji{vertical-align:middle}.md-code{border:1px solid var(--line);background:var(--bg-sunken);white-space:pre-wrap;border-radius:5px;padding:1px 5px;font:.86em/1.4 Cascadia Mono,Consolas,monospace}.md-quote{border-left:3px solid var(--line-strong);color:var(--text-soft,#b8b5c6);text-align:left;margin:3px 0;padding:1px 0 1px 10px}.md-codeblock{border:1px solid var(--line);background:var(--bg-sunken);text-align:left;border-radius:8px;margin:4px 0;overflow:hidden}.md-codeblock pre{white-space:pre;color:var(--text-soft);font:var(--fs-body)/1.5 "Cascadia Mono", Consolas, monospace;margin:0;padding:8px 10px;overflow-x:auto}.md-codeblock-head{border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;display:flex}.md-codeblock-head button{color:var(--muted);font-size:var(--fs-small);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.md-codeblock-head button:hover{color:var(--text-strong,#fff);background:var(--surface-raised)}.md-spoiler:not(.revealed){background:rgba(var(--fg-rgb), .2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-standard);border-radius:4px}.md-spoiler:not(.revealed):hover{background:rgba(var(--fg-rgb), .28)}.md-spoiler:not(.revealed)>span{visibility:hidden}.md-spoiler.revealed{background:rgba(var(--fg-rgb), .08);border-radius:4px}.new-messages-divider{animation:fade-in var(--dur-slow) var(--ease-out);color:var(--danger-text);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:12px 0 2px;font-weight:700;display:flex}.new-messages-divider:before,.new-messages-divider:after{content:"";background:rgba(var(--danger-rgb), .55);flex:1;height:1px}.unread-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--accent) 16%, var(--panel));color:var(--text-strong,#fff);font-size:var(--fs-body);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;display:flex}.unread-bar-actions{gap:6px;display:inline-flex}.unread-bar-actions button{border:1px solid rgba(var(--accent-rgb), .5);color:color-mix(in srgb, var(--accent-bright) 80%, var(--text-strong,#fff));font-size:var(--fs-small);background:0 0;border-radius:999px;padding:3px 10px;font-weight:700}.unread-bar-actions button:hover{color:var(--text-strong,#fff);background:rgba(var(--accent-rgb), .22)}.drop-overlay{z-index:30;border:2px dashed var(--violet-bright);background:color-mix(in srgb, var(--panel) 88%, transparent);pointer-events:none;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}.pending-attachment{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:10px;gap:7px;margin:0 0 8px;padding:9px;display:grid}.pending-attachment>input{border:1px solid var(--line);width:100%;color:var(--text-strong,#fff);background:var(--surface);font-size:var(--fs-small);border-radius:8px;outline:0;padding:7px 9px}.pending-attachment>input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.pending-attachment-preview{align-items:center;gap:10px;min-width:0;display:flex}.pending-attachment-icon{width:44px;height:44px;color:var(--muted);background:var(--surface-raised);border-radius:8px;flex:none;place-items:center;display:grid}.pending-attachment-meta{flex:1;min-width:0;display:grid}.pending-attachment-close{width:24px;height:24px;color:var(--muted);background:0 0;border-radius:7px;flex:none;place-items:center;display:grid}.pending-attachment-close:hover:not(:disabled){color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb), .1)}.pending-attachment-actions{justify-content:flex-end;gap:6px;display:flex}.pending-attachment-actions button{color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-weight:700;display:inline-flex}.pending-attachment-actions button.primary{color:var(--on-accent-bright);background:var(--violet-bright)}.pending-attachment-actions button:disabled{opacity:.6}.channel-text{--chat-pad:16px;--chat-avatar:40px;--chat-gap:16px;--chat-measure:520px}.channel-text .channel-search input{font-size:var(--fs-body)}.channel-text .unread-bar{padding:6px var(--chat-pad)}.channel-text .message-list{padding:8px 0 12px}.channel-text .message-list>.chat-error{margin:0 var(--chat-pad) 8px}.channel-text .day-separator{margin:16px var(--chat-pad) 0}.channel-text .new-messages-divider{margin:12px var(--chat-pad) 0}.channel-text .chat-message,.channel-text .chat-message.local{grid-template-columns:var(--chat-avatar) minmax(0, 1fr);column-gap:var(--chat-gap);padding:2px var(--chat-pad);border-radius:0;align-items:start;margin:16px 0 0;display:grid;position:relative}.channel-text .day-separator+div>.chat-message,.channel-text .new-messages-divider+div>.chat-message{margin-top:8px}.channel-text .chat-message.grouped{margin-top:2px}.channel-text .chat-message:hover{background:var(--hover-bg)}.channel-text .chat-message.mentions-me,.channel-text .chat-message.mentions-me:hover{box-shadow:inset 2px 0 0 var(--violet-bright);border-left:0}.channel-text .chat-message.mentions-me{background:rgba(var(--accent-rgb), .1)}.channel-text .chat-message.mentions-me:hover{background:rgba(var(--accent-rgb), .15)}.channel-text .chat-message.local .chat-avatar-wrap{order:0}.channel-text .chat-message.local .chat-message-body{text-align:left;order:0}.channel-text .chat-message.local .reply-quote,.channel-text .chat-message.local .poll-block,.channel-text .chat-message.local .link-preview,.channel-text .chat-message.local .gif-preview,.channel-text .chat-message.local .md-codeblock,.channel-text .chat-message.local .md-quote{margin-left:0}.channel-text .chat-avatar-wrap{width:var(--chat-avatar);height:var(--chat-avatar);margin-top:2px}.channel-text .chat-message.grouped .chat-avatar-wrap{height:0;margin:0;overflow:hidden}.channel-text .chat-message-body,.channel-text .chat-message.grouped .chat-message-body{overflow-wrap:anywhere;min-width:0;position:static}.channel-text .chat-message header,.channel-text .chat-message.local header{justify-content:flex-start;align-items:baseline;gap:8px;margin:0 0 2px;display:flex}.channel-text .chat-message-body header strong{color:var(--text);font-size:var(--fs-lg);font-weight:700}.channel-text .chat-message-body header time{color:var(--muted);font-size:var(--fs-small)}.channel-text .message-text,.channel-text .chat-message-body p{font-size:var(--fs-lg);line-height:1.5}.channel-text .chat-message-body .deleted-message,.channel-text .chat-message-body p.e2e-unreadable{font-size:var(--fs-md)}.channel-text .reaction-row{margin-top:4px}.channel-text .chat-message.grouped header,.channel-text .chat-message.grouped:hover header,.channel-text .chat-message.grouped:focus-within header{display:contents}.channel-text .chat-message.grouped header time{top:2px;left:var(--chat-pad);width:var(--chat-avatar);font-size:var(--fs-xs);text-align:center;line-height:21px;display:none;position:absolute}.channel-text .chat-message.grouped:hover header time,.channel-text .chat-message.grouped:focus-within header time{display:block}.channel-view .chat-message.grouped header .role-badge{display:none}.channel-text .chat-message.grouped:before{content:"";top:-3px;bottom:3px;left:calc(var(--chat-pad) + var(--chat-avatar) / 2 - 1px);background:var(--line-strong);pointer-events:none;width:2px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:999px;position:absolute}.channel-text .chat-message.grouped:hover:before,.channel-text .chat-message.grouped:focus-within:before{opacity:0}.channel-text .chat-message .message-actions{top:-14px;right:var(--chat-pad);z-index:3;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:2px;margin:0;padding:2px;display:none;position:absolute}.channel-text .chat-message:hover .message-actions,.channel-text .chat-message:focus-within .message-actions{display:inline-flex}:is(.channel-text .chat-message:hover:not(:has(.emoji-picker)),.dm-view .chat-message:hover:not(:has(.emoji-picker))){z-index:4}.channel-text .message-actions button{border-radius:6px;padding:5px 7px}.channel-text .message-actions button:hover{background:var(--surface-soft)}.channel-text .reaction-row:not(:has(.reaction-pill)){display:contents}.channel-text .reaction-row .reaction-palette{right:var(--chat-pad);z-index:3;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-md);border-radius:8px;padding:2px;position:absolute;top:16px}.channel-text .chat-message.muted-message{padding:2px var(--chat-pad) 2px calc(var(--chat-pad) + var(--chat-avatar) + var(--chat-gap));margin-top:4px;display:block}.channel-text .pending-message{margin:6px var(--chat-pad) 0 calc(var(--chat-pad) + var(--chat-avatar) + var(--chat-gap))}.channel-text .message-highlight .chat-message{background:rgba(var(--accent-rgb), .1);box-shadow:inset 2px 0 0 var(--violet-bright);border-radius:0;outline:0}.channel-text .md-codeblock,.channel-text .md-quote,.channel-text .link-preview,.channel-text .poll-block,.channel-text .edit-box{max-width:var(--chat-measure)}.channel-text .attachment-chip{width:fit-content;max-width:min(100%, var(--chat-measure))}.channel-text .md-quote{overflow-wrap:anywhere}.channel-text .md-codeblock pre{max-width:100%}.channel-text .edit-box textarea{font-size:var(--fs-lg);background:var(--surface-raised);border-radius:8px;line-height:1.45}.channel-text .composer{padding:8px var(--chat-pad) 6px;border-top:0}.channel-text .composer>.chat-error,.channel-text .composer>.chat-notice{margin:0 0 6px;padding:0}.channel-text .reply-banner,.channel-text .pending-attachment,.channel-text .poll-composer{border-radius:10px;margin:0 0 6px}.channel-text .reply-banner{padding:7px 12px}.channel-text .pending-attachment,.channel-text .poll-composer{background:var(--surface-raised)}.channel-text .mention-popup{margin:0 0 6px}.channel-text .composer-box{border:1px solid var(--line);background:var(--surface-raised);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:12px;align-items:flex-end;gap:0;padding:0;display:flex}.channel-text .composer-box:focus-within{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.channel-text .composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *){width:32px;height:32px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;margin:0;padding:0;display:grid}.emoji-manager-confirm button.danger,.soundboard-confirm button.danger{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.12)}.channel-text .composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *):hover:not(:disabled){color:var(--text);background:rgba(var(--fg-rgb), .08)}.channel-text .composer-box>.composer-attach{width:calc(var(--chat-avatar) - 8px);margin:0 4px 6px}.channel-text .composer-box textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;max-height:40vh;padding:12px 8px 12px calc(var(--chat-gap) - 1px);field-sizing:content;resize:none;color:var(--text);font-size:var(--fs-lg);flex:1 1 0;align-self:stretch;line-height:20px;overflow-y:auto}.channel-text .composer-box textarea::placeholder{color:var(--muted);opacity:1}.composer-box textarea{overflow-x:hidden}.composer-box textarea::placeholder{white-space:nowrap;text-overflow:ellipsis}.channel-text .composer-tools{flex:none;align-items:flex-end;gap:2px;padding:0 6px 0 4px;display:flex}.channel-text .composer-tools>button,.channel-text .composer-tools>.emoji-anchor{margin-bottom:6px}.channel-text .composer-box .gif-toggle{width:auto;min-width:32px;font-size:var(--fs-small);padding:0 6px}.channel-text .composer-box .send-button{color:var(--on-accent-bright);background:var(--violet-bright)}.channel-text .composer-box .send-button:hover:not(:disabled){color:var(--on-accent-bright);background:var(--violet-bright);filter:brightness(1.08)}.channel-text .composer-box .send-button:disabled{color:var(--muted);opacity:.45;background:0 0}.channel-text .gif-picker{bottom:calc(100% + 14px);left:auto;right:0}.channel-text .composer-box:has(textarea:disabled){border-color:var(--line);background:var(--surface)}.channel-text .composer-box textarea:disabled{color:var(--muted);cursor:not-allowed}.channel-text .composer>small{min-height:20px;padding:3px 2px 0 calc(var(--chat-avatar) + var(--chat-gap));font-size:var(--fs-small);justify-content:space-between;align-items:center;gap:12px;line-height:16px;display:flex}.channel-text .composer>small>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-text .composer>small>:last-child{text-align:right;opacity:.7;flex:0 auto;margin-left:auto}.channel-text .typing-line{flex:auto}.channel-text .thread-panel .composer-box{background:var(--surface)}.channel-text .thread-panel .composer-box:has(textarea:disabled){background:var(--surface-soft)}:root[data-density=compact] .channel-text{--chat-pad:12px;--chat-avatar:28px;--chat-gap:10px}:root[data-density=compact] .channel-text .chat-message,:root[data-density=compact] .channel-text .chat-message.local{margin-top:4px;padding-top:1px;padding-bottom:1px}:root[data-density=compact] .channel-text .chat-message.grouped{margin-top:0}:root[data-density=compact] .channel-text .message-text,:root[data-density=compact] .channel-text .chat-message-body p{line-height:1.35}:root[data-density=compact] .channel-text .reaction-row{margin-top:2px}:root[data-density=compact] .channel-text .message-list{padding:4px 0 8px}:root[data-theme=light] .channel-text .composer>small>:last-child{opacity:1}.membership-banner{background:rgba(var(--amber-rgb), .12);border-bottom:1px solid rgba(var(--amber-rgb), .32);color:var(--amber);font-size:var(--fs-small);align-items:center;gap:10px;padding:9px 16px;font-weight:600;display:flex}.membership-banner[data-state=banned]{background:rgba(var(--danger-rgb), .12);border-bottom-color:rgba(var(--danger-rgb), .35);color:var(--danger)}.membership-banner>svg{flex:none}.membership-banner>span{flex:auto;min-width:0}.membership-banner-action{background:var(--amber);color:var(--on-amber);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding:5px 11px;font-weight:700}.membership-banner-action.secondary{background:var(--surface-soft);color:var(--text,#e6e6ee);border:1px solid var(--line-strong)}.membership-banner-action:disabled{opacity:.6;cursor:default}.search-hits-panel mark{background:rgba(var(--accent-rgb), .3);color:inherit;border-radius:3px;padding:0 1px}.dm-message .edited-marker{color:var(--muted);font-size:var(--fs-small)}[role=button]:focus-visible,[role=menuitem]:focus-visible,[role=tab]:focus-visible,[role=option]:focus-visible,[role=radio]:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=1080px){.permission-banner div span{display:none}}@media (width<=1240px){.permission-banner div span{max-width:380px}}.older-messages{justify-content:center;padding:6px 0 10px;display:flex}.older-messages .link-button{font-size:var(--fs-small)}.voice-recorder{flex:auto;align-items:center;gap:6px;min-width:0;display:inline-flex}.voice-recorder-dot{background:var(--danger);width:9px;height:9px;animation:voice-rec-pulse var(--loop-pulse) var(--ease-in-out) infinite;border-radius:50%}.voice-recorder-time{font-variant-numeric:tabular-nums;color:var(--text-soft);font-size:var(--fs-body);flex:auto}@keyframes voice-rec-pulse{50%{opacity:.3}}.composer-box:has(>.voice-recorder)>:not(.voice-recorder){display:none}.composer-box>.voice-recorder{align-self:center;min-height:32px}.channel-text .composer-box>.voice-recorder{min-height:44px;padding:0 6px}.voice-player{border:1px solid var(--line-strong);background:var(--bg-sunken);width:min(340px,100%);color:var(--text-soft);border-radius:999px;align-items:center;gap:8px;margin-top:2px;padding:6px 10px 6px 6px;display:flex}.voice-player-play{background:var(--accent);width:30px;height:30px;color:var(--on-accent);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.voice-player-play:hover:not(:disabled){background:var(--accent-bright);color:var(--on-accent-bright)}.voice-player-play:active:not(:disabled){scale:.92}.voice-player-wave>i{transition:background-color var(--dur-fast) var(--ease-standard)}.voice-player-wave{cursor:pointer;flex:auto;align-items:center;gap:2px;min-width:0;height:28px;display:flex;overflow:hidden}.voice-player-wave>i{background:var(--line-strong);border-radius:2px;flex:1 1 0;min-width:1px}.voice-player-wave>i.done{background:var(--accent)}.voice-player-time{font-size:var(--fs-small);font-variant-numeric:tabular-nums;flex:none}.voice-player-rate{border:1px solid var(--line-strong);color:var(--text-soft);font-size:var(--fs-xs);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:2px 6px}.voice-player-rate:hover{border-color:var(--violet)}.voice-player-error{color:var(--danger)}.voice-player .spin{animation:voice-spin var(--loop-spin) linear infinite}@keyframes voice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.voice-recorder-dot,.voice-player .spin{animation:none}}.channel-files{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 18px;display:flex;position:relative;overflow-y:auto}.channel-files-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.channel-files-title{color:var(--accent);align-items:center;gap:10px;margin-right:auto;display:flex}.channel-files-title strong{color:var(--text-strong,#fff);font-size:var(--fs-md);display:block}.channel-files-title small{color:var(--muted);font-size:var(--fs-small)}.channel-files-search{border:1px solid var(--line-strong);background:var(--bg-sunken);width:220px;max-width:100%;height:32px;color:inherit;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;padding:0 10px}.channel-files-sort{border:1px solid var(--line-strong);background:var(--bg-sunken);height:32px;color:inherit;font-size:var(--fs-body);border-radius:8px;padding:0 8px}.channel-files-sort:focus,.channel-files-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);outline:none}.channel-files-upload{height:32px;color:var(--on-accent-bright);background:var(--violet-bright);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.channel-files-upload:hover:not(:disabled){filter:brightness(1.08)}.channel-files-upload:disabled{opacity:.45}.channel-files-filter{flex-wrap:wrap;gap:6px;display:flex}.channel-files-filter button{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.channel-files-filter button span{color:var(--muted);opacity:.8;font-weight:500}.channel-files-filter button:hover{background:var(--hover-bg);color:var(--text-strong,#fff)}.channel-files-filter button.active{border-color:var(--accent);background:var(--selected-bg);color:var(--text-strong,#fff)}.channel-files-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.channel-files-list li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);align-items:center;gap:10px;padding:8px 10px;display:flex}.channel-files-list li:hover{background:var(--panel-hover)}.channel-files-icon{background:var(--surface-raised);height:36px;color:var(--muted);border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.channel-files-icon.kind-image{color:var(--cyan)}.channel-files-icon.has-thumb{overflow:hidden}.channel-files-icon.has-thumb img{object-fit:cover;width:100%;height:100%;display:block}.channel-files-icon.kind-doc{color:var(--accent)}.channel-files-icon.kind-media{color:var(--coral)}.channel-files-icon.kind-archive{color:var(--amber)}.channel-files-name{min-width:0;color:inherit;text-align:left;background:0 0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;display:flex}.channel-files-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-strong,#fff);font-weight:600;overflow:hidden}.channel-files-name:hover strong{text-decoration:underline}.channel-files-name small{color:var(--muted);font-size:var(--fs-xs)}.channel-files-action{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.channel-files-action:hover{background:var(--hover-bg);color:var(--text-strong,#fff)}.channel-files-empty{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);max-width:420px;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:32px;display:flex}.channel-files-empty strong{color:var(--text-strong,#fff)}.channel-files-empty p{font-size:var(--fs-small);margin:0}.channel-files-none,.channel-files-hint{color:var(--muted);font-size:var(--fs-small);margin:0}@media (width<=700px){.channel-files{padding:12px}.channel-files-search{flex:100%;order:3;width:auto}.channel-files-sort{flex:1;min-width:0}.channel-files-list li{gap:8px;padding:8px}.channel-files-action{width:28px}.channel-files-empty{margin:24px auto;padding:20px}}.message-list .chat-message.msg-new{animation:msg-in var(--dur) var(--ease-out) backwards}.message-list.is-live .reaction-pill{animation:chip-in var(--dur) var(--ease-spring) backwards}.empty-chat.is-loading{animation:delayed-in var(--dur) var(--ease-standard) .2s backwards}.chat-message:hover header .message-actions,.channel-text .chat-message:hover .message-actions,.chat-message:hover .reaction-palette{animation:fade-in var(--dur-fast) var(--ease-out)}.pending-message{animation:msg-in var(--dur) var(--ease-out) backwards}.reply-banner,.pending-attachment,.poll-composer{animation:pop-in-up var(--dur-fast) var(--ease-out) backwards}.image-viewer-stage img:not(.loading){animation:fade-in var(--dur) var(--ease-out)}.image-lightbox footer,.image-lightbox .image-viewer-hint{transition:opacity var(--dur-slow) var(--ease-standard)}.image-lightbox[data-idle] footer,.image-lightbox[data-idle] .image-viewer-hint{opacity:0;pointer-events:none}.image-lightbox[data-idle],.image-lightbox[data-idle] .image-viewer-stage,.image-lightbox[data-idle] img{cursor:none}.channel-tabs,.channel-tabs button{position:relative}.channel-tabs[data-glider]:before{background:var(--surface-raised);box-shadow:var(--shadow-sm);border-radius:7px}.channel-tabs[data-glider] button.active{box-shadow:none;background:0 0}.channel-tabs[data-glider] button.active:hover{background:var(--hover-bg)}.dm-status{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 14px;display:flex}.dm-status strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:var(--fs-body);overflow:hidden}.dm-status small{color:var(--muted);font-size:var(--fs-small)}.dm-search{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--muted);background:var(--bg-sunken);transition:border-color var(--dur-fast) var(--ease-standard);align-items:center;gap:5px;margin-left:auto;padding:4px 9px;display:flex}.dm-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.dm-search input{width:150px;min-width:0;color:var(--text);font-size:var(--fs-small);background:0 0;border:0;outline:none;flex:auto}.e2e-badge{border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--amber);font-size:var(--fs-small);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.e2e-badge.verified{color:var(--green)}.e2e-vault-banner{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text-soft);font-size:var(--fs-small);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 14px;padding:8px 10px;line-height:1.5;display:flex}.e2e-vault-banner>svg{color:var(--amber);flex:none}.e2e-vault-banner>span{overflow-wrap:anywhere;flex:200px;min-width:0}.e2e-vault-banner>button{color:var(--text-strong,#fff);background:var(--surface-soft);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.e2e-vault-banner>button:hover:not(:disabled){background:var(--panel-hover)}.e2e-vault-banner>button:disabled{opacity:.6;cursor:default}.e2e-vault-banner .e2e-vault-error{color:var(--danger-text);flex-basis:100%}.e2e-panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);font-size:var(--fs-body);gap:8px;margin:8px 14px;padding:12px 14px;display:grid}.e2e-panel header{justify-content:space-between;align-items:center;display:flex}.e2e-panel header strong{align-items:center;gap:6px;display:inline-flex}.e2e-panel h4{font-size:var(--fs-small);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 0}.e2e-safety-number{border-radius:var(--radius-sm);background:var(--bg-deep);font-size:var(--fs-md);letter-spacing:.06em;word-spacing:.3em;padding:8px 10px;line-height:1.7;display:block}.e2e-verified{align-items:center;gap:6px;display:flex}.e2e-devices{gap:4px;margin:0;padding:0;list-style:none;display:grid}.e2e-devices li{border-radius:var(--radius-sm);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.e2e-devices li small{color:var(--muted);margin-left:6px}.e2e-devices li>span{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.e2e-devices li>button{white-space:nowrap;flex:none}.e2e-devices li>button,.e2e-account-row>button{border:1px solid var(--line-strong);min-height:30px;color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-small);white-space:nowrap;border-radius:8px;padding:4px 10px;font-weight:700}.e2e-devices li>button:hover:not(:disabled),.e2e-account-row>button:hover:not(:disabled){color:var(--text-strong,var(--text));background:var(--hover-bg)}.e2e-devices li>button.danger{color:var(--danger-text);border-color:rgba(var(--danger-rgb), .45)}.e2e-devices li>button.danger:hover:not(:disabled){background:rgba(var(--danger-rgb), .12)}.e2e-account-unlock{border-radius:var(--radius-sm);background:var(--surface-soft);gap:6px;padding:8px;display:grid}.e2e-account-row{flex-wrap:wrap;gap:6px;display:flex}.e2e-account-row input{flex:160px;min-width:0}.e2e-key-change{color:var(--amber);font-size:var(--fs-small);justify-content:center;align-items:center;gap:6px;margin:6px 0;display:flex}.chat-message-body p.e2e-unreadable,.chat-message-body p.e2e-invalid{color:var(--muted);font-style:italic}.chat-message-body p.e2e-invalid{color:var(--danger)}.e2e-edited{color:var(--muted)}.e2e-history-progress{z-index:150;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--line-strong);border-radius:var(--radius);max-width:min(420px,100vw - 32px);color:var(--text-soft);background:var(--toast-bg);box-shadow:var(--shadow-lg);font-size:var(--fs-small);overflow-wrap:anywhere;align-items:center;gap:9px;padding:8px 10px 8px 13px;display:flex;position:fixed}.e2e-history-progress.failed{border-color:var(--danger)}.e2e-history-progress progress{height:6px;accent-color:var(--accent);flex:0 0 72px}.e2e-history-progress .icon-button{flex:none}.thread-panel{border-left:1px solid var(--line);background:var(--surface-soft);width:min(380px,44%);min-height:0;animation:thread-in var(--dur-slow) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;position:relative}@keyframes thread-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.thread-panel-head{border-bottom:1px solid var(--line);color:var(--text-soft);font-size:var(--fs-small);align-items:center;gap:6px;padding:9px 11px;display:flex}.thread-panel-head strong{color:var(--text-strong);font-size:var(--fs-md);font-weight:700}.thread-panel-head span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-panel-head button{width:28px;height:28px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;place-items:center;margin-left:auto;display:grid}.thread-panel-head button:hover{color:var(--text);background:var(--surface-raised)}.thread-panel-list{flex:1;min-height:0;padding:12px 12px 6px;overflow-y:auto}.thread-divider{color:var(--muted);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:6px 0 8px;font-weight:700;display:flex}.thread-divider:after{content:"";background:var(--line);flex:1;height:1px}.thread-composer{padding:8px 10px 10px}.thread-composer small{justify-content:space-between;gap:8px;display:flex}.thread-summary{border:1px solid var(--line);color:var(--violet-bright);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);background:0 0;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:4px 10px;font-weight:600;display:inline-flex}.thread-summary:hover{border-color:var(--line-strong);background:var(--surface-raised)}.thread-summary.unread{border-color:var(--violet)}.thread-unread{background:var(--violet);min-width:18px;color:var(--on-accent,#fff);font-size:var(--fs-small);text-align:center;border-radius:999px;padding:0 5px;line-height:18px}.channel-text .thread-panel{--chat-pad:12px;--chat-gap:12px}.channel-text .thread-summary{margin-top:6px}.channel-text .thread-panel-head{min-height:52px;padding:0 var(--chat-pad)}.channel-text .thread-panel-list{padding:8px 0}.channel-text .thread-divider{margin:12px var(--chat-pad) 4px}.dm-system-note{color:var(--muted);font-size:var(--fs-small);text-align:center;justify-content:center;align-items:center;gap:6px;margin:6px auto;display:flex}.dm-group-stack{flex:none;display:inline-block;position:relative}.dm-group-stack-item{box-shadow:0 0 0 2px var(--surface,#1e1f22);border-radius:50%;position:absolute;top:0}.dm-group-hint{color:var(--muted);font-size:var(--fs-small);margin:4px 0}.dm-group-field{font-size:var(--fs-small);color:var(--muted);gap:4px;display:grid}.dm-group-field input,.dm-group-rename input{border:1px solid var(--line-strong);background:var(--bg-sunken);color:inherit;transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;outline:0;padding:8px 10px}.dm-group-field input:focus,.dm-group-rename input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.dm-group-picker{gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.dm-group-picker label{cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:center;gap:8px;padding:5px 7px;display:flex}.dm-group-picker label:hover{background:var(--hover-bg)}.dm-group-head{flex-wrap:wrap}.dm-group-tools{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.dm-group-tools button{color:var(--muted);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;align-items:center;gap:4px;padding:4px 9px;font-weight:600;display:inline-flex}.dm-group-tools button:hover,.dm-group-tools button.active{background:var(--surface-raised);color:var(--text-strong,#fff)}.dm-group-tools button.danger:hover{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.12)}.dm-group-tools button:disabled{opacity:.5;cursor:default}.dm-group-tools button.group-call-join{color:var(--ok-text)}.dm-group-call{color:var(--ok-text);background:var(--surface-raised);font-size:var(--fs-small);border-radius:999px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:2px 6px;font-weight:700;display:inline-flex}.group-call-banner{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:10px;align-items:center;gap:10px;margin:0 12px 6px;padding:8px 10px;display:flex}.group-call-banner div{flex:1;gap:1px;min-width:0;display:grid}.group-call-banner strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-small);overflow:hidden}.group-call-banner small{color:var(--muted);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-call-banner button{white-space:nowrap;color:var(--on-green);background:var(--green);font-size:var(--fs-small);border-radius:8px;flex:none;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.group-call-banner button:hover:not(:disabled){filter:brightness(1.08)}.group-call-banner button:disabled{opacity:.6;cursor:default}.group-call-banner button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dm-group-panel{background:var(--surface-soft);border-radius:10px;gap:6px;margin:0 12px 6px;padding:8px 10px;display:grid}.dm-group-rename{grid-template-columns:1fr auto auto;align-items:center}.dm-group-members{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dm-group-members li{align-items:center;gap:8px;display:flex}.dm-group-members li>span{flex:1;min-width:0;display:grid}.dm-group-warn{color:var(--warn-text)}@media (width<=900px){.thread-panel{border-left:0;width:100%}}.dm-view .chat-message{position:relative}.dm-view .chat-message:not(.grouped) header .message-actions{z-index:3;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-md);border-radius:8px;margin:0;padding:2px;position:absolute;top:-12px;right:8px}.dm-view .reaction-row:not(:has(.reaction-pill)){display:contents}.dm-view .reaction-row .reaction-palette{z-index:3;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-md);border-radius:8px;padding:2px;position:absolute;bottom:2px;right:8px}.dm-view .composer-box textarea{field-sizing:content;min-height:32px;max-height:40vh;overflow-y:auto}.dm-seen{color:var(--text-soft);font-size:var(--fs-xs);justify-content:flex-end;align-items:center;gap:4px;margin:2px 14px 6px;display:flex}.schedule-anchor{position:relative}.schedule-menu{z-index:120;border:1px solid var(--line-strong);background:var(--surface-raised,#181822);width:260px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);text-align:left;animation:pop-in-up var(--dur) var(--ease-out);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.schedule-menu button,.composer-box .schedule-menu button,.channel-text .composer-box .schedule-menu button{place-items:initial;white-space:normal;width:auto;height:auto;color:var(--text-strong,#fff);background:var(--surface-soft);line-height:1.35;font-size:var(--fs-small);text-align:left;border-radius:8px;flex:none;margin:0;padding:7px 10px;display:block}.schedule-menu button:hover:not(:disabled),.schedule-menu button:focus-visible,.channel-text .composer-box .schedule-menu button:hover:not(:disabled){box-shadow:0 0 0 2px var(--violet-bright) inset;outline:0}.schedule-menu button:disabled{opacity:.5}.schedule-menu .schedule-custom{color:var(--text-soft);font-size:var(--fs-xs);flex-direction:column;gap:4px;display:flex}.schedule-menu .schedule-custom input{border:1px solid var(--line-strong);color:var(--text-strong,#fff);background:var(--surface-soft);font:inherit;color-scheme:inherit;border-radius:8px;padding:6px 8px}.schedule-menu small{color:var(--text-soft);font-size:var(--fs-xs)}.scheduled-list{color:var(--text-soft);font-size:var(--fs-xs);margin:0 14px 6px}.scheduled-list summary{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.scheduled-list ul{flex-direction:column;gap:3px;margin:4px 0 0;padding:0;list-style:none;display:flex}.scheduled-list li{border:1px dashed var(--line-strong);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:4px 8px;display:flex}.scheduled-list time{color:var(--text-strong,#fff);flex:none}.scheduled-list .scheduled-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.dm-file{flex-direction:column;gap:6px;max-width:420px;margin-top:4px;display:flex}.dm-file-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-sunken);cursor:zoom-in;padding:0;display:block;overflow:hidden}.dm-file-preview img{object-fit:contain;max-width:100%;max-height:320px;display:block}.dm-file-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);align-items:center;gap:10px;padding:8px 10px;display:flex}.dm-file-icon{background:var(--surface-raised);height:34px;color:var(--accent);border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.dm-file-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dm-file-meta strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong,#fff);font-weight:600;overflow:hidden}.dm-file-meta small{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.dm-file-video{border-radius:var(--radius-sm);background:#000;width:100%;max-width:420px;max-height:320px;display:block}.dm-file-action{min-width:30px;height:30px;color:var(--muted);font-size:var(--fs-small);background:0 0;border-radius:8px;place-items:center;padding:0 8px;font-weight:600;display:inline-grid}.dm-file-action:hover:not(:disabled){background:var(--hover-bg);color:var(--text-strong,#fff)}.dm-file-action:disabled{opacity:.5}.dm-file-status{color:var(--muted);font-size:var(--fs-xs)}.dm-file-error{color:var(--danger-text);font-size:var(--fs-xs)}.dm-overview-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:68px;padding:0 10px 0 17px;display:flex}.dm-overview-title{min-width:0;color:var(--text-strong);align-items:center;gap:8px;display:flex}.dm-overview-title svg{color:var(--muted);flex:none}.dm-overview-title h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-xl);letter-spacing:-.005em;margin:0;font-weight:700;overflow:hidden}.dm-overview-actions{flex:none;gap:2px;display:flex}.dm-overview-actions .icon-button{border-radius:8px;width:30px;height:30px}.dm-overview-search{flex:none;align-items:center;margin:10px 10px 6px;display:flex;position:relative}.dm-overview-search>svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.dm-overview-search input{border:1px solid var(--line-strong);background:var(--bg-sunken);width:100%;color:inherit;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;outline:0;padding:7px 28px 7px 30px}.dm-overview-search input::placeholder{color:var(--muted)}.dm-overview-search input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.dm-search-clear{width:22px;height:22px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;right:4px}.dm-search-clear:hover{color:var(--text-strong);background:var(--hover-bg)}.dm-search-clear:focus-visible,.dm-filter:focus-visible,.dm-new-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dm-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.dm-overview-filters{flex-wrap:wrap;flex:none;gap:4px;padding:0 10px 8px;display:flex}.dm-filter{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.dm-filter:hover{color:var(--text-strong);background:var(--hover-bg)}.dm-filter.active{color:var(--text-strong);background:var(--selected-bg);border-color:var(--line-strong)}.dm-filter-count{box-sizing:border-box;background:var(--danger-solid);min-width:16px;height:16px;color:var(--on-danger,#fff);font-size:var(--fs-xs);border-radius:8px;place-items:center;padding:0 4px;font-weight:800;line-height:1;display:grid}.dm-overview-scroll{flex:1;min-height:0;padding:0 8px 12px;overflow-y:auto}.dm-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dm-row{width:100%;color:var(--text-soft);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dm-row:hover{color:var(--text-strong);background:var(--hover-bg)}.dm-row:active{background:var(--press-bg)}.dm-row.selected{color:var(--text-strong);background:var(--selected-bg)}.dm-row.selected .dm-row-preview,.dm-row.selected .dm-row-time{color:var(--text-soft)}.dm-row-avatar{flex:none;place-items:center;width:40px;height:40px;display:grid}.dm-row-copy{flex:1;gap:1px;min-width:0;display:grid}.dm-row-top,.dm-row-bottom{align-items:center;gap:6px;min-width:0;display:flex}.dm-row-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-body);flex:auto;font-weight:600;overflow:hidden}.dm-row-time{color:var(--muted);font-size:var(--fs-xs);flex:none}.dm-row-muted{color:var(--muted);flex:none}.dm-row-preview{min-width:0;color:var(--muted);font-size:var(--fs-small);flex:auto;align-items:center;gap:4px;display:flex}.dm-row-preview svg{flex:none}.dm-row-preview>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dm-row.unread .dm-row-title{color:var(--text-strong);font-weight:800}.dm-row.unread .dm-row-preview,.dm-row.unread .dm-row-time{color:var(--text-strong)}.dm-row.unread .dm-row-preview{font-weight:600}.dm-row.muted:not(.selected):not(:hover):not(:focus-visible){opacity:.65}.dm-row-badge{box-sizing:border-box;background:var(--danger-solid);min-width:18px;height:18px;color:var(--on-danger,#fff);font-size:var(--fs-xs);border-radius:9px;flex:none;place-items:center;padding:0 5px;font-weight:800;line-height:1;display:grid}.dm-row .dm-group-call{font-size:var(--fs-xs);margin-left:0;padding:1px 6px}.dm-home-row{margin-bottom:6px}.dm-home-icon{width:38px;height:38px;color:var(--text-soft);background:var(--surface-raised);transition:background var(--dur) var(--ease-standard), color var(--dur) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.dm-home-row.selected .dm-home-icon{color:var(--on-accent,#fff);background:linear-gradient(145deg, var(--accent-strong), var(--accent))}.dm-group-avatar{width:40px;height:40px;display:block;position:relative}.dm-group-avatar.single{width:38px;height:38px;color:var(--text-soft);background:var(--surface-raised);border-radius:50%;place-items:center;display:grid}.dm-group-avatar-item{box-shadow:0 0 0 2px var(--panel);border-radius:50%;display:block;position:absolute}.dm-group-avatar-item.i0{top:0;left:0}.dm-group-avatar-item.i1{bottom:0;right:0}.dm-overview .empty-chat{min-height:0;padding:28px 8px}.dm-empty-line{color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:14px 10px;display:flex}.dm-empty-line p{margin:0}.dm-new-list{gap:2px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.dm-new-row{width:100%;color:var(--text-soft);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dm-new-row:hover{color:var(--text-strong);background:var(--hover-bg)}.dm-new-copy{min-width:0;display:grid}.dm-new-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body);overflow:hidden}.dm-new-copy small{color:var(--muted);font-size:var(--fs-small)}.dm-new-empty{justify-items:start;gap:10px;display:grid}@media (width<=1240px){.dm-overview-head{gap:4px;padding:0 6px 0 12px}.dm-overview-title{gap:6px}.dm-overview-title h2{font-size:var(--fs-lg)}}@media (width<=1080px){.dm-overview-title>svg{display:none}}.channel-toolbar .pin-toggle{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;place-items:center;display:grid;position:relative}.channel-toolbar .pin-toggle:hover{color:var(--text-strong);background:var(--hover-bg)}.channel-toolbar .pin-toggle.active{color:var(--accent-bright);background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.5)}.channel-toolbar .pin-toggle:focus-visible,.wb-tools button:focus-visible,.wb-widths button:focus-visible,.wb-colors button:focus-visible,.wb-actions button:focus-visible,.note-actions button:focus-visible,.saved-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.channel-toolbar .pin-count{min-width:13px;color:var(--on-accent-bright);background:var(--violet-bright);font-size:var(--fs-xs);border-radius:999px;padding:1px 3px;font-weight:800;position:absolute;top:-5px;right:-5px}.pin-panel{z-index:6;border:1px solid var(--line-strong);background:var(--panel);width:min(360px,70%);max-height:55%;box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);border-radius:14px;flex-direction:column;display:flex;position:absolute;top:52px;right:14px;overflow:hidden auto}.pin-panel header{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);color:var(--text-soft);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:9px 11px;font-weight:800;display:flex;position:sticky;top:0}.pin-panel header button{width:22px;height:22px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:7px;place-items:center;margin-left:auto;display:grid}.pin-panel header button:hover{color:var(--text-strong);background:var(--hover-bg)}.pin-panel>*{flex-shrink:0}.pin-panel>p{color:var(--muted);font-size:var(--fs-small);margin:0;padding:12px;line-height:1.5}.pin-panel .pin-entry{border-bottom:1px solid var(--line);align-items:stretch;gap:4px;padding:4px 8px;display:flex}.pin-panel .pin-entry:last-child{border-bottom:0}.pin-entry-open{text-align:left;min-width:0;transition:background var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;flex:1;gap:2px;padding:6px;display:grid}.pin-entry-open:hover{background:var(--hover-bg)}.pin-entry-open strong{color:var(--text-soft);font-size:var(--fs-small)}.pin-entry-open span{-webkit-line-clamp:2;color:var(--text-soft);font-size:var(--fs-small);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.pin-entry-open small{color:var(--muted);font-size:var(--fs-small)}.pin-entry-remove{width:26px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.pin-entry-remove:hover{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.1)}.pin-marker{color:var(--amber);place-items:center;display:inline-grid}.poll-block{border:1px solid var(--line-strong);background:var(--bg-sunken);text-align:left;border-radius:10px;gap:5px;max-width:420px;margin-top:2px;padding:9px 11px;display:grid}.poll-block>small{color:var(--muted);font-size:var(--fs-small)}.poll-question{color:var(--text);font-size:var(--fs-xs);align-items:center;gap:6px;display:flex}.poll-option{border:1px solid var(--line);color:var(--text-soft);background:var(--surface);font-size:var(--fs-small);text-align:left;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;display:flex;position:relative;overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--accent);color:var(--text-strong);background:var(--hover-bg)}.poll-option.own{border-color:rgba(var(--accent-rgb),.6);color:var(--text-strong,#fff)}.poll-bar{transform-origin:0;background:rgba(var(--accent-rgb),.16);transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.poll-option-label,.poll-option-count{position:relative}.poll-option-count{color:var(--muted);font-size:var(--fs-small);flex:none}.chat-message.local .poll-block{margin-left:auto}.poll-composer{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:10px;gap:5px;margin:0 0 8px;padding:9px;display:grid}.poll-composer input{border:1px solid var(--line);width:100%;color:var(--text-strong,#fff);background:var(--surface);font-size:var(--fs-small);border-radius:8px;outline:0;padding:7px 9px}.poll-composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.poll-composer footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.poll-composer footer span{gap:6px;display:flex}.poll-composer footer button{color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-weight:700;display:inline-flex}.poll-composer footer button:hover:not(:disabled){color:var(--text-strong,#fff)}.poll-composer footer button.primary{color:var(--on-accent-bright);background:var(--violet-bright)}.poll-composer footer button:disabled{opacity:.5}.poll-composer-option{align-items:center;gap:4px;display:flex}.poll-composer-option button{width:24px;height:24px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;display:grid}.poll-composer-option button:hover{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb),.1)}.wb-actions button,.note-actions button,.poll-composer footer button{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out)}.wb-actions button:hover:not(:disabled),.note-actions button:hover:not(:disabled){color:var(--text-strong);background:var(--hover-bg)}.member-list-copy{flex:1;gap:1px;min-width:0;display:grid}.saved-button-wrap,.update-ready-wrap{display:inline-flex;position:relative}.update-loading-button{border:1px solid rgba(var(--accent-rgb), .45);height:32px;color:var(--text-strong);background:rgba(var(--accent-rgb), .16);font-size:var(--fs-small);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;animation:pop-in var(--dur) var(--ease-spring);transition:background var(--dur-fast) var(--ease-standard);border-radius:10px;align-items:center;gap:7px;margin-right:4px;padding:0 11px 0 4px;font-weight:800;display:inline-flex}.update-loading-button:hover{background:rgba(var(--accent-rgb), .26)}.update-ring-wrap{width:24px;height:24px;color:var(--accent);place-items:center;display:inline-grid;position:relative}.update-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.update-ring circle{fill:none;stroke-width:2.6px}.update-ring-track{stroke:rgba(var(--accent-rgb), .22)}.update-ring-value{stroke:var(--accent);stroke-linecap:round}.update-panel{z-index:130;border:1px solid var(--line-strong);background:var(--panel-raised);width:300px;box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.update-card{gap:8px;display:grid}.update-card strong{color:var(--text-strong);font-size:var(--fs-body)}.update-card small{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;line-height:1.4}.update-card .update-error,.update-panel>.update-error{color:var(--danger-text);font-size:var(--fs-xs);line-height:1.4}.update-card.in-settings{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .07);border-radius:12px;margin-top:10px;padding:12px}.update-card.in-settings.ready{border-color:rgba(var(--green-rgb), .45);background:rgba(var(--green-rgb), .08)}.update-progress{background:var(--surface-soft);border-radius:999px;height:6px;position:relative;overflow:hidden}.update-progress span{border-radius:inherit;background:var(--accent);transform-origin:0;transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0}.update-card.ready .update-progress span{background:var(--green-solid)}.update-progress.indeterminate span{width:35%;animation:update-slide var(--loop-pulse) var(--ease-in-out) infinite;right:auto}@keyframes update-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.update-now-button{height:32px;color:var(--on-green-solid);background:var(--green-solid);font-weight:800;font-size:var(--fs-small);white-space:nowrap;cursor:pointer;animation:pop-in var(--dur) var(--ease-spring);transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-right:4px;padding:0 12px;display:inline-flex}.update-now-button.wide{width:100%;margin:2px 0 0}.update-now-button.attention{position:relative}.update-now-button.attention:before{content:"";border-radius:inherit;box-shadow:0 0 0 3px rgba(var(--green-rgb), .55);pointer-events:none;opacity:0;animation:update-pulse calc(var(--loop-pulse) * 1.8) var(--ease-out) .4s infinite;position:absolute;inset:0}@keyframes update-pulse{0%{opacity:.9;transform:scale(1)}60%,to{opacity:0;transform:scale(1.18,1.4)}}@media (prefers-reduced-motion:reduce){.update-now-button.attention:before{animation:none}}:root[data-motion=reduced] .update-now-button.attention:before{animation:none}.update-now-button:hover{filter:brightness(1.08)}.update-now-button:active{transform:scale(.96)}.update-screen{z-index:2000;background:var(--bg-deep);animation:fade-in var(--dur) var(--ease-out);-webkit-app-region:drag;app-region:drag;place-items:center;display:grid;position:fixed;inset:0}.update-screen-card{text-align:center;-webkit-app-region:no-drag;app-region:no-drag;justify-items:center;gap:12px;width:min(320px,100vw - 32px);display:grid}.update-screen-logo{animation:update-breathe calc(var(--loop-pulse) * 2) var(--ease-in-out) infinite;margin-bottom:6px}.update-screen strong{color:var(--text-strong);font-size:var(--fs-md)}.update-screen small{min-height:1.4em;color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.update-screen .update-progress{width:100%}.update-screen-skip{color:var(--muted);font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:6px;padding:6px 12px}.update-screen-skip:hover{color:var(--text-strong);background:var(--surface-soft)}@keyframes update-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.update-screen-logo{animation:none}}:root[data-motion=reduced] .update-screen-logo{animation:none}@media (prefers-reduced-motion:reduce){.update-progress.indeterminate span{opacity:.5;width:100%;animation:none}}:root[data-motion=reduced] .update-progress.indeterminate span{opacity:.5;width:100%;animation:none}.saved-tabs{gap:6px;margin:12px 0 8px;display:flex}.saved-tabs button{color:var(--muted);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.saved-tabs button:hover{color:var(--text);background:var(--hover-bg)}.saved-tabs button.active{color:var(--accent-bright);background:rgba(var(--accent-rgb), .16)}.saved-list{gap:2px;max-height:min(60vh,520px);display:grid;overflow-y:auto}.saved-empty{color:var(--muted);font-size:var(--fs-small);margin:0;padding:18px 6px;line-height:1.5}.saved-entry{transition:background var(--dur-fast) var(--ease-standard);border-radius:10px;align-items:stretch;gap:4px;padding:3px;display:flex}.saved-entry:hover{background:var(--hover-bg)}.saved-entry.fired{background:rgba(var(--accent-rgb), .1)}.saved-entry-open{text-align:left;background:0 0;border-radius:8px;flex:1;gap:2px;min-width:0;padding:7px 9px;display:grid}.saved-entry-open strong{color:var(--text-soft);font-size:var(--fs-small)}.saved-entry-open span{-webkit-line-clamp:3;color:var(--text-soft);font-size:var(--fs-small);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.saved-entry-open small{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:4px;display:flex}.saved-entry-remove{width:30px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.saved-entry-remove:hover{color:var(--danger-text,#ff9aaa);background:rgba(var(--danger-rgb), .1)}.reminder-quote{border-left:3px solid var(--accent);background:var(--surface-soft);color:var(--text-soft);font-size:var(--fs-small);overflow-wrap:anywhere;border-radius:6px;margin:12px 0 0;padding:8px 10px;line-height:1.45}.reminder-field{color:var(--text-soft);font-size:var(--fs-small);gap:6px;margin-top:14px;font-weight:700;display:grid}.reminder-field input{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);border-radius:8px;padding:8px 10px}.reminder-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.reminder-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.saved-clear-fired{font-size:var(--fs-small);align-self:flex-start;margin:0 6px 4px}.saved-tabs,.saved-tabs button{position:relative}.saved-tabs[data-glider]:before{background:rgba(var(--accent-rgb), .16);border-radius:999px}.saved-tabs[data-glider] button.active{background:0 0}.live-pill,.stream-viewers,.watch-queue-index{font-variant-numeric:tabular-nums}.live-pill{color:var(--coral);background:color-mix(in srgb, var(--coral) 12%, transparent);font-size:var(--fs-xs);letter-spacing:.08em;border-radius:5px;padding:3px 5px;font-weight:900}.live-pill.online{color:var(--green);background:rgba(var(--green-rgb),.09)}.meeting-symbol{width:35px;height:35px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.11);border-radius:10px;flex:none;place-items:center;display:grid}.connection-chip{border:1px solid rgba(var(--amber-rgb),.12);color:var(--text-soft);background:rgba(var(--amber-rgb),.055);font-size:var(--fs-small);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;margin-right:5px;padding:7px 10px;font-weight:700;display:flex}.stage{min-height:0;padding:var(--view-gutter);grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;gap:10px;display:grid;position:relative;overflow-y:auto}.stage.watch-mode{grid-template-rows:minmax(0,1fr);overflow:hidden}.watch-tile.watch-parked{pointer-events:none;width:640px;height:360px;min-height:0;position:absolute;top:0;left:-10000px}.watch-return-tile{text-align:center;cursor:pointer;color:var(--text);background:var(--surface-raised);border:1px solid var(--line-strong);align-content:center;place-items:center;gap:2px;display:grid}.watch-return-tile span{color:var(--accent)}.watch-return-tile small{color:var(--muted)}.stage.watch-mode .watch-tile{height:100%;min-height:0}.stage.watch-mode .participant-strip{height:124px;min-height:0}.video-tile{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-raised);box-shadow:var(--shadow-md);transition:border-color var(--dur) var(--ease-standard);position:relative;overflow:hidden}.video-tile:before{--tile-ring-rgb:var(--speaking-rgb);content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px rgba(var(--tile-ring-rgb),.9), inset 0 0 18px rgba(var(--tile-ring-rgb),.35);transition:opacity var(--dur) var(--ease-standard);position:absolute;inset:0}.video-tile.speaking:before,.video-tile.whispering:before{opacity:1}.video-tile.whispering:before{--tile-ring-rgb:var(--accent-rgb)}.video-tile:hover{border-color:var(--line-strong)}@keyframes tile-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.stage .video-tile{animation:tile-in var(--dur-slow) var(--ease-out) backwards}@keyframes tile-out{to{opacity:0;scale:.94}}.stage .video-tile.exit-ghost[data-ghost]{animation:tile-out var(--dur) var(--ease-in) forwards}.video-tile.featured{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 14%, var(--panel-raised)) 0, var(--panel-raised) 48%, var(--panel) 100%);place-items:center;min-height:260px;display:grid}.video-tile.featured:after{content:"";background-image:linear-gradient(rgba(var(--fg-rgb),.015) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--fg-rgb),.015) 1px, transparent 1px);pointer-events:none;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.video-tile.compact{border-radius:14px;place-items:center;min-width:0;display:grid}.video-tile.warm{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--coral) 12%, var(--panel-raised)), var(--panel-raised) 70%)}.video-tile.cool{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--cyan) 12%, var(--panel-raised)), var(--panel-raised) 70%)}.video-tile.remote-screen{border-color:rgba(var(--cyan-rgb),.28);background:var(--bg-deep)}.video-tile:hover .expand-video,.expand-video:focus-visible,.video-tile:hover .tile-mute,.tile-mute:focus-visible,.tile-mute.muted,.video-tile:hover .tile-actions .expand-video{opacity:1}.video-tile.streaming{border-color:rgba(var(--danger-rgb),.6);box-shadow:0 0 0 1px rgba(var(--danger-rgb),.4), 0 0 18px rgba(var(--danger-rgb),.25), var(--shadow-md)}.video-tile:hover .tile-quality,.tile-quality:focus-visible,.tile-quality.active{opacity:1}.video-tile.whispering{border-color:rgba(var(--accent-rgb),.95)}.tile-footer{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.participant-strip{gap:10px;height:138px;min-height:0;padding-bottom:2px;display:flex;overflow:auto hidden}.participant-strip .video-tile.compact{flex:240px;min-width:200px;max-width:380px}.participant-strip .waiting-tile,.participant-strip .invite-tile{flex:none;min-width:220px}.media-dock{--dock-btn:44px;box-sizing:border-box;border-top:1px solid var(--line);background:var(--bg-sunken);min-width:0;height:68px;box-shadow:0 -10px 28px color-mix(in srgb, var(--bg-deep) 35%, transparent);grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;column-gap:12px;padding:0 16px;display:grid;position:relative}.dock-cluster{align-items:center;gap:8px;min-width:0;display:flex}.dock-left{justify-content:flex-start}.media-dock [data-tooltip],.media-dock .control-chevron{position:relative}.media-dock .dock-right [data-tooltip]:after{left:auto;right:0;transform:none}.media-dock.in-sidebar .dock-left [data-tooltip]:after{left:0;transform:none}.dock-center{flex-shrink:0;justify-content:center}.dock-right{justify-content:flex-end}.media-dock[data-density=tight]{--dock-btn:40px;column-gap:8px;padding:0 10px}.media-dock[data-density=tight] .dock-cluster{gap:5px}.media-dock[data-density=min]{--dock-btn:38px;column-gap:6px;padding:0 8px}.media-dock[data-density=min] .dock-cluster{gap:4px}.media-dock[data-wrapped]:not(.compact){grid-template-columns:minmax(0,1fr);row-gap:6px;height:auto;min-height:68px;padding-block:8px}.media-dock[data-wrapped]:not(.compact) .dock-cluster{flex-wrap:wrap;grid-column:1;justify-content:center}.media-dock.compact{box-shadow:none;--dock-btn:40px;grid-template-columns:1fr auto}.voice-dock-slot{flex:none}.voice-dock-slot:empty{display:none}.media-dock.compact.in-sidebar{border-top:1px solid var(--line);background:var(--bg-sunken);--dock-btn:34px;grid-template-columns:1fr auto;row-gap:6px;height:auto;padding:8px 10px}.media-dock.in-sidebar .dock-cluster{gap:4px}.media-dock.in-sidebar .voice-connection{text-align:left;background:0 0;border-radius:8px;grid-column:1/-1;gap:1px;min-width:0;padding:4px 6px;display:grid}.media-dock.in-sidebar .voice-connection:hover{background:var(--hover-bg)}.media-dock.in-sidebar .voice-connection:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.voice-connection-state{color:var(--amber);font-size:var(--fs-xs);align-items:center;gap:6px;font-weight:800;display:inline-flex}.voice-connection-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.voice-connection.tone-green .voice-connection-state{color:var(--green)}.voice-connection.tone-danger .voice-connection-state{color:var(--danger-text)}.voice-connection strong{color:var(--text-strong);font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-dock.in-sidebar .control-chevron{border-radius:0 12px 12px 0;width:22px}.media-dock.in-sidebar .whisper-banner{max-width:calc(100% - 16px)}.send-trouble-notice,.voice-hint-notice{z-index:21;box-sizing:border-box;border:1px solid var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--panel-raised));width:min(460px,100% - 16px);color:var(--text);font-size:var(--fs-small);box-shadow:var(--shadow-md);animation:pop-in var(--dur) var(--ease-out);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 8px 8px 10px;line-height:1.4;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.whisper-banner~.send-trouble-notice,.whisper-banner~.voice-hint-notice{bottom:calc(100% + 52px)}.send-trouble-notice~.voice-hint-notice{bottom:calc(100% + 84px)}.whisper-banner~.send-trouble-notice~.voice-hint-notice{bottom:calc(100% + 128px)}.send-trouble-notice>svg,.voice-hint-notice>svg{color:var(--amber);flex:none;margin-top:2px}.send-trouble-notice>span,.voice-hint-notice>span{flex:1;min-width:0}.send-trouble-notice strong,.voice-hint-notice strong{font-weight:600}.send-trouble-close{width:22px;height:22px;color:var(--text-soft);background:0 0;border-radius:6px;flex:none;place-items:center;display:grid}.send-trouble-close:hover{color:var(--text);background:var(--hover-bg)}.media-dock .watch-button .dock-live-dot{background:var(--danger);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface-raised);border-radius:50%;position:absolute;top:6px;right:6px}.dock-narrow-only,.media-dock[data-density=tight] .dock-wide-only,.media-dock[data-density=min] .dock-wide-only{display:none}.media-dock .control-button,.media-dock .icon-button{width:var(--dock-btn);min-width:var(--dock-btn);height:var(--dock-btn);color:var(--text-soft);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;padding:0;display:grid;position:relative}.media-dock .control-button span{display:none}.media-dock .control-button:hover,.media-dock .icon-button:hover{color:var(--text-strong);background:var(--hover-bg)}.media-dock .control-button,.media-dock .icon-button,.media-dock .control-chevron{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out), scale var(--dur-fast) var(--ease-out)}.media-dock .control-button:active:not(:disabled),.media-dock .control-chevron:active:not(:disabled){background:var(--press-bg);scale:.95}.media-dock .control-button:disabled,.media-dock .icon-button:disabled{opacity:.5;cursor:default}.media-dock .control-button.off{color:var(--danger-text);background:rgba(var(--danger-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb),.32)}.media-dock .control-button.active,.media-dock .icon-button.active{color:var(--cyan);background:rgba(var(--cyan-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.28)}.media-dock .control-button.priority-button.active{color:var(--on-amber);background:var(--amber);box-shadow:none}.media-dock .icon-button.danger-active{color:var(--danger-text);background:rgba(var(--danger-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb),.4)}.media-dock .control-group .control-button{border-top-right-radius:0;border-bottom-right-radius:0}.media-dock .control-chevron{width:24px;height:var(--dock-btn);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:0 14px 14px 0;place-items:center;margin-left:1px;padding:0 2px 0 0;line-height:0;display:grid;position:relative}.media-dock .control-chevron svg{flex:none;display:block}.media-dock .control-chevron:hover{background:var(--hover-bg)}.media-dock[data-density=min] .control-chevron{border-radius:0 12px 12px 0;width:20px}.media-dock .control-chevron:after{content:"";position:absolute;inset:-2px -6px -2px -2px}@media (pointer:coarse){.media-dock .control-chevron:after{inset:-6px -12px -6px -6px}}.media-dock .ptt-indicator{min-width:0;height:var(--dock-btn);flex-direction:row;gap:6px;padding:0 10px}.media-dock[data-density=min] .ptt-indicator span{display:none}.control-button:focus-visible,.leave-button:focus-visible,.control-chevron:focus-visible,.ptt-indicator:focus-visible,.dock-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.leave-button{min-width:var(--dock-btn,44px);height:var(--dock-btn,44px);color:var(--on-danger);background:var(--danger-solid);transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:var(--fs-body);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.leave-button:hover{filter:brightness(1.1)}.leave-button:active{transform:scale(.95)}.media-dock[data-density=tight] .leave-button span,.media-dock[data-density=min] .leave-button span,.media-dock.compact .leave-button span{display:none}.media-dock[data-density=tight] .leave-button,.media-dock[data-density=min] .leave-button,.media-dock.compact .leave-button{width:var(--dock-btn);padding:0}.media-dock .record-button{height:var(--dock-btn);font-variant-numeric:tabular-nums;background:rgba(var(--danger-rgb),.12);border-radius:14px;padding:0 12px;font-weight:700}.media-dock .record-button svg{fill:var(--danger);color:var(--danger-text);animation:recording-pulse var(--loop-pulse) var(--ease-in-out) infinite}.dock-pop-wrap{position:relative}.dock-menu{z-index:130;border:1px solid var(--line-strong);background:var(--surface-raised);min-width:230px;max-width:calc(100vw - 24px);max-height:min(70vh,480px);box-shadow:var(--shadow-lg);animation:pop-in-up var(--dur) var(--ease-out);border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 14px);overflow-y:auto}.dock-menu.left{left:0}.dock-menu.right{right:0}.dock-menu-head{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;padding:6px 10px 4px;font-weight:700}.dock-menu-sep{background:var(--line);height:1px;margin:6px 4px}.dock-menu-item{width:100%;color:var(--text);font-size:var(--fs-body);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.dock-menu-item:hover:not(:disabled){background:var(--hover-bg)}.dock-menu-item:active:not(:disabled){background:var(--press-bg)}.dock-menu-item:disabled{opacity:.5;cursor:default}.dock-menu-item[aria-checked=true]{color:var(--text-strong)}.dock-menu-check{width:18px;color:var(--text-soft);flex:none;place-items:center;display:inline-grid}.dock-menu-label{flex:1}.dock-menu-item small{color:var(--muted);font-size:var(--fs-small)}.media-dock[data-density=tight] .dock-narrow-only,.media-dock[data-density=min] .dock-narrow-only{display:block}.dock-menu-extras{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:6px;padding-bottom:6px}.media-dock[data-density=tight] .dock-menu-extras,.media-dock[data-density=min] .dock-menu-extras{display:flex}.control-button{min-width:62px;height:50px;color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-xs);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-standard);border-radius:13px;place-content:center;justify-items:center;gap:4px;font-weight:700;display:grid}.control-button:hover{color:var(--text-strong);background:var(--hover-bg)}.control-button:active{background:var(--press-bg);transform:scale(.95)}.control-button:focus-visible,.leave-button:focus-visible,.control-chevron:focus-visible,.ptt-indicator:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.control-button.off{color:var(--danger-text);background:rgba(var(--danger-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb),.28)}.control-button.off:hover{background:rgba(var(--danger-rgb),.22)}.control-button.active{color:var(--cyan);background:rgba(var(--cyan-rgb),.12)}.control-button span{font-size:var(--fs-xs)}.control-button.priority-button.active{color:var(--on-amber);background:var(--amber)}.files-panel{padding:14px 12px;overflow-y:auto}.drop-zone{border:1px dashed rgba(var(--accent-rgb),.26);background:rgba(var(--accent-rgb),.035);text-align:center;border-radius:15px;justify-items:center;gap:7px;padding:22px 14px;display:grid}.drop-zone>span{width:47px;height:47px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.1);border-radius:15px;place-items:center;display:grid}.drop-zone strong{font-size:var(--fs-small)}.drop-zone p{color:var(--muted);font-size:var(--fs-small);margin:0;line-height:1.45}.drop-zone button{color:var(--on-accent-bright);background:var(--violet-bright);font-size:var(--fs-small);border-radius:8px;margin-top:3px;padding:8px 11px;font-weight:800}.drop-zone.drag-active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.07);box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.12)}.file-heading{justify-content:space-between;margin:20px 2px 9px;display:flex}.file-heading strong{font-size:var(--fs-xs)}.file-heading span{color:var(--muted);font-size:var(--fs-small)}.file-heading.history-heading{margin-top:14px}.file-heading.history-heading button{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-small);border-radius:7px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;display:inline-flex}.file-heading.history-heading button:hover{color:var(--text-strong);background:var(--surface-raised)}.file-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.file-icon.purple{color:var(--violet-bright);background:rgba(var(--accent-rgb),.1)}.file-icon.cyan{color:var(--cyan);background:rgba(var(--cyan-rgb),.09)}.file-status{color:var(--muted);background:rgba(var(--fg-rgb),.04);font-size:var(--fs-xs);border-radius:6px;padding:4px 6px}.transfer-note{color:var(--muted);background:rgba(var(--fg-rgb),.025);font-size:var(--fs-small);border-radius:10px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px;line-height:1.45;display:flex}.transfer-note svg{color:var(--cyan);flex:none}.transport-status,.receive-target{border:1px solid var(--line);background:rgba(var(--fg-rgb),.025);border-radius:10px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:9px;margin-top:10px;padding:10px;display:grid}.transport-status>div,.receive-target>div{gap:2px;min-width:0;display:grid}.transport-status strong,.receive-target strong{font-size:var(--fs-small)}.transport-status small,.receive-target small{color:var(--muted);font-size:var(--fs-small);line-height:1.45}.receive-target{grid-template-columns:18px minmax(0,1fr)}.receive-target>svg{color:var(--cyan)}.empty-transfers{border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:10px;justify-items:center;gap:5px;padding:18px 12px;display:grid}.empty-transfers svg{color:var(--muted)}.empty-transfers strong{color:var(--text-soft);font-size:var(--fs-small)}.empty-transfers small{max-width:220px;font-size:var(--fs-small);line-height:1.45}.transfer-card{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;gap:9px;margin-bottom:8px;padding:10px;display:grid}.transfer-card.awaiting-decision{border-color:rgba(var(--accent-rgb),.28);box-shadow:inset 3px 0 0 var(--violet)}.transfer-card.failed{border-color:rgba(var(--danger-rgb),.2)}.transfer-card.completed{border-color:rgba(var(--green-rgb),.18)}.transfer-card>header{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.transfer-card>header>div{gap:2px;min-width:0;display:grid}.transfer-card>header strong{color:var(--text);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transfer-card>header small{color:var(--muted);font-size:var(--fs-small)}.transfer-card .file-status{text-align:center;max-width:86px}.transfer-progress{gap:4px;display:grid}.transfer-progress small{color:var(--muted);font-size:var(--fs-small)}.transfer-error{color:var(--danger-text);font-size:var(--fs-small);align-items:flex-start;gap:5px;margin:0;line-height:1.4;display:flex}.transfer-error svg{flex:none}.selection-error{background:rgba(var(--danger-rgb),.06);border-radius:8px;margin-top:9px;padding:8px}.transfer-actions{flex-wrap:wrap;gap:6px;display:flex}.transfer-actions button{color:var(--on-accent-bright);background:var(--violet-bright);font-size:var(--fs-small);border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-weight:800;display:flex}.transfer-actions button.subtle{color:var(--text-soft);background:var(--surface-soft)}.transfer-actions button.danger{color:var(--danger-text);background:rgba(var(--danger-rgb),.1)}.device-panel,.room-management{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:8px;margin-top:12px;padding:11px;display:grid}.device-panel header div,.room-management header div{gap:2px;display:grid}.device-panel header strong,.room-management header strong{font-size:var(--fs-xs)}.device-panel header button,.room-management header button{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-weight:700;display:inline-flex}.device-panel>small{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.device-selector{color:var(--muted);font-size:var(--fs-small);grid-template-columns:minmax(92px,max-content) minmax(0,1fr);align-items:center;gap:8px;display:grid}.device-selector select,.quality-setting select{border:1px solid var(--line-strong);min-width:0;color:var(--text-soft);background:var(--bg-sunken);font-size:var(--fs-small);border-radius:8px;padding:7px 8px}.quality-setting{border-bottom:1px solid var(--line);color:var(--text-soft);font-size:var(--fs-small);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:11px 0;display:grid}.quality-setting>select,.quality-setting>input{justify-self:end;max-width:100%}.quality-setting>span{align-items:center;gap:8px;font-weight:700;display:flex}.quality-setting>span svg{color:var(--cyan)}.quality-setting small{color:var(--muted);font-size:var(--fs-small);grid-column:1/-1}.open-folder-button{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);border-radius:7px;justify-self:end;align-items:center;gap:4px;padding:6px 7px;font-weight:700;display:inline-flex}.diagnostic-grid{grid-template-columns:1fr 1fr;gap:7px;margin:15px 0;display:grid}.diagnostic-grid div{background:var(--panel);border-radius:10px;gap:3px;padding:10px;display:grid}.diagnostic-grid small{color:var(--muted);font-size:var(--fs-small)}.diagnostic-grid strong{font-size:var(--fs-xs)}.lobby-stage{grid-template-rows:minmax(0,1fr);place-items:center;padding:28px;display:grid;overflow-y:auto}.lobby-mark{width:58px;height:58px;color:var(--on-accent-bright);background:linear-gradient(135deg, var(--violet-bright), var(--cyan));box-shadow:0 14px 34px rgba(var(--accent-rgb),.25);border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.stream-video{z-index:0;object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.live-surface .stream-video,.video-tile.remote-screen .stream-video{object-fit:contain}.stream-video:fullscreen{object-fit:contain;background:#000}:is(.video-tile:fullscreen,.live-surface:fullscreen){aspect-ratio:auto;width:100%;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;background:#000;border:0;border-radius:0;margin:0;transform:none}:is(.video-tile,.live-surface):fullscreen .stream-video{object-fit:contain}:is(.video-tile,.live-surface):fullscreen .tile-resize-handle{display:none}:is(.video-tile,.live-surface):fullscreen :is(.tile-actions,.stream-audio,.tile-quality,.tile-popout,.tile-mute,.tile-fit,.tile-footer){transition:opacity var(--dur-slow) var(--ease-standard)}:is(.video-tile,.live-surface):fullscreen:has(.stream-video[data-idle]) :is(.tile-actions,.stream-audio,.tile-quality,.tile-popout,.tile-mute,.tile-fit,.tile-footer):not(:hover,:focus-within){opacity:0;pointer-events:none}:is(.video-tile,.live-surface):fullscreen .stream-video[data-idle]{cursor:none}.waiting-tile{border:1px dashed var(--line-strong);min-height:120px;color:var(--text-soft);background:rgba(var(--fg-rgb),.018);text-align:center;border-radius:14px;place-content:center;justify-items:center;gap:5px;padding:16px;display:grid}.waiting-tile>span{width:38px;height:38px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.1);border-radius:12px;place-items:center;margin-bottom:2px;display:grid}.waiting-tile strong{font-size:var(--fs-xs)}.waiting-tile small{max-width:230px;color:var(--muted);font-size:var(--fs-small);line-height:1.45}.diagnostic-note{color:var(--muted);font-size:var(--fs-small);margin:-5px 0 14px;line-height:1.45}.transfer-history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.transfer-history li{border:1px solid var(--line);background:var(--bg-sunken);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.transfer-history .history-status{background:var(--surface-soft);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex:none;margin-top:1px;padding:3px 7px;font-weight:800}.transfer-history .history-status.completed{color:var(--ok-text);background:rgba(var(--green-rgb),.12)}.transfer-history .history-status.failed{color:var(--danger-text);background:rgba(var(--danger-rgb),.11)}.transfer-history li>div{gap:2px;min-width:0;display:grid}.transfer-history strong{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transfer-history small{color:var(--muted);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transfer-history .history-error{color:var(--danger-text)}.meeting-start-row{flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.meeting-start-row button{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line-strong);min-width:0;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-xs);border-radius:8px;flex:7.6em;justify-content:center;align-items:center;gap:4px;padding:8px 2px;display:flex;overflow:hidden}.meeting-start-row button svg{flex:none}.meeting-start-row button:hover{color:var(--text-strong);border-color:var(--violet)}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.meeting-idle{text-align:center;color:var(--muted);align-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.meeting-idle strong{color:var(--text-soft);font-size:var(--fs-lg)}.meeting-idle p{max-width:380px;font-size:var(--fs-xs);margin:0;line-height:1.5}.call-pulse{border-radius:50%;place-items:center;padding:8px;display:grid;position:relative}.call-pulse:before{content:"";border:2px solid rgba(var(--accent-rgb),.5);animation:call-ring var(--loop-ring) var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.call-pulse.small{width:34px;height:34px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.12);padding:0}@keyframes call-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.35}}.call-actions{gap:10px;display:flex}.call-actions button{font-size:var(--fs-body);border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:flex}.call-actions button:disabled{opacity:.6}.call-actions button{transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.call-actions button:active:not(:disabled){transform:scale(.96)}.call-actions button:focus-visible,.call-banner button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.call-accept{color:var(--on-green);background:var(--green)}.call-accept:hover:not(:disabled){filter:brightness(1.1)}.call-decline{color:var(--on-danger,#fff);background:var(--danger-solid)}.call-decline:hover:not(:disabled){filter:brightness(1.1)}.call-banner{z-index:55;border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-out);border-radius:14px;align-items:center;gap:11px;padding:10px 14px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.call-banner div{gap:1px;display:grid}.call-banner strong{font-size:var(--fs-small)}.call-banner small{color:var(--muted);font-size:var(--fs-small)}.call-banner button{color:var(--on-danger,#fff);background:var(--danger-solid);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-weight:700;display:flex}.mode-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 14px;display:grid}.mode-choice>button{border:1px solid var(--line);color:var(--text-soft);background:var(--panel);text-align:left;border-radius:10px;justify-items:start;gap:6px;padding:10px 11px;display:grid}.mode-choice>button svg{color:var(--violet-bright)}.mode-choice>button span{gap:2px;display:grid}.mode-choice>button strong{font-size:var(--fs-xs)}.mode-choice>button small{color:var(--muted);font-size:var(--fs-small);font-weight:400;line-height:1.35}.mode-choice>button:hover,.mode-choice>button:focus-visible,.mode-choice>button.selected{border-color:rgba(var(--accent-rgb),.62);color:var(--text-strong);background:rgba(var(--accent-rgb),.11)}.expand-video{z-index:3;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);opacity:0;width:30px;height:30px;transition:opacity var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;place-items:center;display:grid;position:absolute;top:9px;right:9px}.expand-video:hover{background:var(--video-btn-bg-hover);border-color:rgba(var(--accent-rgb),.6)}.watch-tile{background:#000;min-height:320px}.watch-player{background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.watch-player iframe{border:0;flex:1;width:100%;min-height:0}.watch-player:fullscreen{background:#000}.watch-player:fullscreen iframe{height:100%}.watch-controls{z-index:2;border-top:1px solid var(--line-strong);background:color-mix(in srgb, var(--panel) 88%, transparent);align-items:center;gap:9px;padding:8px 11px;display:flex;position:absolute;bottom:0;left:0;right:0}.watch-controls input[type=range]{appearance:none;background:var(--surface-soft);border-radius:999px;outline:none;flex:1;min-width:60px;height:4px}.watch-controls input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.watch-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--danger-solid);cursor:pointer;border-radius:50%;width:13px;height:13px}.watch-controls .watch-transport.active{color:var(--violet-bright)}.watch-transport{width:32px;height:32px;color:var(--text-strong);background:var(--surface-soft);transition:background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out);border-radius:8px;flex:none;place-items:center;display:grid}.watch-transport:active:not(:disabled){transform:scale(.95)}.watch-transport:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.watch-transport:hover:not(:disabled){background:var(--hover-bg)}.watch-transport:disabled{opacity:.4}.watch-time{color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;flex:none}.watch-live-badge{color:var(--danger-text);font-size:var(--fs-xs);letter-spacing:.08em;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.watch-click-layer{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.native-watch-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.watch-file-pick{text-align:center;color:var(--text-soft);background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.watch-file-pick strong{font-size:var(--fs-md)}.watch-file-pick small{color:var(--muted);max-width:320px;font-size:var(--fs-xs)}.watch-file-pick button{border:1px solid var(--violet);background:rgba(var(--accent-rgb),.16);color:var(--text-strong);cursor:pointer;border-radius:8px;margin-top:6px;padding:8px 16px;font-weight:700}.watch-add-file{border:1px dashed var(--line-strong);color:var(--text-soft);font-size:var(--fs-xs);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin:0 11px 4px;padding:7px 11px;font-weight:700;display:inline-flex}.watch-add-file:hover:not(:disabled){border-color:var(--violet);color:var(--text-strong)}.watch-add-file:disabled{opacity:.5;cursor:default}.watch-queue-row[draggable=true]{cursor:grab}.watch-queue-row.dragging{opacity:.5}.watch-queue-row.current .watch-queue-platform{color:var(--accent-bright)}.watch-queue-row{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:8px 9px;display:flex}.watch-queue-row.current{border-color:rgba(var(--danger-rgb),.55);background:rgba(var(--danger-rgb),.08)}.watch-queue-row.current .watch-queue-index{color:var(--danger-text);background:rgba(var(--danger-rgb),.28)}.watch-queue-row>button{width:26px;height:26px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.watch-queue-row>button:hover{color:var(--text-strong);background:var(--surface-soft)}.watch-queue-row>button.danger:hover{color:var(--danger-text);background:rgba(var(--danger-rgb),.12)}.watch-vote{justify-content:center;align-items:center;gap:2px;min-width:26px;display:inline-flex}.watch-vote.voted{color:var(--violet-bright)}.watch-queue-platform{color:var(--muted);flex:none;place-items:center;display:grid}.watch-title{max-width:220px;color:var(--text-soft);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.watch-pip{z-index:120;border:1px solid var(--line-strong);width:320px;height:248px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;position:fixed;bottom:74px;right:18px;overflow:hidden}.watch-pip .watch-title{display:none}.watch-pip{-webkit-app-region:no-drag;app-region:no-drag}.watch-pip.beside-panel{right:calc(min(var(--panel-w,334px), 32vw) + 18px)}@media (width<=1240px){.watch-pip.beside-panel{right:calc(min(var(--panel-w,334px), 300px) + 18px)}}@media (width<=1080px){.watch-pip.beside-panel{right:calc(min(var(--panel-w,334px), 270px) + 18px)}}.watch-pip.dragging{opacity:.92;box-shadow:var(--shadow-lg)}.watch-pip.dragging .watch-pip-header{cursor:grabbing}.watch-pip .watch-player{position:absolute;inset:24px 0 0}.watch-pip:fullscreen{border:0;border-radius:0;width:100%;height:100%}.watch-pip:fullscreen .watch-player{inset:24px 0 0}.watch-pip.resizing{-webkit-user-select:none;user-select:none}.watch-pip.resizing iframe,.watch-pip.dragging iframe{pointer-events:none}.watch-pip:fullscreen .watch-pip-resize{display:none}.watch-pip:has(.watch-player:fullscreen) .watch-pip-resize{display:none}.stream-pip{right:auto;left:calc(var(--rail-w,72px) + 18px);z-index:121}.stream-pip-body{background:#000;position:absolute;inset:24px 0 0}.stream-pip-body .stream-video{object-fit:contain}.stream-pip-body:hover .expand-video,.stream-pip-body:hover .tile-actions .expand-video,.stream-pip-body:hover .stream-audio{opacity:1}.stream-pip.resizing video,.stream-pip.dragging video{pointer-events:none}.watch-panel{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex}.watch-add{gap:7px;min-width:0;display:flex}.watch-add input{border:1px solid var(--line-strong);min-width:0;height:36px;color:var(--text-strong);background:var(--bg-sunken);font-size:var(--fs-xs);border-radius:10px;outline:0;flex:1 1 0;padding:0 10px}.watch-add input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.watch-add button{white-space:nowrap;color:var(--on-accent);background:var(--violet);font-size:var(--fs-xs);border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.watch-add button:disabled{opacity:.5}.watch-queue{flex:1;align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}.watch-queue-index{width:20px;height:20px;color:var(--muted);background:var(--surface-soft);font-size:var(--fs-small);border-radius:6px;flex:none;place-items:center;font-weight:700;display:grid}.watch-queue-copy{flex:1;gap:1px;min-width:0;display:grid}.watch-queue-copy strong{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.watch-queue-copy small{color:var(--muted);font-size:var(--fs-small)}.watch-volume-group{color:var(--muted);flex:none;align-items:center;gap:5px;display:inline-flex}input.watch-volume{flex:0 0 64px!important}.tile-mute{z-index:3;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);opacity:0;width:30px;height:30px;transition:opacity var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;place-items:center;display:grid;position:absolute;top:9px;left:9px}.tile-mute:hover{background:var(--video-btn-bg-hover);border-color:rgba(var(--accent-rgb),.6)}.tile-mute.muted{color:var(--on-dark-danger);border-color:rgba(var(--danger-rgb),.5)}.stream-audio{z-index:4;box-sizing:border-box;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);opacity:0;height:30px;transition:opacity var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:center;display:flex;position:absolute;top:9px;left:9px}.stream-audio.below{top:44px}.video-tile:hover .stream-audio,.video-tile:focus-within .stream-audio,.popout-tile:hover .stream-audio,.stream-audio:focus-within,.stream-audio.muted{opacity:1}.stream-audio.muted{color:var(--on-dark-danger);border-color:rgba(var(--danger-rgb),.5)}.stream-audio-button{width:28px;height:28px;color:inherit;border-radius:7px;flex:none;place-items:center;display:grid}.stream-audio-button:hover{background:var(--video-btn-bg-hover)}.stream-audio-slider{opacity:0;width:0;accent-color:var(--accent);transition:width var(--dur) var(--ease-out), margin var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);margin:0;padding:0}.stream-audio:hover .stream-audio-slider,.stream-audio:focus-within .stream-audio-slider{opacity:1;width:84px;margin:0 8px 0 2px}@media (pointer:coarse){.stream-audio .stream-audio-slider{opacity:1;width:84px;margin:0 8px 0 2px}}.stream-audio-button:focus-visible,.stream-audio-slider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stream-closed-tile{text-align:center;cursor:pointer;color:var(--text);background:var(--surface-raised);border:1px dashed var(--line-strong);align-content:center;place-items:center;gap:3px;padding:8px;display:grid}.stream-closed-tile .stream-closed-icon{color:var(--cyan)}.stream-closed-tile strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-small);overflow:hidden}.stream-closed-tile small{color:var(--muted);align-items:center;gap:4px;font-weight:700;display:inline-flex}.stream-closed-tile:hover{border-color:rgba(var(--accent-rgb),.6)}.stream-closed-tile:hover small{color:var(--text-strong)}.stream-closed-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.prejoin{gap:11px;margin:12px 0 14px;display:flex}.prejoin-preview{border:1px solid var(--line-strong);background:#000;border-radius:12px;flex:0 0 168px;height:96px;position:relative;overflow:hidden}.prejoin-preview .stream-video{position:absolute;inset:0}.prejoin-off{color:#ffffffb8;height:100%;font-size:var(--fs-small);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.prejoin-toggles{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.prejoin-toggles>button{border:1px solid var(--line-strong);color:var(--muted);background:var(--panel);font-size:var(--fs-xs);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-weight:700;display:inline-flex}.prejoin-toggles>button.on{border-color:rgba(var(--green-rgb),.55);color:var(--ok-text);background:rgba(var(--green-rgb),.09)}.prejoin-toggles>small{color:var(--muted);font-size:var(--fs-small);line-height:1.35}.attachment-image img{object-fit:contain;max-width:100%;max-height:260px;display:block}.control-group{align-items:stretch;display:flex}.control-group .control-button{border-top-right-radius:0;border-bottom-right-radius:0}.control-chevron{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);width:20px;color:var(--muted);background:var(--surface-soft);border-top-right-radius:12px;border-bottom-right-radius:12px;place-items:center;margin-left:1px;display:grid}.control-chevron:hover{color:var(--text-strong);background:var(--hover-bg)}.volume-setting{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin-top:10px;padding:12px 14px;display:grid}.volume-setting>span{font-size:var(--fs-small);grid-column:1/-1;align-items:center;gap:8px;display:flex}.volume-setting>span svg{color:var(--violet-bright)}.volume-setting input[type=range]{width:100%}.volume-setting strong{font-size:var(--fs-small);text-align:right;min-width:44px}.volume-setting small{color:var(--muted);font-size:var(--fs-small);grid-column:1/-1}.watch-resize-handle{cursor:ns-resize;touch-action:none;border-radius:6px;height:10px;margin:-4px 0;position:relative}.watch-resize-handle:after{content:"";background:var(--line-strong);border-radius:999px;width:64px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-resize-handle:hover:after{background:var(--violet)}.watch-popped-note{text-align:center;color:var(--muted);flex:1;place-content:center;justify-items:center;gap:7px;padding:18px;display:grid}.watch-popped-note strong{color:var(--text-soft);font-size:var(--fs-lg)}.watch-popped-note small{max-width:320px;font-size:var(--fs-xs);line-height:1.5}.watch-popped-note button{color:var(--on-accent-bright);background:var(--violet-bright);font-size:var(--fs-small);border-radius:8px;margin-top:4px;padding:8px 14px;font-weight:700}.watch-popped-note svg{color:var(--violet-bright)}.watch-error-note{z-index:1;text-align:center;color:var(--muted);background:#000;place-content:center;justify-items:center;gap:7px;padding:18px;display:grid;position:absolute;inset:0 0 48px}.watch-error-note strong{color:var(--text-soft);font-size:var(--fs-lg)}.watch-error-note small{max-width:340px;font-size:var(--fs-xs);line-height:1.5}.watch-error-note button{color:var(--on-accent-bright);background:var(--violet-bright);font-size:var(--fs-small);border-radius:8px;margin-top:4px;padding:8px 14px;font-weight:700}.watch-error-note svg{color:var(--danger-solid)}.watch-rate{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--panel);font-size:var(--fs-xs);border-radius:8px;flex:none;padding:4px 6px}.chat-transport-status small,.transport-status small{font-size:var(--fs-small)}.tile-actions{z-index:3;gap:5px;display:flex;position:absolute;top:9px;right:9px}.tile-actions .expand-video{position:static}.annotation-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.annotation-layer.drawing-enabled{pointer-events:auto}.annotation-layer.drawing-enabled .annotation-svg{cursor:crosshair;touch-action:none}.annotation-svg{width:100%;height:100%;position:absolute;inset:0}.annotation-toolbar{z-index:4;background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-md);pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.annotation-toolbar button{background:rgba(var(--fg-rgb),.08);width:28px;height:28px;color:var(--text-strong);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.annotation-toolbar button:hover{background:rgba(var(--fg-rgb),.16)}.annotation-toolbar button.active{background:rgba(var(--cyan-rgb),.28);border-color:rgba(var(--cyan-rgb),.6)}.annotation-toolbar .annotation-color{width:20px;height:20px}.annotation-toolbar .annotation-color.selected{border-color:var(--text-strong);box-shadow:0 0 0 2px rgba(var(--fg-rgb),.5)}.annotation-toolbar .annotation-clear:hover{background:rgba(var(--danger-rgb),.32)}.watch-pip-header{z-index:5;border-bottom:1px solid var(--line);height:24px;color:var(--muted);background:var(--panel);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:flex;position:relative}.watch-pip-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.watch-pip-header button{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;place-items:center;display:grid}.watch-pip-header button:hover{color:var(--text-strong);background:var(--surface-raised)}.unfeature{border:1px solid var(--line-strong);color:var(--text-soft);background:color-mix(in srgb, var(--panel) 88%, transparent);font-size:var(--fs-small);border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-weight:700;display:inline-flex}.unfeature:hover{color:var(--text-strong);border-color:var(--violet)}.prejoin-quality{color:var(--text-soft);font-size:var(--fs-small);justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.prejoin-quality>span{align-items:center;gap:6px;display:inline-flex}.prejoin-quality svg{color:var(--cyan)}.prejoin-quality select{border:1px solid var(--line-strong);min-width:0;color:var(--text-soft);background:var(--bg-sunken);font-size:var(--fs-small);border-radius:8px;padding:7px 8px}.level-meter{background:var(--panel);border-radius:999px;height:10px;position:relative;overflow:hidden}.level-meter-fill{transform-origin:0;background:linear-gradient(90deg, #5ed7a4, #ffd23b 70%, var(--danger));width:100%;height:100%;transition:transform 50ms linear;transform:scaleX(0)}.level-meter-threshold{background:var(--text-strong);width:2px;height:14px;position:absolute;top:-2px;box-shadow:0 0 0 1px #0006}.ptt-indicator{border:1px solid var(--line-strong);background:var(--panel);min-width:52px;color:var(--muted);font-size:var(--fs-small);letter-spacing:.04em;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 8px;font-weight:800;display:inline-flex}.ptt-indicator.talking{border-color:rgba(var(--speaking-rgb),.7);color:var(--ok-text);background:rgba(var(--speaking-rgb),.14);box-shadow:0 0 0 1px rgba(var(--speaking-rgb),.5), 0 0 14px rgba(var(--speaking-rgb),.3)}.stream-preview-off{text-align:center;place-items:center;gap:7px;padding:20px;display:grid}.stream-preview-off>span{width:46px;height:46px;color:var(--danger-text);background:rgba(var(--danger-rgb),.12);border-radius:14px;place-items:center;display:grid}.stream-preview-off strong{font-size:var(--fs-body)}.stream-preview-off small{max-width:420px;color:var(--muted);font-size:var(--fs-small);line-height:1.5}.stream-preview-off button{color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-small);border-radius:10px;align-items:center;gap:6px;margin-top:2px;padding:8px 12px;font-weight:700;display:inline-flex}.stream-preview-off button:hover{color:var(--text-strong)}.stage>.participant-gallery{order:-1}.participant-gallery{min-height:0;padding:2px calc(2px + var(--gallery-pad,0px));scrollbar-gutter:stable both-edges;flex-wrap:wrap;place-content:safe center center;align-items:center;gap:10px;display:flex;overflow-y:auto}.participant-gallery>*{box-sizing:border-box;width:min(calc(var(--tile-w,240px) * var(--tile-weight,1)), 100%);aspect-ratio:16/9;flex:none;min-width:min(160px,100%);min-height:0;overflow:hidden}.tile-resize-handle{z-index:4;touch-action:none;position:absolute}.tile-resize-handle.n,.tile-resize-handle.s{height:6px;left:44px;right:44px}.tile-resize-handle.e,.tile-resize-handle.w{width:6px;top:44px;bottom:44px}.tile-resize-handle.n{top:0}.tile-resize-handle.s{bottom:0}.tile-resize-handle.e{right:0}.tile-resize-handle.w{left:0}.tile-resize-handle.ne,.tile-resize-handle.nw,.tile-resize-handle.se,.tile-resize-handle.sw{width:9px;height:9px}.tile-resize-handle.nw{top:0;left:0}.tile-resize-handle.ne{top:0;right:0}.tile-resize-handle.sw{bottom:0;left:0}.tile-resize-handle.se{bottom:0;right:0}.tile-resize-handle:before{content:"";opacity:0;background:rgba(var(--accent-rgb), .85);transition:opacity var(--dur-fast) var(--ease-out);border-radius:999px;position:absolute}.tile-resize-handle.n:before,.tile-resize-handle.s:before{width:36px;height:3px;top:2px;left:50%;translate:-50%}.tile-resize-handle.e:before,.tile-resize-handle.w:before{width:3px;height:36px;top:50%;left:2px;translate:0 -50%}.tile-resize-handle.ne:before,.tile-resize-handle.nw:before,.tile-resize-handle.se:before,.tile-resize-handle.sw:before{border:0 solid rgba(var(--accent-rgb), .85);background:0 0;border-radius:3px;width:8px;height:8px}.tile-resize-handle.nw:before{border-top-width:2px;border-left-width:2px;top:2px;left:2px}.tile-resize-handle.ne:before{border-top-width:2px;border-right-width:2px;top:2px;right:2px}.tile-resize-handle.sw:before{border-bottom-width:2px;border-left-width:2px;bottom:2px;left:2px}.tile-resize-handle.se:before{border-bottom-width:2px;border-right-width:2px;bottom:2px;right:2px}.gallery-tile:hover .tile-resize-handle:before{opacity:.45}.tile-resize-handle:hover:before,.gallery-tile[data-resizing] .tile-resize-handle:before{opacity:1}.gallery-tile[data-resizing]{-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2px rgba(var(--accent-rgb), .55), var(--shadow-md)}.gallery-tile[data-resizing] video{pointer-events:none}.participant-gallery .waiting-tile,.participant-gallery .invite-tile{min-height:0;padding:8px}.participant-gallery.free-layout{scrollbar-gutter:auto;padding:0;display:block;position:relative;overflow:hidden}.participant-gallery.free-layout>*{-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:0 0;position:absolute;top:0;left:0}.participant-gallery.free-layout>.gallery-tile{cursor:grab}.participant-gallery.free-layout>[data-dragging]{cursor:grabbing;box-shadow:0 0 0 2px rgba(var(--accent-rgb), .55), var(--shadow-md);will-change:transform;transition:none}.participant-gallery.free-layout>[data-dragging] video,.participant-gallery.free-layout>[data-dragging] .tile-resize-handle{pointer-events:none}.participant-gallery.free-layout>.gallery-tile:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.gallery-tile{cursor:pointer;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.tile-fit{z-index:3;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);opacity:0;width:30px;height:30px;transition:opacity var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border-radius:8px;place-items:center;display:grid;position:absolute;bottom:9px;right:9px}.tile-fit:hover{background:var(--video-btn-bg-hover);border-color:rgba(var(--accent-rgb),.6)}.video-tile:hover .tile-fit,.tile-fit:focus-visible,.tile-fit[aria-pressed=true]:hover{opacity:1}.tile-fit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.video-tile[data-fit=contain] .stream-video{object-fit:contain}.tile-stream-badge{color:var(--on-danger);background:rgba(var(--danger-rgb),.9);font-size:var(--fs-xs);z-index:3;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.tile-stream-badge .stream-viewers{color:#fff;background:#00000059;margin-left:6px}.live-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--danger-rgb),.9);animation:live-pulse var(--loop-ring) var(--ease-in-out) infinite;border-radius:999px;flex:none}.streaming-chip{border:1px solid rgba(var(--danger-rgb),.45);color:var(--danger-text);background:rgba(var(--danger-rgb),.13);font-size:var(--fs-small);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;margin-right:5px;padding:7px 11px;font-weight:800;display:inline-flex}.streaming-chip:hover{color:var(--text-strong);background:rgba(var(--danger-rgb),.22)}.tile-preview-toggle{z-index:3;color:#fff;background:#0a0a10b8;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex;position:absolute;top:8px;right:8px}.tile-preview-toggle:hover{border-color:var(--violet-bright);background:#161622eb}.record-button{border:1px solid var(--border,var(--panel-hover));height:36px;color:inherit;cursor:pointer;font-size:var(--fs-body);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.record-button.recording{border-color:var(--danger);color:var(--danger-text)}.record-button.recording svg{fill:var(--danger);color:var(--danger-text);animation:recording-pulse var(--loop-pulse) var(--ease-in-out) infinite}.recording-banner{z-index:20;background:color-mix(in srgb, var(--danger-solid) 30%, var(--panel-raised));max-width:calc(100% - 32px);color:var(--text-strong);font-size:var(--fs-md);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.recording-dot{background:var(--danger);width:9px;height:9px;animation:recording-pulse var(--loop-pulse) var(--ease-in-out) infinite;border-radius:50%}.tile-quality{z-index:3;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);max-width:120px;height:26px;font-size:var(--fs-small);opacity:0;transition:opacity var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);cursor:pointer;border-radius:8px;padding:0 6px;font-weight:700;position:absolute;top:9px;left:9px}.tile-quality.below-mute{top:44px}.tile-quality:hover{background:var(--video-btn-bg-hover);border-color:rgba(var(--accent-rgb),.6)}.tile-quality.active{border-color:rgba(var(--accent-rgb),.6)}.tile-quality option{color:var(--text);background:var(--panel-raised)}.watch-quality.active{color:var(--violet-bright);border-color:rgba(var(--accent-rgb),.6)}.watch-quality:disabled{opacity:.55;cursor:not-allowed}.watch-quality option{color:var(--text-strong);background:var(--panel)}.watch-pip-resize{z-index:6;touch-action:none;position:absolute}.watch-pip-resize.n,.watch-pip-resize.s{height:6px;left:14px;right:14px}.watch-pip-resize.e,.watch-pip-resize.w{width:6px;top:14px;bottom:14px}.watch-pip-resize.n{top:0}.watch-pip-resize.s{bottom:0}.watch-pip-resize.e{right:0}.watch-pip-resize.w{left:0}.watch-pip-resize.nw,.watch-pip-resize.ne,.watch-pip-resize.sw,.watch-pip-resize.se{width:9px;height:9px}.watch-pip-resize.nw{top:0;left:0}.watch-pip-resize.ne{top:0;right:0}.watch-pip-resize.sw{bottom:0;left:0}.watch-pip-resize.se{bottom:0;right:0}.watch-pip-resize.nw:before,.watch-pip-resize.ne:before,.watch-pip-resize.sw:before,.watch-pip-resize.se:before{content:"";opacity:0;border:0 solid rgba(var(--fg-rgb),.35);width:8px;height:8px;transition:opacity var(--dur-fast) var(--ease-out);position:absolute}.watch-pip-resize.nw:before{border-top-width:2px;border-left-width:2px;border-top-left-radius:3px;top:1px;left:1px}.watch-pip-resize.ne:before{border-top-width:2px;border-right-width:2px;border-top-right-radius:3px;top:1px;right:1px}.watch-pip-resize.sw:before{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:3px;bottom:1px;left:1px}.watch-pip-resize.se:before{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:3px;bottom:1px;right:1px}.watch-pip:hover .watch-pip-resize:before,.watch-pip.resizing .watch-pip-resize:before{opacity:1}.watch-pip-resize:hover:before,.watch-pip.resizing .watch-pip-resize:hover:before{border-color:var(--violet)}.watch-start-gate{text-align:center;color:var(--text-soft);background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.watch-start-gate button{border:1px solid var(--violet);background:rgba(var(--accent-rgb),.16);color:var(--text-strong);cursor:pointer;border-radius:8px;margin-top:4px;padding:8px 16px;font-weight:700}.clip-toast{z-index:151;overflow-wrap:anywhere;border:1px solid var(--line-strong);max-width:min(520px,100vw - 32px);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-out);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:9px;padding:8px 10px 8px 13px;display:flex;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.clip-toast button{border:1px solid var(--line-strong);color:inherit;background:rgba(var(--fg-rgb),.06);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.clip-toast button:hover{background:rgba(var(--fg-rgb),.12)}.clip-toast .clip-toast-close{padding:5px}.gif-preview img{background:var(--bg-sunken);border-radius:8px;max-width:100%;max-height:260px;display:block}.gif-tile img{object-fit:cover;width:100%;height:100%;display:block}.soundboard-panel{z-index:120;border:1px solid var(--line-strong);background:var(--surface-raised);max-width:calc(100vw - 24px);max-height:min(70vh,460px);box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);text-align:left;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;overflow-y:auto}.soundboard-head{align-items:center;gap:6px;display:flex}.soundboard-head strong{flex:1}.soundboard-head span{color:var(--text-soft);font-size:var(--fs-small)}.soundboard-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.soundboard-sound{min-height:64px;color:var(--text);background:var(--surface-soft);font-size:var(--fs-small);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.soundboard-sound:hover:not(:disabled){background:var(--violet,#7c5cff);color:var(--on-accent)}.soundboard-sound:disabled{opacity:.45}.soundboard-sound kbd{font:inherit;font-size:var(--fs-xs);opacity:.6;position:absolute;top:3px;right:5px}.soundboard-emoji{font-size:var(--fs-2xl);place-items:center;line-height:1;display:inline-grid}.soundboard-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.soundboard-empty,.soundboard-hint{color:var(--text-soft);font-size:var(--fs-small);margin:0}.soundboard-error{color:var(--danger-text);font-size:var(--fs-small);margin:0}.soundboard-manage{flex-direction:column;gap:8px;display:flex}.soundboard-manage-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.soundboard-manage-list li{align-items:center;gap:8px;display:flex}.soundboard-manage-list .soundboard-name{flex:1}.soundboard-confirm{gap:4px;display:inline-flex}.soundboard-form{gap:6px;display:grid}.soundboard-form label{font-size:var(--fs-small);color:var(--text-soft);gap:3px;display:grid}.soundboard-form input[type=text]{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--text);font:inherit;border-radius:8px;padding:6px 8px}.soundboard-upload{color:var(--on-accent);background:var(--violet,#7c5cff);border-radius:8px;padding:7px 10px}.soundboard-upload:disabled{opacity:.45}.stream-viewers{background:var(--surface-soft);color:var(--text-soft);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:2px;padding:0 4px;font-weight:700;line-height:13px;display:inline-flex}.stream-thumb-card{z-index:1000;border:1px solid var(--line-strong);background:var(--surface-raised);width:336px;color:var(--text);box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);pointer-events:none;border-radius:10px;padding:8px;position:fixed}.stream-thumb-image{object-fit:contain;background:#000;border-radius:6px;width:320px;height:180px;display:block}.stream-thumb-empty{box-sizing:border-box;background:var(--surface-soft);width:320px;height:180px;color:var(--text-soft);font-size:var(--fs-small);text-align:center;border-radius:6px;place-items:center;padding:0 16px;display:grid}.stream-thumb-meta{font-size:var(--fs-small);justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;display:flex}.pending-attachment-preview img{object-fit:cover;border-radius:7px;max-width:120px;max-height:90px}.connection-info-popover{z-index:245;border:1px solid var(--line-strong);background:var(--panel-raised);min-width:240px;max-width:320px;box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease-out);border-radius:12px;gap:8px;padding:10px 12px;display:grid;position:fixed}.connection-info-popover header{align-items:center;gap:8px;display:flex}.connection-info-popover header strong{font-size:var(--fs-body)}.connection-info-popover header .icon-button{border-radius:7px;width:26px;height:26px;margin:-4px -4px -4px 0}.connection-info-popover header span{min-width:0;color:var(--muted);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.connection-info-popover dl{gap:4px;margin:0;display:grid}.connection-info-popover small{color:var(--muted);font-size:var(--fs-xs)}.connection-info-row{font-size:var(--fs-small);justify-content:space-between;gap:12px;display:flex}.connection-info-row dt{color:var(--muted)}.connection-info-row dd{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;margin:0}.connection-info-value.good{color:var(--ok-text)}.connection-info-value.warn{color:var(--warn-text)}.connection-info-value.bad{color:var(--danger-text)}.connection-info-empty{color:var(--muted);font-size:var(--fs-small);margin:0}.connection-e2ee{font-size:var(--fs-small);gap:3px;margin:0;display:grid}.connection-e2ee p,p.connection-e2ee{align-items:center;gap:6px;margin:0;display:flex}.connection-e2ee.ok{color:var(--ok-text)}.connection-e2ee.warn{color:var(--warn-text)}.connection-e2ee code{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.tile-e2ee-warning{z-index:3;border:1px solid var(--warn-text);max-width:calc(100% - 24px);color:var(--warn-text);background:var(--panel-raised);font-size:var(--fs-small);text-align:center;border-radius:8px;padding:4px 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection-sfu-error{color:var(--danger-text);font-size:var(--fs-small);align-items:center;gap:8px;margin:0;display:flex}.connection-sfu-error span{flex:1}.connection-quality-badge .media-mode-tag.error{color:var(--danger-text)}.signal-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.signal-bars i{background:var(--line-strong);border-radius:1px;width:3px}.signal-bars i:first-child{height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:12px}.signal-bars.good i.lit{background:var(--ok-text)}.signal-bars.medium i.lit{background:var(--warn-text)}.signal-bars.bad i.lit{background:var(--danger-text)}.connection-quality-badge{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:3px 5px;display:inline-flex}.connection-quality-badge:hover,.connection-quality-badge[aria-expanded=true]{background:var(--hover-bg)}.connection-quality-badge .media-mode-tag{font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-left:4px;font-weight:700}.connection-quality-popover{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden auto}.connection-quality-peers{gap:8px;display:grid}.connection-quality-peer-head{font-size:var(--fs-small);align-items:center;gap:8px;display:flex}.connection-quality-peer-head small{flex:none}.connection-quality-peer-head strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.connection-quality-grid{font-size:var(--fs-small);grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin:4px 0 0;display:grid}.connection-quality-grid dt{color:var(--muted)}.connection-quality-grid dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.connection-quality-why{border-top:1px solid var(--line);font-size:var(--fs-small);gap:6px;padding-top:6px;display:grid}.connection-quality-why ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.connection-quality-why li{gap:2px;display:grid}.connection-quality-why li.bad>span{color:var(--danger-text)}.connection-quality-why li.medium>span{color:var(--warn-text)}.connection-quality-popover footer{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.connection-quality-popover footer button{border:1px solid var(--line-strong);color:var(--text-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-weight:600;display:inline-flex}.connection-quality-popover footer button:hover:not(:disabled){color:var(--text);background:var(--hover-bg)}.connection-quality-popover footer button:disabled{opacity:.45;cursor:default}.whisper-banner{z-index:20;background:color-mix(in srgb, var(--accent) 28%, var(--panel-raised));max-width:calc(100% - 32px);color:var(--text-strong);border:1px solid rgba(var(--accent-rgb),.7);box-shadow:0 0 18px rgba(var(--accent-rgb),.4);font-size:var(--fs-md);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 16px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.whisper-banner strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.whisper-banner.empty{background:color-mix(in srgb, var(--amber) 22%, var(--panel-raised));color:var(--text-strong);border-color:rgba(var(--amber-rgb),.6);box-shadow:0 0 14px rgba(var(--amber-rgb),.3)}.whisper-list{border:1px solid var(--line);background:var(--bg-sunken);border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.whisper-list-head{align-items:center;gap:8px;display:flex}.whisper-members{flex-wrap:wrap;gap:6px;display:flex}.whisper-chip{background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.45);color:var(--text);font-size:var(--fs-body);border-radius:999px;align-items:center;gap:5px;padding:3px 5px 3px 10px;display:inline-flex}.whisper-chip.role{background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.45)}.whisper-role-add{min-width:0;color:var(--text-soft);font-size:var(--fs-body);align-items:center;gap:8px;display:flex}.whisper-role-add select{flex:auto;min-width:0}.whisper-actions{align-items:center;gap:10px;display:flex}@media (width<=1080px){.connection-chip{display:none}.stage{padding-inline:10px}.participant-strip{height:118px}.control-button span{display:none}.meeting-area>.recording-banner{top:68px}}@media (width<=1240px){.control-button{min-width:54px}}@media (width<=1080px){.control-button{min-width:46px}}@media (width<=640px){.mode-choice{grid-template-columns:1fr}}.expand-video:focus-visible,.tile-mute:focus-visible,.tile-quality:focus-visible,.tile-preview-toggle:focus-visible,.watch-add-file:focus-visible,.unfeature:focus-visible,.record-button:focus-visible,.streaming-chip:focus-visible,.soundboard-sound:focus-visible,.annotation-toolbar button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stage{position:relative}.meeting-keys-locked{border:1px solid var(--amber);border-radius:var(--radius);background:color-mix(in srgb, var(--amber) 12%, var(--surface-raised));color:var(--text);font-size:var(--fs-small);gap:6px;padding:10px 12px;display:grid}.meeting-keys-locked>p{align-items:flex-start;gap:8px;margin:0;font-weight:600;line-height:1.45;display:flex}.meeting-keys-locked>p>svg{color:var(--amber);flex:none;margin-top:2px}.meeting-keys-locked .e2e-vault-banner{margin:0}.caption-lines{pointer-events:none;flex-direction:column;flex:none;justify-self:center;align-items:center;gap:4px;width:min(720px,100%);display:flex}.caption-line{overflow-wrap:anywhere;background:color-mix(in srgb, var(--surface-raised) 94%, transparent);max-width:100%;color:var(--text);font-size:var(--fs-lg);text-align:center;box-shadow:var(--shadow-sm);animation:caption-in var(--dur) var(--ease-out);transition:opacity var(--dur-slow) var(--ease-standard);text-wrap:pretty;border-radius:8px;flex:none;margin:0;padding:5px 12px;line-height:1.35}.caption-line strong{color:var(--accent);font-weight:600}.caption-line.own strong{color:var(--muted)}.caption-line.older{opacity:.75}.caption-line.fading{opacity:0;transition:opacity 2s var(--ease-in) }.caption-line.unsure:not(.fading){opacity:.55}.caption-conf{vertical-align:middle;background:var(--muted);border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.caption-conf.good{background:var(--ok-text)}.caption-conf.mid{background:var(--warn-text)}.caption-conf.low{background:var(--danger-text)}@keyframes caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.captions-dock{align-items:center;gap:4px;display:inline-flex;position:relative}.captions-panel{background:var(--surface);width:min(420px,90vw);height:min(460px,60vh);color:var(--text);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);z-index:30;border-radius:10px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.captions-panel header,.captions-panel footer{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.captions-panel header{border-bottom:1px solid var(--line-strong)}.captions-panel footer{border-top:1px solid var(--line-strong);justify-content:flex-start}.captions-panel footer button{align-items:center;gap:5px;display:inline-flex}.captions-panel-close{color:var(--muted);cursor:pointer;background:0 0;border:0}.captions-hint{font-size:var(--fs-small);color:var(--muted);margin:0;padding:8px 12px}.captions-panel.wide{width:min(780px,94vw);height:min(78vh,760px)}.captions-panel-tools{gap:6px;display:inline-flex}.captions-search{border:1px solid var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;gap:6px;margin:8px 12px 0;padding:4px 8px;display:flex}.captions-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.captions-search input{min-width:0;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:none;flex:1}.captions-search-count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.captions-list-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.captions-list{flex:1;align-content:start;gap:10px;margin:0;padding:6px 12px;list-style:none;display:grid;overflow-y:auto}.captions-group{font-size:var(--fs-body);gap:2px;display:grid}.captions-group-head{align-items:baseline;gap:8px;display:flex}.captions-group-head time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:var(--fs-xs)}.captions-group p{overflow-wrap:anywhere;margin:0;line-height:1.45}.captions-group.own strong{color:var(--muted)}.captions-segment.unsure{opacity:.55}.captions-percent{color:var(--muted);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;margin-left:3px}.captions-list .caption-conf{width:6px;height:6px;margin-left:2px}.captions-list li.captions-empty{color:var(--muted);font-size:var(--fs-body);display:block}.captions-latest{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);font-size:var(--fs-small);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.captions-progress{width:100%;margin-top:6px;display:block}.caption-line.pending{opacity:.75}.captions-timing{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;margin:0;padding:2px 12px 6px}.captions-error{color:var(--danger);display:block}.rc-wait-backdrop{z-index:130;background:var(--scrim);animation:fade-in var(--dur) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.rc-wait-backdrop>.rc-wait{animation:dialog-in var(--dur-slow) var(--ease-out)}.rc-wait{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(440px,100vw - 32px);color:var(--text-soft);background:var(--surface-raised);box-shadow:var(--shadow-lg);font-size:var(--fs-body);gap:10px;padding:20px;display:grid}.rc-wait h2{color:var(--text);font-size:var(--fs-xl);align-items:center;gap:8px;margin:0;display:flex}.rc-wait p{margin:0}.rc-wait small{color:var(--muted);font-size:var(--fs-small)}.rc-wait-actions{justify-content:flex-end;display:flex}.rc-wait-actions button,.rc-bar-warn{color:var(--amber);background:var(--surface-soft);font-size:var(--fs-small);border-radius:999px;padding:2px 9px}.rc-end{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface-soft);cursor:pointer;align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.rc-code{color:var(--text);background:var(--surface-soft);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:6px;padding:2px 7px;font-family:ui-monospace,Consolas,monospace}.rc-code.pending{color:var(--muted);letter-spacing:0;font-family:inherit}.rc-overlay{z-index:125;background:var(--bg-deep);border:3px solid var(--danger-solid);flex-direction:column;display:flex;position:fixed;inset:0}.rc-bar{color:var(--text);background:var(--surface-raised);border-bottom:1px solid var(--line-strong);font-size:var(--fs-body);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:7px 12px;display:flex}.rc-bar-code,.rc-bar-hint{color:var(--text-soft);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.rc-bar kbd{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:5px;padding:1px 6px;font-family:inherit}.rc-end{border-color:var(--danger-solid);background:var(--danger-solid);color:var(--on-danger);margin-left:auto}.rc-stage{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;flex:1;min-height:0;display:grid;position:relative}.rc-stage.focused{box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb), .6)}.rc-video{object-fit:contain;pointer-events:none;background:#000;width:100%;height:100%;min-height:0}.rc-focus-hint{color:var(--on-dark-text);font-size:var(--fs-small);pointer-events:none;animation:toast-in var(--dur) var(--ease-out);background:#000000b3;border-radius:999px;padding:7px 14px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.rc-notice{z-index:160;border:1px solid var(--line-strong);border-radius:var(--radius);max-width:min(520px,100vw - 32px);color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow-lg);font-size:var(--fs-small);animation:toast-in var(--dur-slow) var(--ease-out);align-items:center;gap:10px;padding:9px 14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.rc-notice button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:3px;display:inline-grid}.spotify-activity-link{all:unset;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.spotify-activity-link:hover,.spotify-activity-link:focus-visible{text-decoration:underline}.spotify-cover{object-fit:cover;border-radius:3px}.spotify-settings,.spotify-client-id{gap:8px;display:grid}.spotify-settings-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tile-popout{z-index:3;border:1px solid var(--video-btn-line);color:#eef;background:var(--video-btn-bg);opacity:0;width:30px;height:30px;transition:opacity var(--dur) var(--ease-out), background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;place-items:center;display:grid;position:absolute;top:9px;left:44px}.video-tile:hover .tile-popout,.tile-popout:focus-visible,.tile-popout.active{opacity:1}.tile-popout.active{color:var(--accent-bright);border-color:rgba(var(--accent-rgb),.6)}.tile-popout:hover{background:var(--video-btn-bg-hover);border-color:rgba(var(--accent-rgb),.6)}.popout-area .popout-tile{min-height:0;box-shadow:none;cursor:default;border:0;border-radius:0;margin:0}.popout-area .popout-tile .stream-video{object-fit:contain;width:100%;height:100%}.popout-area .popout-watch{background:#000;min-width:0;min-height:0;position:relative}.watch-popped-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.watch-player{container:watch-player/inline-size}@container watch-player (width<=560px){.watch-controls{gap:5px;padding:5px 6px}.watch-controls .watch-transport{border-radius:7px;width:26px;height:26px}.watch-controls .watch-time{display:none}.watch-controls input[type=range]{min-width:40px}.watch-controls .watch-rate,.watch-controls .watch-quality{max-width:52px;padding:2px 3px}.watch-controls .watch-volume-group input.watch-volume{opacity:0;width:0;min-width:0;transition:flex-basis var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-out);flex:0 0 0!important}.watch-controls .watch-volume-group:hover input.watch-volume,.watch-controls .watch-volume-group:focus-within input.watch-volume{opacity:1;width:56px;flex-basis:56px!important}}@container watch-player (width<=310px){.watch-controls{flex-wrap:wrap;row-gap:4px}.watch-controls input[type=range]:not(.watch-volume){flex:1 0 100%;order:9}}@container watch-player (width<=270px){.watch-controls .watch-rate,.watch-controls .watch-quality{max-width:44px}}.watch-controls{transition:opacity var(--dur-slow) var(--ease-standard)}.watch-player[data-idle] .watch-controls{opacity:0;pointer-events:none}.watch-player[data-idle],.watch-player[data-idle] .watch-click-layer{cursor:none}.stream-video[data-idle]:fullscreen{cursor:none}.watch-queue-row:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.invite-tile{border:1px dashed rgba(var(--accent-rgb),.24);color:var(--text-soft);background:rgba(var(--accent-rgb),.035);font-size:var(--fs-small);border-radius:16px;place-content:center;justify-items:center;gap:8px;font-weight:700;display:grid}.invite-tile span{width:38px;height:38px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.11);border-radius:12px;place-items:center;display:grid}.invite-tile{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard)}.invite-tile:hover{color:var(--text-strong);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.075)}.modal-backdrop{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));animation:fade-in var(--dur) var(--ease-out);place-items:center;padding:24px;display:grid;position:fixed;inset:0}@media (prefers-reduced-transparency:reduce){.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.invite-details{min-height:120px;padding:13px}.invite-details strong{font-size:var(--fs-small)}.invite-details small{color:var(--muted);font-size:var(--fs-small)}.entry-dialog{overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--panel-raised);width:min(470px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);border-radius:20px;padding:22px;overflow-y:auto}.entry-dialog>header{justify-content:space-between;align-items:flex-start;display:flex}.entry-dialog h2{color:var(--text-strong);font-size:var(--fs-2xl);letter-spacing:-.025em;margin:4px 0 0;font-weight:700}.screen-picker{width:min(640px,100%)}.name-prompt{gap:14px;width:min(400px,100%);display:grid}.name-prompt .field small{color:var(--muted)}.confirm-backdrop{z-index:130}.confirm-dialog{gap:14px;width:min(400px,100%);display:grid}.confirm-dialog>header{justify-content:flex-start}.confirm-title{align-items:center;gap:9px;display:flex}.confirm-title svg{color:var(--violet-bright);flex:none}.confirm-dialog.danger .confirm-title svg{color:var(--danger)}.confirm-dialog h2{margin:0}.confirm-message{color:var(--text-soft);font-size:var(--fs-body);white-space:pre-line;margin:0;line-height:1.5}.confirm-option{color:var(--text-soft);font-size:var(--fs-body);cursor:pointer;align-items:flex-start;gap:8px;display:flex}.confirm-option input{margin-top:3px}.dialog-actions>.primary-action:focus-visible,.dialog-actions>.dialog-cancel:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.call-backdrop{z-index:140}.incoming-call{text-align:center;justify-items:center;gap:12px;width:min(360px,100%);display:grid}.incoming-call:focus,.incoming-call:focus-visible{outline:none}.call-key-hint{color:var(--text-muted);font-size:var(--fs-small)}.incoming-call h2{color:var(--text-strong);font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.server-dialog{width:min(520px,100%)}.context-menu{transform-origin:0 0;z-index:240;overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--panel-raised);min-width:218px;max-width:280px;max-height:calc(100vh - 16px);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);border-radius:12px;gap:2px;padding:6px;display:grid;position:fixed;overflow-y:auto}.context-menu>button{width:100%;color:var(--text-soft);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-weight:500;display:flex}.context-menu>button:hover:not(:disabled),.context-submenu>button:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.context-menu>button:hover:not(:disabled) svg,.context-submenu>button:hover:not(:disabled) svg{color:inherit}.context-menu>button:disabled{opacity:.45}.context-menu>button svg,.context-submenu>button svg{color:var(--muted);flex:none}.context-menu>button.danger{color:var(--danger-text)}.context-menu>button:active:not(:disabled),.context-submenu>button:active:not(:disabled){background:var(--accent-strong)}.context-menu>button.danger:hover:not(:disabled),.context-submenu>button.danger:hover:not(:disabled){color:var(--on-danger);background:var(--danger-solid)}.context-menu-title{color:var(--muted);font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;padding:6px 9px 4px;font-weight:700;overflow:hidden}.context-menu-separator{background:var(--line-strong);height:1px;margin:3px 4px}.context-submenu{animation:pop-in var(--dur-fast) var(--ease-out);gap:2px;display:grid}.context-submenu>button{width:100%;color:var(--text-soft);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-weight:500;display:flex}.context-submenu>button.danger{color:var(--danger-text)}.context-submenu>button:disabled{opacity:.45}.context-submenu>button.context-submenu-item{padding-left:26px}.context-submenu-caret{color:var(--muted);margin-left:auto}.context-menu-slider{gap:7px;padding:8px 9px 10px;display:grid}.context-menu-slider>span{color:var(--text-soft);font-size:var(--fs-small);justify-content:space-between;font-weight:700;display:flex}.context-menu-slider strong{color:var(--accent-bright)}.context-menu-slider input[type=range]{appearance:none;background:var(--panel-hover);border-radius:999px;outline:none;width:100%;height:4px}.context-menu-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.22);cursor:pointer;border-radius:50%}.entry-identity{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 11px;display:flex}.entry-identity>div{flex:1;gap:2px;min-width:0;display:grid}.entry-identity strong{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-identity small{color:var(--muted);font-size:var(--fs-small);line-height:1.35}.entry-identity>button{border:1px solid var(--line-strong);color:var(--text-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;flex:none;padding:7px 11px;font-weight:700}.entry-identity>button:hover{border-color:rgba(var(--accent-rgb),.62);color:var(--text-strong);background:var(--hover-bg)}.invite-input{border:1px solid var(--line-strong);resize:vertical;width:100%;min-height:62px;color:var(--text-strong,#fff);background:var(--bg-sunken);font-family:inherit;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:10px;outline:0;padding:8px 10px}.invite-input:hover{border-color:var(--line-strong)}.invite-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.bell-wrap{position:relative}.bell-menu{transform-origin:100% 0;z-index:40;border:1px solid var(--line-strong);background:var(--panel-raised);width:300px;max-height:380px;box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.bell-menu-head{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.bell-menu-head strong{font-size:var(--fs-body)}.bell-menu-head button{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:7px;padding:4px 9px}.bell-menu-head button:hover{color:var(--text-strong);background:var(--hover-bg)}.bell-empty{color:var(--muted);font-size:var(--fs-small);margin:4px 6px 8px}.bell-item{text-align:left;width:100%;color:var(--text-soft);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;align-items:center;gap:9px;padding:8px;font-weight:500;display:flex}.bell-item:hover{background:var(--accent);color:var(--on-accent)}.bell-item:hover .bell-item-copy small,.bell-item:hover .bell-item-icon{color:inherit}.bell-item-icon{width:28px;height:28px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.11);border-radius:8px;flex:none;place-items:center;display:grid}.bell-item-copy{gap:1px;min-width:0;display:grid}.bell-item-copy strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bell-item-copy small{color:var(--muted);font-size:var(--fs-small);overflow-wrap:anywhere}.profile-dialog{max-width:420px}.profile-dialog-head{align-items:center;gap:13px;margin:6px 0 12px;display:flex}.profile-dialog-main{gap:3px;min-width:0;display:grid}.profile-dialog-main strong{font-size:var(--fs-lg);overflow-wrap:anywhere}.profile-dialog-main small{color:var(--muted);font-size:var(--fs-small)}.profile-dialog-main small.online{color:var(--green);font-weight:700}.profile-dialog-id{align-items:center;gap:5px;display:inline-flex}.profile-dialog-id code{max-width:240px;color:var(--text-soft);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dialog-bio{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;margin:0 0 12px;padding:11px 12px}.profile-dialog-bio p{color:var(--text-soft);font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;line-height:1.55}.profile-dialog-bio p.empty{color:var(--muted);font-style:italic}.profile-dialog-actions{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.profile-dialog-actions button{color:var(--text-soft);background:var(--surface-raised);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.profile-dialog-actions button:hover:not(:disabled){color:var(--text-strong);background:var(--hover-bg)}.profile-dialog-actions button.primary{color:var(--on-accent-bright);background:var(--violet-bright)}.profile-dialog-actions button.primary:hover:not(:disabled){color:var(--on-accent-bright);background:var(--accent-bright)}.profile-dialog-actions button:disabled{opacity:.55}input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.member-group-title span{font-weight:600}.member-list-copy strong svg{color:var(--warn-text);flex:none}.emoji-manager-form input[type=text]{border:1px solid var(--line-strong);height:30px;color:var(--text-strong);background:var(--bg-sunken);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;padding:0 8px}.emoji-manager-form input[type=text]:hover{border-color:var(--line-strong)}.emoji-manager-form input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.quick-switch-backdrop{align-items:start;padding-top:min(14vh,120px)}.quick-switcher{border:1px solid var(--line-strong);background:var(--panel-raised);width:min(620px,100%);max-height:min(560px,100vh - 80px);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.quick-switch-field{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:12px 16px;display:flex}.quick-switch-field input{min-width:0;color:var(--text);font-size:var(--fs-lg);background:0 0;border:0;outline:0;flex:1}.quick-switch-field:focus-within{color:var(--violet-bright)}.quick-switch-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.quick-switch-row{color:var(--text-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.quick-switch-row:active{background:var(--press-bg)}.quick-switch-row:hover{background:var(--hover-bg);color:var(--text-strong)}.quick-switch-row.active{color:var(--text-strong);background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}.quick-switch-row.unread .quick-switch-label{color:var(--text);font-weight:800}.quick-switch-row.active :is(.quick-switch-icon,.quick-switch-context,.quick-switch-kind){color:var(--text-soft)}.quick-switch-icon{width:24px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.quick-switch-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quick-switch-context{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:var(--fs-small);flex:1;overflow:hidden}.quick-switch-badge{background:var(--violet-bright);border-radius:999px;flex-shrink:0;min-width:8px;height:8px}.quick-switch-badge.mention{background:var(--danger-solid);min-width:18px;height:18px;color:var(--on-danger);font-size:var(--fs-small);place-items:center;font-weight:800;display:grid}.quick-switch-kind{color:var(--muted);font-size:var(--fs-small);flex-shrink:0;margin-left:auto}.quick-switch-empty{text-align:center;color:var(--muted);font-size:var(--fs-small);margin:0;padding:22px 16px}.quick-switch-foot{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;gap:4px 16px;padding:9px 16px;display:flex}.quick-switch-foot kbd,.shortcut-row kbd{border:1px solid var(--line-strong);background:var(--surface-soft);min-width:20px;color:var(--text-soft);font:inherit;font-size:var(--fs-small);text-align:center;border-bottom-width:2px;border-radius:6px;padding:1px 6px;display:inline-block}.shortcuts-dialog{width:min(560px,100%)}.drop-overlay span{color:var(--text-strong);font-size:var(--fs-xl);align-items:center;gap:10px;font-weight:700;display:inline-flex}.profile-dialog-activity{font-weight:600}.role-badge{vertical-align:middle;flex:none;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.role-badge-dot{border-radius:50%;width:8px;height:8px}.role-badge-icon{font-size:var(--fs-body);line-height:1}.saved-dialog{width:min(620px,100%)}.reminder-dialog{width:min(420px,100%)}.channel-perms-dialog{width:min(92vw,760px)}.channel-perms-dialog h2{align-items:center;gap:6px;display:flex}.channel-perms-lock{color:var(--muted)}.channel-perms-inherited{margin-top:-4px}.channel-perms-private{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:8px;margin:10px 0 14px;padding:10px 12px;display:grid}.channel-perms-private-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.channel-perms-private-head span{color:var(--muted);font-size:var(--fs-small)}.channel-perms-private-roles{flex-wrap:wrap;gap:6px;display:flex}.channel-perms-role-check{border:1px solid var(--line-strong);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.channel-perms-role-check:hover{background:var(--hover-bg)}.channel-perms-private-actions,.channel-perms-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.channel-perms-footer{margin-top:14px}.channel-perms-footer>span{margin-right:auto}.channel-perms-footer>.primary-action{flex:none;width:auto;padding:10px 18px}.channel-perms-footer>.dialog-cancel:disabled{opacity:.5}.channel-perms-secondary{border:1px solid var(--line-strong);color:var(--text-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.channel-perms-secondary:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.6);color:var(--text-strong);background:var(--hover-bg)}.channel-perms-secondary:disabled{opacity:.5;cursor:default}.channel-perms-body{grid-template-columns:minmax(150px,220px) 1fr;gap:12px;min-height:260px;display:grid}.channel-perms-targets{border-right:1px solid var(--line);flex-direction:column;gap:3px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.channel-perms-target{border-radius:8px;align-items:center;gap:4px;display:flex}.channel-perms-target>button:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-soft);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:8px;flex:auto;padding:6px 8px;overflow:hidden}.channel-perms-target>button:first-child:hover{background:var(--hover-bg);color:var(--text-strong)}.channel-perms-target.selected>button:first-child{background:var(--selected-bg);color:var(--text-strong)}.channel-perms-add{color:var(--muted);align-items:center;gap:5px;margin-top:6px;display:flex}.channel-perms-add select{flex:auto;min-width:0}.channel-perms-rows{flex-direction:column;gap:2px;max-height:360px;display:flex;overflow-y:auto}.channel-perms-row{border-bottom:1px solid rgba(var(--fg-rgb),.06);justify-content:space-between;align-items:center;gap:10px;padding:5px 4px;display:flex}.channel-perms-label{font-size:var(--fs-body);color:var(--text)}.channel-perms-tri{border:1px solid var(--line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.channel-perms-tri>button{width:30px;height:24px;color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:0;place-items:center;display:grid}.channel-perms-tri>button:hover:not(:disabled):not(.active){background:var(--hover-bg);color:var(--text-strong)}.channel-perms-tri>button+button{border-left:1px solid var(--line)}.channel-perms-tri>button.tri-deny.active{background:var(--danger-solid);color:var(--on-danger)}.channel-perms-tri>button.tri-neutral.active{background:var(--selected-bg);color:var(--text-strong)}.channel-perms-tri>button.tri-allow.active{background:var(--green);color:var(--on-green)}.channel-perms-tri>button:disabled{cursor:default}.dm-group-dialog{width:min(440px,100vw - 32px)}.reminder-dialog,.dm-group-dialog{gap:14px;display:grid}.reminder-dialog .reminder-field,.reminder-dialog .reminder-quote,.dm-group-dialog .dm-group-hint{margin-top:0;margin-bottom:0}@media (width<=1080px){.invite-tile{display:none}}@media (width<=640px){.channel-perms-body{grid-template-columns:1fr}.channel-perms-targets{border-right:0;max-height:160px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub-auth-hub{color:var(--text-soft);font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px;display:flex}.hub-auth-hub .link-button{font-size:var(--fs-small);padding:0}.hub-auth-tabs{border:1px solid var(--line);background:var(--panel);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 12px;padding:4px;display:grid}.hub-auth-tabs>button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-weight:600}.hub-auth-tabs>button.selected{color:var(--text);background:rgba(var(--accent-rgb), .18)}.hub-auth-tabs>button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hub-auth-panel{gap:2px;margin-bottom:12px;display:grid}.hub-auth-panel>.link-button{justify-self:start;margin-top:4px}.password-field{align-items:center;gap:6px;display:flex}.password-field input{flex:auto;min-width:0}.password-strength.level-0{color:var(--muted)}.password-strength.level-1{color:var(--danger-text)}.password-strength.level-2{color:var(--warn-text)}.password-strength.level-3{color:var(--green)}.hub-auth-operator{color:var(--muted);font-size:var(--fs-small);margin:6px 0 0}.hub-auth-operator>summary{cursor:pointer;padding:4px 0}.hub-auth-operator>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.invite-accept-text{color:var(--text);font-size:var(--fs-md);overflow-wrap:anywhere;margin:0 0 6px;line-height:1.5}.invite-warning{border:1px solid rgba(var(--amber-rgb), .35);color:var(--warn-text);background:rgba(var(--amber-rgb), .1);font-size:var(--fs-small);border-radius:10px;align-items:flex-start;gap:8px;margin:12px 0;padding:10px 11px;line-height:1.5;display:flex}.invite-warning svg{flex:none;margin-top:2px}.welcome-backdrop{background:var(--bg-deep)}.welcome-screen{gap:14px;width:min(460px,100vw - 32px);display:grid}.welcome-screen>*{margin-top:0;margin-bottom:0}.welcome-lead{color:var(--text-soft);margin:0;line-height:1.5}.welcome-alt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.welcome-alt .dialog-cancel{align-items:center;gap:6px;display:inline-flex}.problem-report-dialog{width:min(560px,100%)}.problem-report-intro{color:var(--text-soft);font-size:var(--fs-small);margin:10px 0 6px}.problem-report-lines{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font-size:var(--fs-small);border-radius:10px;gap:4px;max-height:200px;margin:0 0 12px;padding:10px 12px;line-height:1.45;list-style:none;display:grid;overflow-y:auto}.problem-report-dialog textarea{resize:vertical;width:100%}.inline-success{border:1px solid var(--line-strong);color:var(--text-strong);background:var(--surface-raised);font-size:var(--fs-small);border-radius:10px;align-items:center;gap:8px;margin:14px 0 6px;padding:10px 11px;display:flex}.welcome-dialog{align-content:start;gap:12px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);display:grid;overflow-y:auto}.welcome-dialog>*{margin-top:0;margin-bottom:0}.welcome-dialog .dialog-hint{margin:0}.welcome-text{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);font-size:var(--fs-body);overflow-wrap:anywhere;max-height:40vh;padding:10px 12px;line-height:1.5;overflow-y:auto}.welcome-roles{border:1px solid var(--line);border-radius:var(--radius-sm);gap:6px;margin:0;padding:8px 10px;display:grid}.welcome-roles legend{color:var(--muted);font-size:var(--fs-xs);padding:0 4px;font-weight:800}.welcome-role{cursor:pointer;min-width:0;font-size:var(--fs-small);align-items:center;gap:8px;display:flex}.welcome-role small{color:var(--muted);font-size:var(--fs-xs);display:block}.welcome-role-dot{border-radius:50%;flex:none;width:10px;height:10px}.welcome-role-row{gap:4px;display:grid}.welcome-role-description{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;max-width:calc(100% - 26px);color:var(--text);background:var(--bg-sunken);font:inherit;font-size:var(--fs-small);outline:0;margin-left:26px;padding:5px 9px}.welcome-settings{align-content:start;gap:12px;display:grid}.welcome-textarea{border:1px solid var(--line-strong);width:100%;min-height:140px;color:var(--text);background:var(--bg-sunken);font:inherit;font-size:var(--fs-small);resize:vertical;border-radius:10px;outline:0;padding:8px 11px}.welcome-textarea:focus,.welcome-role-description:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.welcome-check{font-size:var(--fs-small);cursor:pointer;align-items:flex-start;gap:8px;display:flex}.welcome-check small{color:var(--muted);font-size:var(--fs-xs);display:block}.members-dialog{flex-direction:column;width:min(440px,100vw - 32px);max-height:min(80vh,720px);display:flex}.members-dialog .member-list{min-height:0;margin:0 -10px -10px}.help-dialog{flex-direction:column;width:min(760px,100%);display:flex}.help-head{align-items:center;gap:12px;display:flex}.help-head .brand-mark{flex-shrink:0}.help-body{grid-template-columns:190px minmax(0,1fr);gap:18px;min-height:0;margin-top:14px;display:grid}.help-topics{flex-direction:column;gap:2px;display:flex}.help-topic{border-radius:var(--radius-sm);color:var(--text-soft);font:inherit;font-size:var(--fs-body);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 10px}.help-topic:hover{background:var(--hover-bg);color:var(--text-strong)}.help-topic.selected{background:rgba(var(--accent-rgb), .16);color:var(--text-strong);font-weight:700}.help-content{min-width:0;color:var(--text-soft);font-size:var(--fs-body);line-height:1.55}.help-content h3{color:var(--text-strong);font-size:var(--fs-xl);margin:0 0 8px}.help-content h4{color:var(--text-strong);font-size:var(--fs-md);margin:14px 0 4px}.help-content p{margin:0 0 8px}.help-content code{background:var(--surface-soft);color:var(--text);border-radius:5px;padding:1px 5px;font-size:.92em}.help-shortcuts{gap:2px;margin:8px 0;display:grid}@media (width<=640px){.help-body{grid-template-columns:minmax(0,1fr)}.help-topics{flex-flow:wrap}}.onboarding{gap:14px;width:min(520px,100%);display:grid}.onboarding>.onboarding-head{text-align:center;justify-items:center;gap:8px;display:grid}.onboarding .onboarding-head h2{margin:0}.onboarding .field small,.onboarding-text{color:var(--muted)}.onboarding-text{font-size:var(--fs-small);margin:0;line-height:1.5}.onboarding-dots{gap:6px;margin:4px 0 0;padding:0 14px 0 0;list-style:none;display:flex}.onboarding-dots li{width:8px;height:8px;transition:translate var(--dur) var(--ease-out);position:relative}.onboarding-dots li:before{content:"";background:var(--line-strong);transform-origin:0;width:22px;transition:transform var(--dur) var(--ease-out), background-color var(--dur) var(--ease-standard);border-radius:999px;position:absolute;inset:0 auto 0 0;transform:scaleX(.3636)}.onboarding-dots li.done:before{background:rgba(var(--accent-rgb), .55)}.onboarding-dots li.current:before{background:var(--accent);transform:none}.onboarding-dots li.current~li{translate:14px}.onboarding-step{animation:view-in var(--dur) var(--ease-out) backwards;gap:14px;display:grid}.onboarding .step-swap,.help-swap{animation:view-in var(--dur) var(--ease-out) backwards}.onboarding-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.onboarding-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);align-content:start;gap:8px;padding:6px;display:grid}.onboarding-card:hover{border-color:rgba(var(--accent-rgb), .4)}.onboarding-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.onboarding-card-main{border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-items:start;gap:6px;padding:8px;display:grid}.onboarding-card-main:focus-visible,.onboarding-card-action:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.onboarding-card-main strong{color:var(--text-strong);font-size:var(--fs-md)}.onboarding-card-main small{color:var(--text-soft);font-size:var(--fs-small);line-height:1.45}.onboarding-card-icon{width:36px;height:36px;color:var(--accent-bright);background:rgba(var(--accent-rgb), .12);border-radius:12px;place-items:center;display:grid}.onboarding-card-action{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:32px;color:var(--text-strong);background:var(--surface-raised);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.onboarding-card-action:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .5);background:var(--hover-bg)}.onboarding-card-action:disabled{color:var(--muted);cursor:default}.onboarding-card .onboarding-card-action{margin:0 8px 8px}.onboarding-card-status{color:var(--ok-text);font-size:var(--fs-small);align-items:center;gap:6px;margin:0 8px 8px;font-weight:600;display:inline-flex}.onboarding-mic{justify-items:start;gap:10px;display:grid}.mic-meter{background:var(--bg-sunken);width:100%;height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;overflow:hidden}.mic-meter-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--brand-accent-2));transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.onboarding-mic small{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.onboarding-mic small.onboarding-heard{color:var(--ok-text);font-weight:600}.onboarding-success{border:1px solid rgba(var(--green-rgb), .3);color:var(--ok-text);background:rgba(var(--green-rgb), .08);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 11px;display:flex}.onboarding-actions{margin-top:4px}.onboarding-later{font-size:var(--fs-small);justify-self:center}.whats-new-dialog{gap:14px;width:min(560px,100%);display:grid}.whats-new-head{align-items:center;gap:12px;display:flex}.whats-new-body{max-height:min(56vh,520px);color:var(--text);font-size:var(--fs-body);padding-right:4px;line-height:1.5;overflow-y:auto}.whats-new-body h3{color:var(--text-strong);font-size:var(--fs-md);margin:12px 0 4px}.whats-new-body ul{margin:6px 0;padding-left:20px}.whats-new-body ul ul{color:var(--text-soft);margin:4px 0}.whats-new-body li+li{margin-top:5px}.whats-new-body li::marker{color:var(--accent-bright)}.whats-new-paragraph{color:var(--text-soft);margin:0 0 8px}.about-actions{gap:8px;margin-top:10px;display:flex}.about-actions .about-link{color:var(--accent-bright);align-self:center;font-weight:600;text-decoration:none}.about-actions .about-link:hover{text-decoration:underline}.report-dialog{max-width:460px}.report-excerpt{border-left:3px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;max-height:6.5em;margin:0 0 10px;padding:8px 10px;overflow:hidden}.report-reasons{border:0;gap:6px;margin:0 0 12px;padding:0;display:grid}.report-reasons legend{font-size:var(--fs-small);color:var(--muted);margin-bottom:6px}.report-reason{border:1px solid var(--line);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.report-reason:hover{background:var(--hover-bg)}.report-reason.selected{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.report-reason input{accent-color:var(--accent);margin-top:3px}.report-reason span{gap:2px;display:grid}.report-reason small{color:var(--muted)}.hub-auth-dialog .dialog-hint+.primary-action,.hub-auth-dialog .dialog-hint+.inline-error+.primary-action{margin-top:16px}.hub-auth-tabs,.hub-auth-tabs>button{position:relative}.hub-auth-tabs[data-glider]:before{background:rgba(var(--accent-rgb), .18);border-radius:7px}.hub-auth-tabs[data-glider]>button.selected{background:0 0}.shield-icon{width:34px;height:34px;color:var(--cyan);background:rgba(var(--cyan-rgb),.09);border-radius:10px;place-items:center;display:grid}.settings-dialog{border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);border-radius:20px;padding:20px}.settings-dialog>header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.settings-dialog h2{color:var(--text-strong);font-size:var(--fs-2xl);letter-spacing:-.02em;margin:4px 0 0;font-weight:700}.settings-dialog{flex-direction:column;width:min(860px,100%);height:min(780px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.settings-dialog>header{flex:none}.settings-dialog .settings-tabs{flex-flow:column;align-self:start;gap:2px;margin:0;padding:6px}.settings-dialog kbd,.appearance-keys kbd{border:1px solid var(--line-strong);min-width:22px;color:var(--text);background:var(--surface-soft);font:inherit;font-size:var(--fs-small);text-align:center;border-bottom-width:2px;border-radius:6px;padding:2px 6px;display:inline-block}.settings-demo{border:1px solid rgba(var(--accent-rgb),.12);color:var(--text-soft);background:rgba(var(--accent-rgb),.05);font-size:var(--fs-body);border-radius:10px;gap:9px;margin-bottom:12px;padding:10px 11px;line-height:1.5;display:flex}.settings-demo svg{color:var(--violet-bright);flex:none}.setting-card{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.setting-card>span{width:36px;height:36px;color:var(--cyan);background:rgba(var(--cyan-rgb),.08);border-radius:10px;place-items:center;display:grid}.setting-card div{gap:2px;display:grid}.setting-card label{color:var(--muted);font-size:var(--fs-small)}.setting-card strong{color:var(--text-strong);font-size:var(--fs-body);font-weight:600}.setting-card small{color:var(--muted);font-size:var(--fs-small)}.setting-card button{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;padding:7px 9px;font-weight:700}.setting-card button:hover:not(:disabled){color:var(--text-strong);background:var(--hover-bg)}.setting-card.appearance-motion{grid-template-columns:minmax(0,1fr) auto}.setting-card.konto-card{grid-template-columns:38px minmax(0,1fr) auto}.setting-card.konto-card>button{white-space:nowrap}.setting-card.captions-setting button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.setting-card.captions-setting select{border:1px solid var(--line-strong);min-width:140px;color:var(--text);background:var(--surface-soft);font-size:var(--fs-small);border-radius:8px;padding:6px 8px}.setting-card.captions-setting .captions-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.shared-storage-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;padding:11px;display:grid}.shared-storage-card>div{align-items:center;gap:7px;min-width:0;display:flex}.shared-storage-card>div>span{width:25px;height:25px;color:var(--cyan);background:rgba(var(--cyan-rgb),.08);border-radius:8px;place-items:center;display:grid}.shared-storage-card label{color:var(--muted);font-size:var(--fs-small)}.shared-storage-card strong{font-size:var(--fs-small);margin-left:auto}.shared-storage-card strong.ready{color:var(--cyan)}.shared-storage-card strong.unavailable{color:var(--danger-text)}.shared-storage-card input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--bg-sunken);font-size:var(--fs-small);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;grid-column:1/-1;padding:8px 9px}.shared-storage-card input:hover{border-color:var(--line-strong)}.shared-storage-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.shared-storage-card small{color:var(--muted);font-size:var(--fs-small);grid-column:1/-1;line-height:1.4}.shared-storage-card button{color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;justify-self:end;padding:7px 9px;font-weight:700}.shared-storage-card button:hover:not(:disabled){color:var(--text-strong);background:var(--hover-bg)}.device-panel>header,.room-management>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-tabs{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;gap:5px;margin:4px 0 14px;padding:5px;display:flex}.settings-tabs button{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:inline-flex;position:relative}.settings-tabs button:active{background:var(--press-bg)}.settings-tabs button:hover{color:var(--text-strong);background:var(--hover-bg)}.settings-tabs button.active{color:var(--text-strong);background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}.settings-tabs button.active .settings-tab-icon{color:var(--on-accent-bright);background:linear-gradient(135deg, var(--violet-bright), var(--cyan))}.settings-tab-icon{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);width:22px;height:22px;color:var(--text-soft);background:rgba(var(--fg-rgb),.05);border-radius:7px;place-items:center;display:grid}.featured-actions{align-items:center;gap:8px;display:inline-flex}.camera-effect-card>div{flex:1}.setting-card.camera-effect-card{grid-template-columns:38px minmax(0,1fr)}.setting-card .camera-effect-row{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.setting-card.overlay-settings{align-items:start}.setting-card.overlay-settings .camera-effect-row button{border:1px solid var(--line-strong);flex:none;padding:7px 12px}.setting-card.overlay-settings input[type=text],.setting-card.overlay-settings input:not([type]){width:130px;min-width:0}.setting-card .camera-effect-row>label{align-items:center;gap:6px;display:inline-flex}.camera-effect-row{gap:6px;margin-top:8px;display:flex}.camera-effect-row button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;flex:1;padding:7px 6px;font-weight:700}.camera-effect-row button:hover{border-color:var(--accent);background:var(--hover-bg)}.camera-effect-row button.active{border-color:var(--accent);color:var(--text-strong);background:rgba(var(--accent-rgb),.16)}.audio-settings{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;flex-direction:column;gap:12px;margin-top:6px;padding:14px;display:flex}.audio-settings>header{flex-direction:column;gap:2px;display:flex}.audio-mode{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.audio-mode button{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--bg-sunken);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;font-weight:700;display:inline-flex}.audio-mode button:hover{border-color:var(--accent);background:var(--hover-bg)}.audio-mode button.active{border-color:var(--accent);color:var(--text-strong);background:rgba(var(--accent-rgb),.16)}.audio-mode.compact{grid-template-columns:repeat(2,1fr)}.audio-mode.compact button{flex-direction:row;justify-content:center;padding:7px 6px}.voice-live{flex-direction:column;gap:6px;display:flex}.level-meter-floor{background:var(--muted);opacity:.9;width:2px;height:10px;position:absolute;top:0}.voice-prob{height:5px}.voice-prob .level-meter-fill{background:var(--accent)}.voice-live-row{color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.voice-gate-state{border:1px solid var(--line-strong);color:var(--text-soft);border-radius:999px;padding:1px 8px;font-weight:700}.voice-gate-state.open{border-color:var(--accent);color:var(--text-strong);background:rgba(var(--accent-rgb),.16)}.voice-hint{color:var(--text-strong);font-weight:700}.audio-toggle-row button:disabled{opacity:.5;cursor:not-allowed}.audio-block{flex-direction:column;gap:7px;display:flex}.audio-block>label{color:var(--text-soft);font-size:var(--fs-small);align-items:center;gap:6px;font-weight:700;display:inline-flex}.audio-block input[type=range]{appearance:none;background:var(--panel-hover);border-radius:999px;width:100%;height:4px}.audio-block input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%}.audio-block input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.audio-block small{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:5px;line-height:1.5;display:inline-flex}.audio-block>small+.audio-toggle-row{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.audio-clip-warning{border:1px solid var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--panel-raised));color:var(--text);font-size:var(--fs-small);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;line-height:1.4;display:flex}.audio-clip-warning>svg{color:var(--amber);flex:none;margin-top:2px}.audio-clip-warning strong{font-weight:600}.ptt-key-row{align-items:center;gap:8px;display:flex}.ptt-key-row button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;padding:8px 12px;font-weight:700}.ptt-key-row button:hover{border-color:var(--accent);background:var(--hover-bg)}.ptt-key-row button.capturing{border-color:var(--accent);color:var(--text-strong);background:rgba(var(--accent-rgb),.2)}.ptt-key-value{border:1px dashed var(--line-strong);color:var(--text-strong);font-weight:700;font-size:var(--fs-body);text-align:center;border-radius:8px;flex:1;padding:8px 10px}.audio-toggle-row{justify-content:space-between;align-items:center;display:flex}.audio-toggle-row>span{align-items:center;gap:6px;display:inline-flex}.audio-toggle-row button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur) var(--ease-standard), color var(--dur) var(--ease-standard), border-color var(--dur) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;padding:6px 12px;font-weight:700}.audio-toggle-row button:hover{border-color:var(--accent)}.audio-toggle-row button.on{border-color:rgba(var(--green-rgb),.5);color:var(--ok-text);background:rgba(var(--green-rgb),.1)}.reset-newpw{border:1px solid var(--green);border-radius:10px;flex-direction:column;gap:8px;margin-top:6px;padding:12px;display:flex}.duck-presets{gap:6px;display:flex}.duck-presets button{border:1px solid var(--line-strong);color:var(--text-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;padding:5px 12px;font-weight:700}.duck-presets button:hover{background:var(--hover-bg)}.duck-presets button.on{border-color:var(--accent);background:rgba(var(--accent-rgb),.16);color:var(--text-strong)}.link-settings .tenor-key-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.link-settings .tenor-key-form>label{color:var(--text-soft);font-size:var(--fs-small);align-items:center;gap:6px;font-weight:700;display:inline-flex}.link-settings .tenor-key-form>div{gap:6px;display:flex}.link-settings .tenor-key-form input{border:1px solid var(--line-strong);background:var(--surface-soft);min-width:0;color:var(--text);font:inherit;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;flex:1;padding:7px 10px}.link-settings .tenor-key-form input:hover{border-color:var(--line-strong)}.link-settings .tenor-key-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.link-settings .tenor-key-form button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;padding:6px 12px;font-weight:700}.link-settings .tenor-key-form button:hover:not(:disabled){background:var(--hover-bg);color:var(--text-strong)}.link-settings .tenor-key-form button:disabled{opacity:.5;cursor:default}.shortcut-group h3{color:var(--muted);font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;margin:18px 0 6px;font-weight:800}.shortcut-group dl{gap:2px;margin:0;display:grid}.shortcut-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:6px 2px;display:flex}.shortcut-row dt{flex-shrink:0;align-items:center;gap:3px;display:flex}.shortcut-row dd{text-align:right;color:var(--text-soft);font-size:var(--fs-small);margin:0}.shortcut-plus{color:var(--muted);font-size:var(--fs-small);margin:0 3px}.global-hotkeys{gap:8px}.hotkey-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.hotkey-row .hotkey-name{color:var(--text-soft);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hotkey-row>button:not(.icon-button){border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border-radius:8px;padding:6px 10px;font-weight:700}.hotkey-row>button:not(.icon-button):hover{border-color:var(--accent);background:var(--hover-bg)}.settings-dialog .settings-tabs button{width:100%;min-width:0;font-size:var(--fs-body);white-space:normal;text-align:left;flex:none;justify-content:flex-start;padding:8px 10px;line-height:1.25}.hotkey-row>button.capturing{border-color:var(--accent);color:var(--text-strong);background:rgba(var(--accent-rgb),.2)}.hotkey-row .duck-presets{grid-column:2/-1;justify-self:end}.hotkey-row .hotkey-error,.hotkey-error{color:var(--danger-text);grid-column:1/-1}.hotkey-clear{width:24px;height:24px}.status-options button{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;display:flex}.status-options button:hover{background:var(--hover-bg);color:var(--text-strong)}.status-options button.active{background:var(--selected-bg);color:var(--text-strong)}.status-text-field input,.status-auto-away select{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;padding:7px 9px}.status-text-field input:hover,.status-auto-away select:hover{border-color:var(--line-strong)}.status-text-field input:focus,.status-auto-away select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.activity-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--ok-text);align-items:center;gap:4px;display:inline-flex;overflow:hidden}.activity-badge{color:var(--ok-text);place-items:center;display:inline-grid}.activity-settings{flex-direction:column;gap:6px;display:flex}.activity-settings .activity-privacy{color:var(--text-soft)}.activity-settings .activity-heading{font-size:var(--fs-body);margin-top:6px}.activity-current{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--ok-text);font-size:var(--fs-body);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:flex}.activity-row,.activity-add{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.activity-row input,.activity-add input,.activity-add select{border:1px solid var(--line-strong);background:var(--surface-soft);min-width:120px;color:var(--text);font:inherit;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;flex:1;padding:6px 10px}.activity-row input:hover,.activity-add input:hover,.activity-add select:hover{border-color:var(--line-strong)}.activity-row input:focus,.activity-add input:focus,.activity-add select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.activity-row code{color:var(--text-soft);font-size:var(--fs-small)}.activity-row button,.activity-add button,.activity-current button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-weight:700;display:inline-flex}.activity-row button:hover:not(:disabled),.activity-add button:hover:not(:disabled),.activity-current button:hover:not(:disabled){background:var(--hover-bg);color:var(--text-strong)}.activity-row button:disabled,.activity-add button:disabled{opacity:.5;cursor:default}.whisper-settings{gap:10px}.whisper-list-head input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;color:var(--text);font:inherit;transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;flex:1;padding:6px 9px;font-weight:700}.whisper-list-head input:hover{border-color:var(--line-strong)}.whisper-list-head input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.whisper-chip button{width:17px;height:17px;color:var(--text-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:50%;place-content:center;display:grid}.whisper-chip button:hover{background:var(--panel-hover);color:var(--text)}.whisper-actions button{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--text-soft);font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-weight:700;display:inline-flex}.whisper-actions button:hover:not(:disabled){background:var(--hover-bg);color:var(--text-strong)}.whisper-actions button:disabled{opacity:.5;cursor:default}.settings-search{border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--muted);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:10px;flex:none;align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;display:flex;position:relative}.settings-search:hover{border-color:var(--line-strong)}.settings-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.settings-search input{min-width:0;height:38px;color:var(--text);font-size:var(--fs-md);background:0 0;border:0;outline:0;flex:1}.settings-search input::-webkit-search-cancel-button{display:none}.settings-search-clear{width:24px;height:24px;color:var(--muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);background:0 0;border-radius:7px;place-items:center;display:grid}.settings-search-clear:hover{color:var(--text-strong);background:var(--hover-bg)}.settings-layout{grid-template-columns:calc(150px + 62px * var(--fs-scale,1)) minmax(0, 1fr);flex:auto;gap:16px;min-height:0;display:grid}.settings-content{min-width:0;min-height:0;padding:0 8px 4px 0;scroll-padding-top:4px;overflow-y:auto}.settings-content>:is(.settings-section,.settings-results,.settings-no-results){animation:view-in var(--dur) var(--ease-out) backwards}.settings-section{border:1px solid var(--line);background:var(--panel);transition:background var(--dur-slow) var(--ease-standard);border-radius:12px;margin:0 0 16px;padding:14px 14px 6px}.settings-section>.setting-card:last-child,.settings-section>.shared-storage-card:last-child{border-bottom:0}.settings-section>.shared-storage-card:first-of-type,.settings-section>.device-panel:first-child,.settings-section>.audio-settings:first-child,.settings-section>.room-management:first-child{margin-top:0}.settings-section>.device-panel,.settings-section>.shared-storage-card,.settings-section>.room-management{background:0 0;border:0;padding:0}.settings-section>.room-management>header .eyebrow,.settings-section>.device-panel>header .eyebrow{display:none}.settings-section>.device-panel>header strong{font-size:var(--fs-small);color:var(--text-soft);font-weight:600}.settings-section>.audio-settings:first-child>header{display:none}.settings-section.settings-flash{background:rgba(var(--accent-rgb), .12);box-shadow:0 0 0 2px var(--accent)}.settings-section-head{color:var(--text-strong);font-size:var(--fs-xl);letter-spacing:-.01em;margin:0 0 8px;font-weight:700}.settings-hint{color:var(--muted);font-size:var(--fs-body);margin:0 0 10px;line-height:1.5}.settings-no-results{color:var(--muted);font-size:var(--fs-body);margin:8px 2px;line-height:1.5}.settings-result-count{color:var(--muted);font-size:var(--fs-small);margin:0 2px 8px}.settings-results{gap:6px;margin:0;padding:0;list-style:none;display:grid}.settings-results button{border:1px solid var(--line);width:100%;color:var(--text-soft);background:var(--surface);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-results button:hover,.settings-results button:focus-visible{border-color:rgba(var(--accent-rgb), .62);color:var(--text-strong);background:var(--hover-bg)}.settings-result-icon{width:28px;height:28px;color:var(--accent-bright);background:rgba(var(--accent-rgb), .12);border-radius:8px;place-items:center;display:grid}.settings-result-copy{flex:1;gap:1px;min-width:0;display:grid}.settings-shortcut-group{margin-bottom:10px}.settings-shortcut-group h4{color:var(--muted);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 6px;font-weight:800}.settings-shortcut-group ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.settings-shortcut-group li{color:var(--text-soft);font-size:var(--fs-body);grid-template-columns:minmax(130px,auto) minmax(0,1fr);align-items:center;gap:10px;display:grid}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.appearance-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-option{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--surface);text-align:left;transition:background var(--dur) var(--ease-standard), border-color var(--dur) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:12px;justify-items:start;gap:3px;padding:11px 12px;display:grid}.appearance-option:hover{border-color:rgba(var(--accent-rgb), .55);background:var(--hover-bg)}.appearance-option.active{border-color:var(--accent);background:var(--selected-bg);box-shadow:inset 0 0 0 1px var(--accent)}.appearance-option.active small,.status-options button.active small{color:var(--text-soft)}.appearance-option-icon{width:28px;height:28px;color:var(--accent-bright);background:rgba(var(--accent-rgb), .12);border-radius:8px;place-items:center;margin-bottom:3px;display:grid}.accent-swatches{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.accent-swatch{color:#fff;width:32px;height:32px;transition:transform var(--dur) var(--ease-spring), border-color var(--dur) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border:2px solid #0000;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0000002e}.accent-swatch svg{filter:drop-shadow(0 0 2px #0009)}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch.active{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--panel-raised), inset 0 0 0 1px #0000002e}.accent-custom{align-items:center;gap:10px;margin-bottom:8px;display:flex}.accent-custom label{color:var(--text-soft);font-size:var(--fs-body);font-weight:700}.accent-custom input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;width:38px;height:34px;padding:0}.accent-hex{border:1px solid var(--line-strong);width:92px;height:34px;color:var(--text);background:var(--bg-sunken);font:inherit;font-family:ui-monospace,Cascadia Mono,monospace;font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:8px;outline:0;padding:0 9px}.accent-hex:hover{border-color:var(--line-strong)}.accent-hex:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);outline:0}.accent-hex.custom{border-color:var(--accent)}.appearance-note{color:var(--muted);font-size:var(--fs-body);margin:4px 0 10px;line-height:1.5;display:block}.appearance-sample{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:0;margin:4px 0 8px;padding:10px;display:grid}.appearance-sample-message{color:var(--text-soft);font-size:var(--fs-body);grid-template-columns:30px minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.appearance-sample-message:first-child{margin-top:0}.appearance-sample-message b{color:var(--text);font-size:var(--fs-body);display:block}.appearance-sample-message.grouped{margin-top:2px}.appearance-sample-message.grouped .appearance-sample-avatar{visibility:hidden;height:0}:root[data-density=compact] .appearance-sample-message{grid-template-columns:22px minmax(0,1fr);gap:8px;margin-top:4px}:root[data-density=compact] .appearance-sample-message.grouped{margin-top:0}.appearance-sample-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:50%;width:30px;height:30px}:root[data-density=compact] .appearance-sample-avatar{width:22px;height:22px}.appearance-slider{color:var(--text-soft);font-size:var(--fs-body);grid-template-columns:auto minmax(0,1fr) 48px auto;align-items:center;gap:10px;margin-bottom:8px;font-weight:700;display:grid}.appearance-slider input[type=range]{width:100%;accent-color:var(--accent)}.appearance-slider strong{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.appearance-reset,.appearance-reset-all{border:1px solid var(--line-strong);color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex}.appearance-reset:hover:not(:disabled),.appearance-reset-all:hover:not(:disabled){color:var(--text-strong);background:var(--hover-bg)}.appearance-reset:disabled,.appearance-reset-all:disabled{opacity:.5;cursor:default}.appearance-reset-all{margin:0 0 8px}.appearance-sample-text{border:1px solid var(--line);color:var(--text);background:var(--bg);font-size:var(--fs-lg);border-radius:10px;margin:0 0 10px;padding:10px 12px;line-height:1.5}.appearance-zoom{color:var(--text-soft);font-size:var(--fs-body);gap:4px;margin-bottom:6px;font-weight:700;display:grid}.appearance-keys{color:var(--muted);font-weight:400}@media (width<=760px){.settings-dialog{height:calc(100vh - 32px)}.settings-dialog .settings-tabs{flex-flow:wrap}.settings-dialog .settings-tabs button{flex:auto;width:auto}.settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}}.voice-playing-summary{color:var(--text-muted);padding:0 9px 2px 34px}.join-game-button{font-size:var(--fs-small);justify-self:start;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.activity-icon{flex:none;width:14px;height:14px}.shortcut-set-toolbar{justify-content:flex-end;margin:4px 0 8px;display:flex}.shortcut-set-toolbar button,.shortcut-set-row>button:not(.icon-button),.shortcut-conflict button{border:1px solid var(--line-strong);color:var(--text);font-size:var(--fs-small);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.shortcut-set-toolbar button:hover,.shortcut-set-row>button:not(.icon-button):hover,.shortcut-conflict button:hover{border-color:var(--accent);background:var(--hover-bg)}.shortcut-set-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.settings-shortcut-group li.shortcut-set-row{font-size:var(--fs-small);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 0;display:grid}.shortcut-set-name{color:var(--text);font-size:var(--fs-small);overflow-wrap:anywhere}.shortcut-scope{color:var(--text-soft);font-style:normal}.shortcut-set-keys{color:var(--text-soft);font-size:var(--fs-small);align-items:center;gap:3px;display:inline-flex}.shortcut-set-keys kbd{border:1px solid var(--line-strong);background:var(--hover-bg);min-width:20px;color:var(--text-strong);font:inherit;text-align:center;border-radius:5px;padding:1px 6px;display:inline-block}.shortcut-set-row>button.capturing{border-color:var(--accent);color:var(--text-strong)}.shortcut-set-row .hotkey-error,.shortcut-conflict{grid-column:1/-1}.shortcut-conflict{border:1px solid var(--line-strong);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.shortcut-conflict small{flex:100%}@media (width<=600px){.shortcut-set-row{grid-template-columns:1fr auto auto}.shortcut-set-name{grid-column:1/-1}}.android-update-progress{gap:4px;margin-top:4px;display:grid}.android-update-progress small{color:var(--muted);font-size:var(--fs-small)}.android-update-notes{color:var(--text-soft);font-size:var(--fs-small);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.5}.android-update-gate{z-index:120;background:var(--bg,var(--panel));place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.android-update-card{border:1px solid var(--line-strong);background:var(--panel-raised);width:min(420px,100%);box-shadow:var(--shadow-lg);border-radius:16px;gap:12px;padding:24px;display:grid}.android-update-card h2{color:var(--text-strong);margin:0}.android-update-card p{color:var(--text-soft);font-size:var(--fs-body);margin:0;line-height:1.5}.android-update-card a{color:var(--violet-bright)}.android-update-icon{width:52px;height:52px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.12);border-radius:16px;place-items:center;display:grid}.android-update-versions strong{color:var(--text-strong)}.android-update-error{color:var(--danger-text,var(--danger))}.android-update-banner{z-index:140;border:1px solid var(--line-strong);width:min(460px,100% - 24px);color:var(--text-soft);background:var(--panel-raised);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-spring);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;bottom:93px;left:50%;transform:translate(-50%)}.android-update-banner>span{width:32px;height:32px;color:var(--violet-bright);background:rgba(var(--accent-rgb),.12);border-radius:10px;flex:none;place-items:center;display:grid}.android-update-banner>div{flex:1;min-width:0;display:grid}.android-update-banner strong{color:var(--text-strong);font-size:var(--fs-body)}.android-update-banner small{color:var(--muted);font-size:var(--fs-small)}.android-update-banner .primary-action{width:auto;min-height:34px;padding:6px 12px}.android-update-banner button:not(.primary-action){color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-small);border-radius:8px;padding:7px 9px;font-weight:700}.settings-content :is(select,input:is([type=text],[type=password],[type=number],[type=url],[type=email])):not(.accent-hex){box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-sunken);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);padding:7px 9px}.settings-content :is(select,input:is([type=text],[type=password],[type=number],[type=url],[type=email])):not(.accent-hex):focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);outline:0}.settings-content :is(select,input:is([type=text],[type=password],[type=number],[type=url],[type=email])):not(.accent-hex):disabled{opacity:.55}.spotify-client-id input{width:100%;margin-top:4px}.data-overview{flex-direction:column;gap:6px;display:flex}.data-overview h5{font-size:var(--fs-body);color:var(--text-strong);margin:10px 0 2px}.data-overview h5:first-child{margin-top:0}.data-overview ul{color:var(--text-soft);font-size:var(--fs-small,13px);flex-direction:column;gap:5px;margin:0;padding-left:18px;line-height:1.45;display:flex}.data-overview strong{color:var(--text-strong)}.data-overview code{overflow-wrap:anywhere}.data-overview ul.data-overview-servers{padding-left:0;list-style:none}.data-overview-servers li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.data-overview-servers li:first-child{border-top:0}.settings-tabs{position:relative}.settings-tabs[data-glider]:before{background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3);border-radius:10px}.settings-tabs[data-glider] button.active{box-shadow:none;background:0 0}.settings-tabs[data-glider] button.active:hover{background:var(--hover-bg)}.home-view{min-height:0;margin:var(--view-gutter);align-content:start;gap:12px;display:grid;overflow:hidden auto}.home-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;gap:12px;padding:18px;display:grid}.home-card-title{color:var(--text-strong);align-items:center;gap:8px;display:flex}.home-card-title span{color:var(--muted);font-size:var(--fs-small)}.home-card-title svg{color:var(--accent-bright)}.home-card-title strong{font-size:var(--fs-lg);font-weight:700}.home-empty{color:var(--muted);font-size:var(--fs-small);margin:0;line-height:1.5}.home-hint{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:5px;display:flex}.home-feedback{border:1px solid var(--line-strong);background:var(--panel-raised);box-shadow:var(--shadow-md);color:var(--text-soft);font-size:var(--fs-small);border-radius:10px;margin:0;padding:9px 12px;position:sticky;bottom:0}.home-feedback.error{color:var(--danger-text,#ff9aaa);border-color:rgba(var(--danger-rgb),.3)}.profile-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.profile-main{gap:3px;min-width:0;display:grid}.profile-main strong{color:var(--text-strong);font-size:var(--fs-2xl);align-items:center;gap:6px;font-weight:700;display:flex}.profile-main small{color:var(--muted);font-size:var(--fs-small)}.friends-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.friends-panel-cta{color:var(--on-accent-bright);background:var(--accent-bright);font-size:var(--fs-small);transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:8px;margin-top:10px;padding:8px 13px;font-weight:700}.friends-panel-cta:hover{filter:brightness(1.08)}.friends-panel-cta:active{transform:scale(.98)}.friends-panel-cta:focus-visible,.friends-panel-row:focus-visible,.profile-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.friends-panel-list{gap:2px;padding:10px;display:grid}.friends-panel-row{transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);color:var(--text-soft);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.friends-panel-row:hover{color:var(--text-strong);background:var(--hover-bg)}.friends-panel-row:active{background:var(--press-bg)}.friends-panel-row>svg{color:var(--muted);flex:none}:root[data-density=compact] .friends-panel-row{padding:4px 8px}.friends-panel-copy{flex:1;gap:1px;min-width:0;display:grid}.friends-panel-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-panel-copy small{color:var(--muted)}.friends-panel-copy strong{font-size:var(--fs-body)}.friends-panel-copy small{font-size:var(--fs-small)}.member-list{overflow-y:auto}.member-list-copy strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.member-list-copy small{color:var(--muted);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-list-copy .member-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.watch-start-gate strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:var(--fs-md);overflow:hidden}.watch-start-gate small{max-width:320px;color:var(--muted);font-size:var(--fs-small)}.stream-thumb-meta small{color:var(--text-soft)}.e2e-panel p,.e2e-panel small{color:var(--text-soft);margin:0}.room-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-empty-state strong{color:var(--text);font-size:var(--fs-xl)}.nav-empty-actions .friends-panel-cta{align-items:center;gap:6px;display:inline-flex}.pending-attachment-meta strong,.pending-attachment-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-attachment-meta small{color:var(--muted);font-size:var(--fs-small)}.profile-trigger{min-width:0;color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:8px;margin:-2px -4px;padding:2px 4px;display:flex}.profile-trigger:hover{background:var(--hover-bg)}.status-option-copy strong{font-size:var(--fs-body)}.status-option-copy small{color:var(--muted);font-size:var(--fs-small)}.status-text-field small{color:var(--muted);font-size:var(--fs-small);font-weight:400}.activity-line svg{flex:none}.settings-result-copy strong{color:var(--text);font-size:var(--fs-body)}.settings-result-copy small{color:var(--muted);font-size:var(--fs-small)}.appearance-option strong{color:var(--text);font-size:var(--fs-body)}.appearance-option small{color:var(--muted);font-size:var(--fs-small)}.dm-group-head>strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.dm-group-members small{color:var(--muted);font-size:var(--fs-small)}.blocked-card>summary{cursor:pointer;list-style:none}.blocked-card>summary::-webkit-details-marker{display:none}.blocked-card>summary:after{content:"▸";color:var(--muted);transition:transform var(--dur-fast) var(--ease-standard);margin-left:auto}.blocked-card[open]>summary:after{transform:rotate(90deg)}.blocked-card[open]>summary{margin-bottom:8px}.profile-card{isolation:isolate;position:relative}.profile-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120% 160% at 0% 0%, rgba(var(--accent-rgb), .16), transparent 55%), radial-gradient(70% 140% at 100% 0%, color-mix(in srgb, var(--brand-accent-2) 10%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}:root[data-theme=light] .profile-card:before{opacity:.7}.home-view>.home-card{animation:view-in var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(min(sibling-index() - 1, 6) * 35ms)}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root[data-motion=reduced] :is(.nav-empty-icon,.empty-scene-tile,.live-dot,.voice-recorder-dot,.recording-dot,.server-bubble.add.attention){animation:none!important}:root[data-motion=reduced] details::details-content{transition:none!important}:root[data-motion=reduced] .typing-line:before,:root[data-motion=reduced] .call-pulse:before,:root[data-motion=reduced] .state-skeleton:after,:root[data-motion=reduced] .gif-skeleton:after{animation:none!important}.dialog-actions{gap:8px;display:flex}.dialog-actions>.dialog-cancel,.channel-perms-footer>.dialog-cancel{border:1px solid var(--line-strong);min-height:38px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-body);letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:9px 16px;font-weight:700;display:inline-flex}.dialog-actions>.dialog-cancel:hover:not(:disabled),.channel-perms-footer>.dialog-cancel:hover:not(:disabled){color:var(--text-strong,#fff);background:var(--surface-raised,var(--surface-soft))}.dialog-actions>.dialog-cancel:active:not(:disabled),.channel-perms-footer>.dialog-cancel:active:not(:disabled){background:var(--press-bg);transform:translateY(1px)scale(.99)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.nav-empty-icon,.empty-scene-tile,.call-pulse:before,.recording-dot,.media-dock .record-button svg,.record-button.recording svg{animation:none!important}.live-dot,.server-bubble.add.attention{animation:none}.channel-row-wrap.focus-flash:after{opacity:1;background:rgba(var(--accent-rgb), .3);animation:none}.state-skeleton:after,.gif-skeleton:after,.typing-line:before{animation:none}details::details-content{transition:none!important}}.web-unavailable{color:var(--text-muted);background:var(--surface-soft);font-size:var(--fs-small);border-radius:10px;align-items:flex-start;gap:8px;margin:10px 12px;padding:10px 11px;line-height:1.4;display:flex}.web-unavailable>svg{flex:none;margin-top:2px}.crash-boundary{text-align:center;min-height:100%;color:var(--text);place-content:center;gap:12px;padding:32px;display:grid}.crash-boundary p{color:var(--text-muted,var(--text));margin:0}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes drawer-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.mobile-nav-button{display:none}@media (width<=1023px){.app-shell,.app-shell.panel-collapsed{--rail-w:72px;--drawer-w:min(calc(100vw - 52px), 400px);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.app-shell>.meeting-area{grid-area:1/1;min-width:0}.column-resizer,.sidebar-resizer,.panel-resizer,.skip-link{display:none}.app-shell>.server-rail,.app-shell>.channel-sidebar{z-index:70;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;visibility:hidden;transform:translateX(calc(-1 * var(--drawer-w) - var(--rail-w)));transition:transform var(--dur) var(--ease-out), visibility 0s linear var(--dur);position:fixed;top:0;bottom:0}.app-shell>.server-rail{width:var(--rail-w);overscroll-behavior:contain;padding-top:max(env(safe-area-inset-top,0px), 12px);left:0;overflow-y:auto}.app-shell>.channel-sidebar{left:var(--rail-w);width:calc(var(--drawer-w) - var(--rail-w));border-right:1px solid var(--line-strong);box-shadow:var(--shadow-lg)}.app-shell.nav-open>.server-rail,.app-shell.nav-open>.channel-sidebar{visibility:visible;transition:transform var(--dur) var(--ease-out), visibility 0s;transform:none}.app-shell>.context-panel{z-index:70;width:var(--drawer-w);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;border-left:1px solid var(--line-strong);box-shadow:var(--shadow-lg);animation:drawer-in-right var(--dur) var(--ease-out);position:fixed;top:0;bottom:0;right:0}.app-shell>.context-panel.closing{display:none}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-backdrop{z-index:65;background:var(--scrim);animation:fade-in var(--dur-fast) var(--ease-standard);position:fixed;inset:0}.meeting-area{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}.meeting-header{gap:4px;padding-inline:6px 8px}.mobile-nav-button{width:44px;height:44px;color:var(--text-soft);background:0 0;border-radius:12px;flex:none;place-items:center;display:grid}.mobile-nav-button:active{background:var(--surface-soft)}.meeting-title{flex:auto;min-width:0}.meeting-title strong,.meeting-title span,.meeting-title small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-actions{flex:none;gap:2px}.connection-chip,.streaming-chip{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.app-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell input,.app-shell textarea,.app-shell [contenteditable=true]{-webkit-user-select:text;user-select:text}.icon-button{min-width:44px;min-height:44px}.channel-row{min-height:44px}.server-bubble{width:48px;height:48px}.context-menu{min-width:min(260px,100vw - 24px);max-width:calc(100vw - 24px)}.context-menu>button,.context-submenu>button{min-height:44px;padding-block:10px}.dock-menu-item,.bell-item,.panel-tabs>button{min-height:44px}button,[role=button],a{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:max(16px, var(--fs-body))}.meeting-area.channel-mode{grid-template-rows:56px minmax(0,1fr) auto}.meeting-header{height:56px;min-height:56px}.meeting-header .header-actions .icon-button{min-width:40px;min-height:40px}.channel-view{box-shadow:none;border:0;border-radius:0;margin:0}.channel-view .message-list{padding:10px 6px}.dm-status{flex-wrap:wrap;row-gap:6px;padding:8px 10px}.dm-search{flex:100%;margin-left:0}.dm-search input{flex:auto;width:auto;min-width:0}.composer{padding-inline:8px}.chat-message{padding-inline:10px}.link-preview,.gif-preview,.poll-block,.dm-file{max-width:100%}.chat-message img,.chat-message video{max-width:100%;height:auto}.modal-backdrop{place-items:end stretch;padding:0}.modal-backdrop>*{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:sheet-in var(--dur) var(--ease-out);border-radius:18px 18px 0 0;margin:0;width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px)!important}.quick-switch-backdrop{padding-top:env(safe-area-inset-top,0px);place-items:start stretch}.quick-switch-backdrop>*{border-radius:0 0 18px 18px}.settings-dialog{padding:12px;height:calc(100dvh - env(safe-area-inset-top,0px))!important;border-radius:0!important}.settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.settings-dialog .settings-tabs{overscroll-behavior-x:contain;scrollbar-width:none;padding:4px;flex-flow:row;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.settings-dialog .settings-tabs button{white-space:nowrap;flex:none;width:auto;min-height:40px}.settings-content{padding-right:0}.settings-dialog>header{align-items:center;gap:6px}.settings-dialog>header>div{flex:1;min-width:0}.settings-dialog>header .settings-back{flex:none;width:40px;height:40px;margin-left:-6px}.settings-dialog>header h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-mobile-list .settings-layout,.settings-mobile-page .settings-layout,.settings-mobile-search .settings-layout{grid-template-rows:minmax(0,1fr)}.settings-mobile-list .settings-content,.settings-mobile-page .settings-tabs,.settings-mobile-search .settings-tabs,.settings-mobile-page .settings-search{display:none}.settings-mobile-list .settings-tabs{flex-flow:column;align-self:stretch;gap:2px;min-height:0;margin:0;padding:4px;overflow:hidden auto}.settings-mobile-list .settings-tabs button{white-space:normal;text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 10px 10px 8px;display:flex}.settings-mobile-list .settings-tab-icon{border-radius:10px;flex:none;width:34px;height:34px}.settings-mobile-list .settings-tab-icon svg{width:18px;height:18px}.settings-tab-copy{flex:1;gap:2px;min-width:0;display:grid}.settings-tab-copy strong{color:var(--text-strong);font-size:var(--fs-body);font-weight:600}.settings-tab-copy small{color:var(--text-soft);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.settings-mobile-list .settings-tabs button>svg:last-child{color:var(--text-soft);flex:none}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{flex:auto;min-height:44px}.channel-tabs button{justify-content:center;min-width:36px;min-height:40px}.channel-text .channel-toolbar{gap:8px;padding-inline:12px}.channel-text .channel-search{min-width:0;height:40px}.channel-search>button{width:32px;height:32px}.channel-toolbar .pin-toggle{width:40px;height:40px}.channel-text .composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *),.composer-box button:not(:where(.emoji-picker,.gif-picker,.schedule-menu,.mention-popup) *){width:36px;height:40px}.channel-text .composer-box>.composer-attach{width:36px;margin:0 0 2px}.channel-text .composer-tools>button,.channel-text .composer-tools>.emoji-anchor{margin-bottom:2px}.server-menu-trigger{width:40px;height:40px}.section-title button,.category-add{width:36px;height:36px}.category-title .category-toggle{height:36px}button.voice-occupant{min-height:36px}.profile-trigger{min-height:44px}.settings-content :is(button,select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])):not(.accent-swatch),.modal-backdrop :is(select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){min-height:40px}.accent-swatch{width:40px;height:40px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.setting-card.captions-setting{grid-template-columns:38px minmax(0,1fr)}.setting-card.captions-setting .captions-actions{grid-column:1/-1;min-width:0}.setting-card.captions-setting select{min-width:0}.setting-card.captions-setting button{white-space:normal;text-align:left}.setting-card.captions-setting>button,.setting-card.captions-setting>select{grid-column:2;justify-self:start;max-width:100%}.setting-card.konto-card{grid-template-columns:38px minmax(0,1fr)}.setting-card.konto-card>button{grid-column:2;justify-self:start}.audio-mode button{overflow-wrap:anywhere;min-width:0}.spotify-settings,.spotify-client-id{grid-template-columns:minmax(0,1fr)}.spotify-settings code{overflow-wrap:anywhere}.toast{max-width:calc(100vw - 24px);bottom:calc(84px + env(safe-area-inset-bottom,0px));white-space:normal;text-align:center;border-radius:16px}.media-dock{column-gap:6px;height:auto;min-height:64px;padding-block:8px;padding-inline:8px}.media-dock:not(.compact){grid-template-columns:minmax(0,1fr);row-gap:6px}.media-dock:not(.compact) .dock-left,.media-dock:not(.compact) .dock-right{justify-content:center}.participant-strip .video-tile.compact{flex-basis:45%;min-width:0}.profile-card{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:14px}.home-view button:not(.inline-icon),.home-view select{min-height:40px}.inline-icon{flex:none;width:32px;height:32px}.dm-filter{min-height:40px;padding-inline:14px}.dm-overview-search input{min-height:40px}.dm-search-clear{width:32px;height:32px}.reaction-pill{min-height:32px}.reply-quote,.thread-summary{min-height:34px}.poll-option{min-height:38px}.voice-player-rate{min-width:38px;min-height:32px}.events-secondary{min-height:36px}.prejoin-toggles>button{min-height:38px}.voice-player-play{width:34px;height:34px}.saved-tabs button{min-height:36px}.md-codeblock-head button{min-height:32px;padding-inline:10px}.events-interest,.events-past-toggle{min-height:36px}.forum-chip{min-height:32px;padding-inline:12px}.channel-search{padding-block:2px}.channel-search input{min-height:36px}.profile-card>.avatar-button{grid-column:1/-1;justify-content:center;width:100%;min-height:40px}.home-card .member-row{grid-template-columns:auto minmax(0,1fr)}.home-card .member-row>.member-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}}@media (hover:none){.chat-message:hover .reaction-palette:not(.open),.chat-message:focus-within .reaction-palette:not(.open),.chat-message:hover header .message-actions,.channel-text .chat-message:hover .message-actions,.channel-text .chat-message:focus-within .message-actions{display:none}.channel-view .chat-message:not(.mentions-me):hover{background:0 0}}@media (width<=1023px){.composer textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=1023px) and (prefers-reduced-motion:reduce){.app-shell>.server-rail,.app-shell>.channel-sidebar,.app-shell>.context-panel,.modal-backdrop>*{transition:none;animation:none}}@media (width<=560px){.bell-menu{width:auto;margin-top:8px;position:fixed;top:auto;left:8px;right:8px}.meeting-symbol{border-radius:8px;width:28px;height:28px}.meeting-title{gap:8px}}@media (width<=400px){.meeting-symbol{display:none}}.ptr{display:none}@media (width<=720px) and (pointer:coarse){html,body{overscroll-behavior-y:contain}.ptr{z-index:90;top:calc(env(safe-area-inset-top,0px) + 8px);border:1px solid var(--line-strong);width:40px;height:40px;color:var(--text-soft);background:var(--surface-raised);box-shadow:var(--shadow-md);pointer-events:none;transform:translate(-50%, calc(var(--ptr,0px) - 48px));border-radius:50%;place-items:center;display:grid;position:fixed;left:50%}.ptr svg{transform:rotate(var(--ptr-turn,0deg))}.ptr.ready{color:var(--accent-bright);border-color:var(--accent-bright)}.ptr.busy{transition:transform var(--dur) var(--ease-out)}.ptr.busy svg{animation:.8s linear infinite ptr-spin}}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ptr.busy svg{animation:none}}:root[data-motion=reduced] .ptr.busy svg{animation:none!important}.android-audio-route{display:inline-flex;position:relative}.android-audio-route-button{border-radius:var(--radius);min-width:44px;min-height:44px;color:var(--text-soft);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;place-items:center;padding:0 10px;display:grid}.android-audio-route-button:hover,.android-audio-route-button[aria-expanded=true]{color:var(--text-strong);background:var(--hover-bg)}.android-audio-route-button:active{background:var(--press-bg)}.android-audio-route-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.android-audio-route-menu{z-index:60;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-raised);min-width:232px;max-width:min(320px,100vw - 24px);box-shadow:var(--shadow-md);gap:2px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.android-audio-route--down .android-audio-route-menu{top:calc(100% + 6px);bottom:auto}.android-audio-route-item{border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;padding:6px 12px;display:flex}.android-audio-route-item:hover{background:var(--hover-bg)}.android-audio-route-item:active{background:var(--press-bg)}.android-audio-route-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.android-audio-route-item.is-selected{color:var(--text-strong);background:var(--selected-bg)}.android-audio-route-item span{min-width:0;display:grid}.android-audio-route-item strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.android-audio-route-item small{color:var(--text-muted);font-size:var(--fs-small)}.android-audio-route-empty,.android-audio-route-error{font-size:var(--fs-small);margin:0;padding:8px 12px}.android-audio-route-empty{color:var(--text-muted)}.android-audio-route-error{color:var(--danger-text)}.android-push-status{align-items:center;gap:6px;display:inline-flex}.android-push-status:before{content:"";background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.android-push-status--ok{color:var(--ok-text)}.android-push-status--ok:before{background:var(--green)}.android-push-status--warn{color:var(--amber)}.android-push-status--warn:before{background:var(--amber)}.android-push-hint{color:var(--text-soft)}.android-lan-join{gap:8px;margin:0 0 12px;display:grid}.android-lan-heading{color:var(--muted);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-weight:600;display:flex}.android-lan-list{overscroll-behavior:contain;gap:8px;max-height:240px;display:grid;overflow-y:auto}.android-lan-room{border:1px solid var(--line);border-radius:var(--radius);min-height:56px;color:var(--text-soft);background:var(--panel);text-align:left;touch-action:manipulation;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);align-items:center;gap:10px;padding:10px 12px;display:flex}.android-lan-room:active:not(:disabled),.android-lan-room:focus-visible{border-color:rgba(var(--accent-rgb), .62);color:var(--text-strong);background:rgba(var(--accent-rgb), .11)}.android-lan-room:disabled{opacity:.6}.android-lan-room.closed{border-style:dashed}.android-lan-room>svg{color:var(--muted);flex:none}.android-lan-room-text{flex:1;gap:2px;min-width:0;display:grid}.android-lan-room-text strong{color:var(--text);font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.android-lan-room-text small{color:var(--muted);font-size:var(--fs-small);line-height:1.35}.android-lan-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);align-items:flex-start;gap:10px;margin:0;padding:12px;display:flex}.android-lan-empty>svg{color:var(--accent);animation:android-lan-pulse var(--loop-ring) var(--ease-in-out) infinite;flex:none;margin-top:2px}.android-lan-empty span{gap:3px;display:grid}.android-lan-empty strong{color:var(--text);font-size:var(--fs-body)}.android-lan-empty small{font-size:var(--fs-small);line-height:1.4}.android-lan-manual-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;color:var(--text-soft);touch-action:manipulation;background:0 0;justify-self:start;padding:0 12px}.android-lan-manual-toggle:active,.android-lan-manual-toggle:focus-visible{background:var(--press-bg)}.android-lan-manual{gap:8px;display:grid}.android-lan-manual input{min-height:44px;font-size:max(16px, var(--fs-body))}.android-lan-manual-hint{color:var(--muted);font-size:var(--fs-small)}.android-lan-sidebar-hint{margin:8px 12px}@keyframes android-lan-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.android-lan-empty>svg{animation:none}}.android-lan-trust{max-width:100%;color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;justify-self:start;align-items:center;gap:4px;display:inline-flex}.android-lan-trust>svg{flex:none}.android-lan-trust.verified{color:var(--ok-text)}.android-lan-trust.unverified{color:var(--warn-text);font-weight:600}.android-lan-room.unverified{border-left:3px solid var(--warn-text)}.android-lan-room.key-changed{border-color:rgba(var(--danger-rgb), .62);background:rgba(var(--danger-rgb), .08);align-items:flex-start}.android-lan-room.key-changed .android-lan-warning-icon{color:var(--danger-text);flex:none;margin-top:2px}.android-lan-room.key-changed small{color:var(--text-soft)}.android-lan-retrust{border:1px solid rgba(var(--danger-rgb), .62);border-radius:var(--radius-sm);min-height:44px;color:var(--text);touch-action:manipulation;background:0 0;justify-self:start;margin-top:6px;padding:0 12px}.android-lan-retrust:active:not(:disabled),.android-lan-retrust:focus-visible{background:rgba(var(--danger-rgb), .14)}.android-lan-retrust:disabled{opacity:.6}.android-lan-retrust-error{color:var(--danger-text);font-size:var(--fs-small);margin:0}.android-lan-trust.foreign{color:var(--danger-text);font-weight:600}.ss-overlay{z-index:95;background:var(--bg);animation:fade-in var(--dur) var(--ease-standard);-webkit-app-region:no-drag;app-region:no-drag;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);display:grid;position:fixed;inset:0}.ss-overlay>*{animation:view-in var(--dur-slow) var(--ease-out) backwards}.ss-nav{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;align-items:flex-end;gap:14px;min-height:0;padding:48px 12px 24px 20px;display:flex;overflow-y:auto}.ss-nav>*{width:min(232px,100%)}.ss-nav-head{align-items:center;gap:10px;padding:0 8px 6px;display:flex}.ss-nav-head>div{flex:auto;min-width:0;display:grid}.ss-nav-head strong{color:var(--text-strong);font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-nav-head .eyebrow{font-size:var(--fs-2xs)}.ss-nav-icon{width:40px;height:40px;color:var(--on-accent);background:var(--accent);font-size:var(--fs-small);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.ss-nav-group{gap:2px;display:grid}.ss-nav-title{color:var(--muted);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;padding:0 10px 4px;font-weight:800}.ss-nav-group>button{width:100%;min-height:34px;color:var(--text-soft);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:flex}.ss-nav-group>button:hover{color:var(--text-strong);background:var(--hover-bg)}.ss-nav-group>button.active{color:var(--text-strong);background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .3)}.ss-nav-group>button.danger{color:var(--danger-text)}.ss-nav-invite{border:1px dashed rgba(var(--accent-rgb), .5);min-height:36px;color:var(--accent-bright);background:rgba(var(--accent-rgb), .08);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.ss-nav-invite:hover{background:rgba(var(--accent-rgb), .16)}.ss-main{flex-direction:column;min-width:0;min-height:0;display:flex}.ss-main-head{flex:none;align-items:center;gap:10px;width:min(760px,100%);padding:48px 40px 12px;display:flex}.ss-main-head h2{color:var(--text-strong);font-size:var(--fs-2xl);letter-spacing:-.02em;flex:auto;margin:0;font-weight:700}.ss-close{color:var(--muted);font-size:var(--fs-2xs);letter-spacing:.06em;background:0 0;flex:none;justify-items:center;gap:3px;font-weight:800;display:grid}.ss-close svg{box-sizing:content-box;border:2px solid var(--line-strong);transition:border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);border-radius:50%;padding:7px}.ss-close:hover{color:var(--text-strong)}.ss-close:hover svg{border-color:var(--text-soft)}.ss-content{flex:auto;width:100%;min-height:0;padding:4px 40px 48px;overflow-y:auto}.ss-content>*{max-width:720px}.ss-intro{color:var(--text-soft);font-size:var(--fs-body);margin:0 0 14px;line-height:1.5}.ss-hint{color:var(--muted);font-size:var(--fs-small);align-items:flex-start;gap:7px;margin:10px 0;line-height:1.45;display:flex}.ss-hint svg{flex:none;margin-top:2px}.ss-hint-inline{color:var(--muted);font-size:var(--fs-small)}.ss-error{margin:10px 0}.ss-error .link-button{font-size:var(--fs-small);margin-left:auto}.ss-empty-line{color:var(--muted);font-size:var(--fs-body);align-items:center;gap:6px;margin:14px 0;display:flex}.ss-empty{border:1px dashed var(--line-strong);min-height:200px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;padding:24px;display:grid}.ss-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:0 0 16px;padding:14px}.ss-card h4{color:var(--text-strong);font-size:var(--fs-lg);letter-spacing:-.01em;align-items:center;gap:6px;margin:0 0 10px;font-weight:700;display:flex}.ss-subhead{color:var(--muted);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin:18px 0 10px;font-weight:800;display:flex}.ss-card-text{color:var(--text-soft);font-size:var(--fs-body);align-items:flex-start;gap:7px;margin:0 0 12px;line-height:1.5;display:flex}.ss-card-danger{border-color:rgba(var(--danger-rgb), .35)}.ss-card-danger h4{color:var(--danger-text)}.ss-card .field:last-child{margin-bottom:0}.ss-setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.ss-card>h4+.ss-setting-row,.ss-card>.ss-setting-row:first-child{border-top:0;padding-top:2px}.ss-setting-row>div:first-child{gap:3px;min-width:0;display:grid}.ss-setting-row strong{color:var(--text-strong);font-size:var(--fs-body);font-weight:600}.ss-setting-row small{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.ss-overlay .primary-action,.ss-invite-dialog .primary-action{flex:none;width:auto;min-height:36px;padding:7px 16px}.ss-overlay .dialog-cancel,.ss-invite-dialog .dialog-cancel{border:1px solid var(--line-strong);min-height:36px;color:var(--text-soft);background:var(--surface-soft);font-size:var(--fs-body);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-weight:600;display:inline-flex}.ss-overlay .dialog-cancel:hover:not(:disabled),.ss-invite-dialog .dialog-cancel:hover:not(:disabled){color:var(--text-strong);border-color:var(--text-soft)}.ss-overlay .dialog-cancel:disabled,.ss-invite-dialog .dialog-cancel:disabled{opacity:.6}.ss-copied,.ss-copied:disabled{color:var(--ok-text)!important;opacity:1!important;border-color:currentColor!important}.primary-action.ss-copied{color:var(--on-green)!important;background:var(--green)!important}.ss-text-button{color:var(--accent-bright);font-size:var(--fs-small);background:0 0;align-items:center;gap:6px;padding:4px 0;font-weight:700;display:inline-flex}.ss-text-button:hover{text-decoration:underline}.ss-rot{transform:rotate(180deg)}.ss-only-mobile{display:none}.ss-inline-form{align-items:center;gap:8px;display:flex}.ss-inline-form input,.ss-inline-form select,.ss-toolbar select,.ss-search input{border:1px solid var(--line);min-width:0;height:36px;color:var(--text-strong);background:var(--bg-sunken);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:10px;outline:0;padding:0 10px}.ss-inline-form input:hover:not(:disabled):not(:focus),.ss-inline-form select:hover:not(:disabled):not(:focus),.ss-toolbar select:hover:not(:disabled):not(:focus),.ss-search input:hover:not(:disabled):not(:focus){border-color:var(--line-strong)}.ss-inline-form input{flex:auto}.ss-inline-form input:focus,.ss-inline-form select:focus,.ss-toolbar select:focus,.ss-search input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18)}.ss-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.ss-search{flex:200px;align-items:center;min-width:0;display:flex;position:relative}.ss-search svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.ss-search input{width:100%;padding-left:30px}.ss-count{color:var(--muted);font-size:var(--fs-small);white-space:nowrap;margin-left:auto}.ss-label{color:var(--text-soft);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-weight:800;display:block}.ss-sub{color:var(--muted);font-size:var(--fs-small);margin-top:2px;font-weight:400;display:block}.ss-field-hint{color:var(--muted);font-size:var(--fs-small);margin-top:6px;display:block}.ss-code{color:var(--text-strong);background:var(--surface-soft);font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-small);letter-spacing:.04em;border-radius:6px;padding:2px 6px}.ss-switch{background:var(--line-strong);width:40px;height:24px;transition:background var(--dur-fast) var(--ease-standard);border-radius:999px;flex:none;padding:0;position:relative}.ss-switch-knob{background:var(--text-strong);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring), scale var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.ss-switch:active:not(:disabled) .ss-switch-knob{scale:1.12}.ss-switch.on{background:var(--green)}.ss-switch.on .ss-switch-knob{background:var(--on-green);transform:translate(16px)}.ss-switch:disabled{opacity:.45;cursor:not-allowed}.ss-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ss-identity{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px 20px;display:grid}.ss-identity .ss-error{grid-column:1/-1}.ss-icon-edit{align-items:center;gap:12px;display:flex}.ss-big-icon{width:84px;height:84px;color:var(--on-accent);background:var(--accent);font-size:var(--fs-xl);border-radius:22px;place-items:center;font-weight:800;display:grid;overflow:hidden}.ss-icon-actions{justify-items:start;gap:6px;display:grid}.ss-icon-actions small{max-width:150px;color:var(--muted);font-size:var(--fs-2xs);line-height:1.35}.ss-icon-actions .link-button{font-size:var(--fs-small);align-items:center;gap:5px;display:inline-flex}.ss-name-field{margin:0}.ss-choice{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.ss-choice>button{border:1px solid var(--line);color:var(--text-soft);background:var(--surface-soft);text-align:left;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.ss-choice>button span{gap:3px;display:grid}.ss-choice>button strong{color:var(--text-strong)}.ss-choice>button small{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.ss-choice>button.on{border-color:rgba(var(--accent-rgb), .6);background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .35)}.ss-choice>button.on svg{color:var(--accent-bright)}.ss-choice>button.on small{color:var(--text-soft)}.ss-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:4px 0 0;display:grid}.ss-facts>div{background:var(--panel);border-radius:12px;padding:10px 12px}.ss-facts dt{color:var(--muted);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.ss-facts dd{color:var(--text-strong);margin:3px 0 0;font-weight:600}.ss-content>.ss-roles,.ss-content>.ss-matrix-wrap{max-width:980px}.ss-roles{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ss-roles-list{grid-template-columns:minmax(0,1fr);gap:10px;display:grid;position:sticky;top:0}.ss-roles-list .ss-intro{font-size:var(--fs-small)}.ss-role-items{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ss-role-items button{width:100%;min-height:36px;color:var(--text-soft);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.ss-role-items button:hover{background:var(--hover-bg)}.ss-role-items button.active{background:var(--selected-bg);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .3)}.ss-role-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.ss-role-meta{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:3px;display:inline-flex}.ss-role-lock{color:var(--muted);flex:none}.ss-role-dot{width:11px;height:11px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;flex:none;display:inline-block}.ss-role-edit-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ss-role-edit-head h3{min-width:0;font-size:var(--fs-xl);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;overflow:hidden}.ss-role-edit-head .ss-role-dot{width:14px;height:14px}.ss-swatches{flex-wrap:wrap;gap:8px;display:flex}.ss-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:28px;height:28px;padding:0;position:relative}.ss-swatch.on{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--panel) inset}.ss-swatch:disabled{opacity:.45;cursor:not-allowed}.ss-swatch-custom{border:1px dashed var(--line-strong);background:conic-gradient(#f87171,#facc15,#4ade80,#38bdf8,#a78bfa,#f472b6,#f87171);place-items:center;display:grid;overflow:hidden}.ss-swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ss-badge-pick{align-items:center;gap:4px;display:flex;position:relative}.ss-badge-button{border:1px dashed var(--line-strong);width:40px;height:40px;color:var(--muted);background:var(--surface-soft);font-size:var(--fs-lg);border-radius:10px;place-items:center;display:grid}.ss-badge-button:hover:not(:disabled){border-color:var(--text-soft);color:var(--text-strong)}.ss-matrix-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ss-matrix-scroll{border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 220px);overflow:auto}.ss-matrix{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.ss-matrix th,.ss-matrix td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:6px 10px}.ss-matrix thead th{z-index:1;background:var(--panel-raised);font-weight:800;position:sticky;top:0}.ss-matrix tbody th[scope=row]{color:var(--text-soft);background:var(--panel);text-align:left;font-weight:600;position:sticky;left:0}.ss-matrix .ss-matrix-corner{z-index:2;text-align:left;left:0}.ss-matrix-group th{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-2xs);letter-spacing:.08em;text-align:left;text-transform:uppercase}.ss-member-list,.ss-ban-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ss-member,.ss-ban{border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.ss-member:hover,.ss-ban:hover{background:var(--hover-bg)}.ss-avatar{width:34px;height:34px;color:var(--text-strong);background:var(--surface-soft);font-size:var(--fs-small);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;position:relative}.ss-avatar.online:after{content:"";border:2px solid var(--panel-raised);background:var(--green);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.ss-member-main{flex:auto;gap:4px;min-width:0;display:grid}.ss-member-main>small{color:var(--muted);font-size:var(--fs-small)}.ss-member-name{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex;overflow:hidden}.ss-member-name em{color:var(--muted);font-style:normal;font-weight:500}.ss-crown{color:var(--amber);flex:none}.ss-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ss-chip{border:1px solid var(--line-strong);background:var(--surface-soft);max-width:100%;font-size:var(--fs-small);border-radius:999px;align-items:center;gap:5px;padding:2px 4px 2px 7px;font-weight:600;display:inline-flex}.ss-chip .ss-role-dot{width:8px;height:8px;box-shadow:none}.ss-chip>button{width:16px;height:16px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.ss-chip>button:hover:not(:disabled){color:var(--on-danger);background:var(--danger-solid)}.ss-chip-empty{color:var(--muted);font-size:var(--fs-small)}.ss-chip-add{border:1px dashed var(--line-strong);width:22px;height:22px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.ss-chip-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent-bright)}.ss-pop-anchor{flex:none;position:relative}.ss-popover{z-index:20;border:1px solid var(--line-strong);background:var(--panel-raised);min-width:190px;max-height:260px;box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);border-radius:10px;gap:1px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.ss-popover-right{left:auto;right:0}.ss-popover>button{color:var(--text-soft);font-size:var(--fs-body);text-align:left;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.ss-popover>button:hover{color:var(--text-strong);background:var(--hover-bg)}.ss-popover>button.danger{color:var(--danger-text)}.ss-popover>button.danger:hover{color:var(--on-danger);background:var(--danger-solid)}.ss-table-scroll{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.ss-table-scroll [data-tooltip]:not([data-tooltip-pos]):after{left:auto;right:0;transform:none}.ss-table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.ss-table th{border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-2xs);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:8px 12px;font-weight:800}.ss-table td{border-bottom:1px solid var(--line);color:var(--text-soft);vertical-align:middle;padding:8px 12px}.ss-table tr:last-child td{border-bottom:0}.ss-table .ss-muted td{opacity:.55}.ss-actions{justify-content:flex-end;gap:2px;display:flex}.ss-audit-list{border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;display:grid}.ss-audit-list>li{border-bottom:1px solid var(--line);font-size:var(--fs-body);grid-template-columns:minmax(110px,160px) minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:9px 12px;display:grid}.ss-audit-list>li:last-child{border-bottom:0}.ss-audit-who{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ss-audit-what{min-width:0;color:var(--text-soft);overflow-wrap:anywhere}.ss-audit-target{color:var(--muted)}.ss-audit-list time{color:var(--muted);font-size:var(--fs-small);white-space:nowrap}.ss-upload-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ss-upload-row .field{flex:180px;margin:0}.ss-upload-row .ss-field-narrow{flex:0 0 80px}.ss-upload-row .field input[type=file]{height:auto;font-size:var(--fs-small);padding:7px}.ss-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ss-emoji-grid>li,.ss-sound-list>li{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 10px;display:flex}.ss-emoji-grid img{object-fit:contain;flex:none;width:32px;height:32px}.ss-emoji-grid code{min-width:0;color:var(--text-soft);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.ss-sound-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ss-sound-emoji{font-size:var(--fs-lg)}.ss-sound-name{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.ss-sound-list small{color:var(--muted);font-size:var(--fs-small)}.ss-invite-dialog{width:min(500px,100%)}.ss-invite-dialog>header{margin-bottom:14px}.ss-invite-link{gap:6px;display:grid}.ss-link-box{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.ss-link-box>svg{color:var(--muted);flex:none}.ss-link-box input{min-width:0;height:36px;color:var(--text-strong);font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:auto;padding:0}.ss-link-box .primary-action{min-height:34px;padding:7px 14px}.ss-invite-link>.ss-text-button{justify-self:start}.ss-invite-options{background:var(--surface-soft);border-radius:12px;align-items:flex-end;gap:10px;padding:10px 12px;display:flex}.ss-invite-options .field{flex:1 1 0;margin:0}.ss-invite-options .field select{height:36px}.ss-friend-invites{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:14px;display:grid}.ss-friend-list{gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ss-friend-list>li{border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.ss-friend-list>li:hover{background:var(--hover-bg)}.ss-friend-name{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.ss-friend-name small{color:var(--muted);font-weight:400}.ss-manage-link{font-size:var(--fs-small);margin-top:14px;display:block}.ss-lan-invite{gap:6px;display:grid}.sd-dialog>header{gap:8px;margin-bottom:14px}.sd-dialog>header>div{flex:auto}.sd-choices{gap:10px;display:grid}.sd-choice{border:1px solid var(--line);color:var(--accent-bright);background:var(--surface-soft);text-align:left;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), scale var(--dur-fast) var(--ease-out);border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.sd-choice:hover{border-color:rgba(var(--accent-rgb), .55);background:var(--selected-bg);transform:translateY(-1px)}.sd-choice>span{gap:3px;display:grid}.sd-choice strong{color:var(--text-strong);font-size:var(--fs-md)}.sd-choice small{color:var(--muted);font-size:var(--fs-small);line-height:1.4}.sd-place{margin-bottom:12px}.sd-detected{color:var(--ok-text);align-items:center;gap:5px;font-weight:600;display:inline-flex}.sd-invalid{color:var(--muted);font-weight:400}.sd-browse-toggle{font-size:var(--fs-small);align-items:center;gap:5px;margin:2px 0 4px;text-decoration:none;display:inline-flex}.sd-rot{transform:rotate(180deg)}.sd-browse{background:var(--surface-soft);border-radius:12px;gap:8px;margin-top:6px;padding:12px;display:grid}.invite-preview{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-items:center;gap:14px;margin:14px 0 6px;padding:14px;display:flex}.invite-preview-icon{width:52px;height:52px;color:var(--on-accent);background:var(--accent);font-size:var(--fs-lg);border-radius:16px;flex:none;place-items:center;font-weight:800;display:grid}.invite-preview>div{gap:4px;min-width:0;display:grid}.invite-preview strong{color:var(--text-strong);font-size:var(--fs-md);font-weight:600}.invite-preview strong em{font-style:normal;font-weight:800}.invite-preview small{color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:4px;display:flex}@media (width<=1023px){.ss-overlay{padding-top:env(safe-area-inset-top,0px);grid-template-columns:minmax(0,1fr)}.ss-nav{border-right:0;align-items:stretch;padding:12px 12px 24px}.ss-nav>*{width:auto}.ss-nav-group>button{min-height:46px;font-size:var(--fs-md);padding:10px 12px}.ss-main-head{border-bottom:1px solid var(--line);width:auto;padding:10px 12px 8px}.ss-main-head h2{font-size:var(--fs-xl)}.ss-close span{display:none}.ss-close svg{border-width:0;padding:6px}.ss-close{align-content:center;min-width:44px;min-height:44px}.ss-content :is(button:not(.ss-chip>button,.ss-chip-add),select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){min-height:40px}.ss-chip{min-height:32px}.ss-chip>button{width:28px;height:28px}.ss-chip-add{width:32px;height:32px}.ss-content{padding:12px 12px 32px}.ss-only-mobile{display:grid}.ss-roles{grid-template-columns:minmax(0,1fr)}.ss-roles-list{position:static}.ss-roles.editing .ss-roles-list,.ss-roles:not(.editing) .ss-role-editor{display:none}.ss-identity{grid-template-columns:minmax(0,1fr)}.ss-setting-row{align-items:flex-start}.ss-audit-list>li{grid-template-columns:minmax(0,1fr) auto}.ss-audit-what{grid-area:2/1/auto/-1}.ss-matrix-scroll{max-height:calc(100dvh - 180px)}.ss-count{margin-left:0}.ss-table-scroll{border:0;overflow:visible}.ss-table,.ss-table tbody{display:block}.ss-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ss-table tr{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin-bottom:8px;padding:10px 12px;display:grid}.ss-table td{font-size:var(--fs-small);border:0;padding:0;display:block}.ss-table td:first-child{font-size:var(--fs-body)}.ss-table td.ss-actions{flex-direction:column;grid-area:1/2/span 4;align-self:center;display:flex}}.brand-mark{filter:drop-shadow(0 2px 8px var(--brand-glow));border-radius:50%;flex:none;display:block}.brand-glyph{flex:none;display:block}.round-loader{color:var(--accent);justify-content:center;align-items:center;gap:10px;display:inline-flex}.round-loader.inline{vertical-align:middle;display:inline-flex}.round-loader-orbit{width:var(--loader-size);height:var(--loader-size);animation:round-wave var(--loop-pulse) var(--ease-in-out) infinite;background:radial-gradient(circle,currentColor 0 30%,#0000 32%);animation-delay:.15s;display:block;position:relative}.round-loader-orbit:before,.round-loader-orbit:after{content:"";width:100%;height:100%;animation:round-wave var(--loop-pulse) var(--ease-in-out) infinite;background:radial-gradient(circle,currentColor 0 30%,#0000 32%);border-radius:50%;position:absolute;top:0}.round-loader-orbit:before{animation-delay:0s;left:-72%}.round-loader-orbit:after{animation-delay:.3s;left:72%}.round-loader.size-xs{--loader-size:10px;gap:6px;padding:0 6px}.round-loader.size-sm{--loader-size:14px;padding:0 8px}.round-loader.size-md{--loader-size:20px;padding:0 12px}.round-loader.size-lg{--loader-size:28px;padding:0 18px}.round-loader-label{color:var(--muted);font-size:var(--fs-small)}@keyframes round-wave{0%,to{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-38%)}}:root[data-motion=reduced] .round-loader-orbit,:root[data-motion=reduced] .round-loader-orbit:before,:root[data-motion=reduced] .round-loader-orbit:after{opacity:.8}@media (prefers-reduced-motion:reduce){.round-loader-orbit,.round-loader-orbit:before,.round-loader-orbit:after{opacity:.8;animation:none}}.busy-label{align-items:center;gap:8px;display:inline-flex}.busy-label .round-loader{color:currentColor}.view-fallback-head{animation:delayed-in var(--dur) var(--ease-out) both;justify-content:center;padding:18px 0 10px;animation-delay:.15s;display:flex}.state-loading-label{justify-content:center;align-items:center;gap:8px;display:inline-flex}.dialog-fallback{z-index:60;pointer-events:none;animation:delayed-in var(--dur) var(--ease-out) both;place-items:center;animation-delay:.15s;display:grid;position:fixed;inset:0}.dialog-fallback .round-loader{border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-md);padding:14px 18px}.phase-wait{align-items:center;gap:6px;display:inline-flex}.empty-state{text-align:center;min-height:0;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.empty-state strong{color:var(--text-strong);font-size:var(--fs-xl)}.empty-state p{max-width:420px;line-height:1.6;font-size:var(--fs-body);margin:0}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.empty-scene-tile{width:132px;height:104px;color:var(--accent-bright);background:radial-gradient(circle at 30% 25%, rgba(var(--accent-rgb),.26), rgba(var(--accent-rgb),.06) 72%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18), 0 10px 30px -18px var(--brand-glow);animation:empty-float calc(var(--loop-float) * 1.25) var(--ease-in-out) infinite;border-radius:36px;place-items:center;margin-bottom:6px;display:grid}.empty-scene{display:block}.empty-state.compact{flex:none;gap:6px;padding:18px 12px}.empty-state.compact strong{font-size:var(--fs-lg)}.empty-state.compact p{max-width:300px;font-size:var(--fs-small);line-height:1.5}.empty-state.compact .empty-scene-tile{border-radius:26px;width:96px;height:72px}.empty-state.compact .empty-scene{width:72px;height:54px}:root[data-theme=light] .empty-scene-tile{color:var(--accent-strong)}.empty-chat>span{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18), 0 8px 24px -16px var(--brand-glow)}.app-titlebar-brand{align-items:center;gap:8px;display:inline-flex}.app-titlebar .brand-mark{filter:none}.about-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px;display:grid}.about-card .about-title{align-items:baseline;gap:8px;display:flex}.about-card .about-title strong{font-size:var(--fs-lg);color:var(--text-strong)}.about-card .about-title span{color:var(--muted);font-size:var(--fs-small)}.about-card p{color:var(--text-soft);font-size:var(--fs-small);margin:4px 0 0;line-height:1.5}.about-card small{color:var(--muted)}.web-pwa-notices{z-index:160;pointer-events:none;justify-items:center;gap:8px;max-width:min(520px,100vw - 32px);display:grid;position:fixed;bottom:16px;left:50%;translate:-50%}.web-pwa-notice{pointer-events:auto;border:1px solid var(--line-strong);color:var(--text);background:var(--toast-bg);box-shadow:var(--shadow-lg);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 15px;line-height:1.35;display:flex}.web-pwa-notice.is-offline{border-color:rgba(var(--danger-rgb), .4);color:var(--danger-text,#ff9aaa);padding-right:15px}.web-pwa-notice svg{flex:none}.web-pwa-notice button{color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:4px 11px;font-weight:600}.web-pwa-notice button:hover{filter:brightness(1.1)}.web-move-banner{z-index:160;border:1px solid var(--line-strong);max-width:calc(100vw - 32px);color:var(--muted);background:var(--toast-bg);box-shadow:var(--shadow-lg);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 12px;line-height:1.35;display:flex;position:fixed;top:6px;left:50%;translate:-50%}.web-move-banner svg{flex:none}.web-move-banner span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.web-move-banner a{color:var(--on-accent);background:var(--accent);border-radius:999px;flex:none;padding:3px 10px;font-weight:600;text-decoration:none}.web-move-banner a:hover{filter:brightness(1.1)}.web-move-banner a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.web-move-banner.is-hint{border-radius:14px;flex-wrap:wrap;padding:8px 10px 8px 14px;top:auto;bottom:16px}.web-move-banner.is-hint span{white-space:normal;overflow:visible}.web-move-banner.is-hint button:not(.icon-button){color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.web-moved-overlay{z-index:400;background:var(--bg);color:var(--text);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.web-moved-card{text-align:center;border:1px solid var(--line-strong);background:var(--toast-bg);border-radius:14px;justify-items:center;gap:12px;max-width:460px;padding:28px;display:grid}.web-moved-card h2{font-size:var(--fs-large,1.25rem);margin:0}.web-moved-card p{color:var(--muted);margin:0}.web-moved-continue{color:var(--muted);cursor:pointer;font:inherit;font-size:var(--fs-small);background:0 0;border:0;text-decoration:underline}