@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-deep:#262a33;--bg:#2d313b;--surface:#3b404c;--border:#1a1d24;--emoji-rgb-background:38, 42, 51;--emoji-rgb-input:59, 64, 76;--emoji-rgb-color:223, 226, 232;--emoji-rgb-accent:88, 101, 242;--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:#ffffff47;--text:#fff;--text-body:#dfe2e8;--text-muted:#b7bdc8;--text-faint:#a0a7b4;--accent:#5865f2;--accent-hover:#4752c4;--accent-alt:#7289da;--success:#3ba55d;--success-hover:#2d7d46;--danger:#ed4245;--danger-hover:#c03537;--neutral:#747f8d;--neutral-hover:#68727f;--gold:#f1c40f;--cloud:#e9eef5;--on-accent:#fff;--field-bg:var(--black-a25);--mention-bg:var(--accent-a45);--mention-fg:#fff;--presence-online:#3ba55d;--presence-idle:#f0b232;--presence-dnd:#ed4245;--presence-offline:#80848e;--bubble-sent:#3b404ceb;--bubble-received:#2d313b;--bubble-actions-bg:#343946;--white-a035:#ffffff09;--white-a04:#ffffff0a;--white-a05:#ffffff0d;--white-a06:#ffffff0f;--white-a08:#ffffff14;--white-a09:#ffffff17;--white-a10:#ffffff1a;--white-a12:#ffffff1f;--white-a20:#fff3;--white-a80:#fffc;--black-a25:#00000040;--black-a30:#0000004d;--black-a35:#00000059;--black-a45:#00000073;--black-a50:#00000080;--black-a55:#0000008c;--black-a70:#000000b3;--black-a80:#000c;--accent-a14:#5865f224;--accent-a16:#5865f229;--accent-a25:#5865f240;--accent-a30:#5865f24d;--accent-a40:#5865f266;--accent-a45:#5865f273;--danger-a14:#ed424524;--danger-a40:#ed424566;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");--glass-1-color:#262a339e;--glass-2-color:#262a33bd;--glass-3-color:#1e2129db;--glass-1:var(--grain), var(--glass-1-color);--glass-2:var(--grain), var(--glass-2-color);--glass-3:var(--grain), var(--glass-3-color);--glass-1-filter:blur(8px) saturate(140%);--glass-2-filter:blur(20px) saturate(160%);--glass-3-filter:blur(28px) saturate(180%);--glass-edge:1px solid var(--white-a08);--glass-highlight:inset 0 1px 0 var(--white-a06);--glass:var(--glass-2-color);--glass-soft:var(--glass-1-color);--shadow-1:0 2px 6px var(--black-a35);--shadow-2:0 6px 16px var(--black-a35);--shadow-3:0 12px 28px var(--black-a45);--shadow-4:0 24px 56px var(--black-a50);--ground-1:#5865f238;--ground-2:#2daaa024;--ground-3:#a05adc24;--font-sans:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--motion-instant:50ms;--motion-fast:.12s;--motion-quick:.2s;--motion-base:.24s;--motion-medium:.3s;--motion-slow:.4s;--motion-lazy:.5s;--motion-languid:.8s;--motion-ease:cubic-bezier(.22, .9, .3, 1);--anim-spin:1s;--anim-flash:3s;--anim-marquee:6s;--anim-pulse:1.4s;--anim-shimmer:1.6s;--density-row-y:8px;--density-row-gap:5px;--density-message-y:8px;--shell-pad:12px;--chat-pad-x:16px;--chat-pad-y:12px;--density-message-gap:2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dim]{--bg-deep:#313744;--bg:#383e4c;--surface:#474e5d;--border:#242832;--scrollbar-thumb:#ffffff2e;--emoji-rgb-background:49, 55, 68;--emoji-rgb-input:71, 78, 93;--emoji-rgb-color:221, 225, 232;--scrollbar-thumb-hover:#ffffff4d;--text:#f4f6fa;--text-body:#dde1e8;--text-muted:#c1c7d2;--text-faint:#b0b7c3;--bubble-sent:#4d5363eb;--bubble-received:#2e3340;--bubble-actions-bg:#353a47;--glass-1-color:#3137449e;--glass-2-color:#313744c2;--glass-3-color:#2a2f3be0;--ground-1:#5865f22e;--ground-2:#2daaa01f;--ground-3:#a05adc1f}:root[data-theme=light]{--bg-deep:#e2e5eb;--bg:#eceef3;--surface:#fff;--border:#c7ccd6;--scrollbar-thumb:#14182138;--emoji-rgb-background:255, 255, 255;--emoji-rgb-input:236, 238, 243;--emoji-rgb-color:35, 38, 45;--scrollbar-thumb-hover:#1418215c;--text:#111318;--text-body:#23262d;--text-muted:#474d59;--text-faint:#4f5663;--accent-alt:#4a5bb5;--gold:#8a6a00;--field-bg:#ffffffd9;--success:#2b8547;--success-hover:#226b39;--danger:#d0292c;--danger-hover:#ad2124;--neutral:#5f6875;--neutral-hover:#4e5662;--mention-bg:var(--accent-a16);--mention-fg:#3a44a8;--presence-online:#23a55a;--presence-idle:#d9920b;--presence-dnd:#d0292c;--presence-offline:#7a7f89;--bubble-sent:#dfe3f1;--bubble-received:#fff;--bubble-actions-bg:#f2f3f6;--white-a035:#14182109;--white-a04:#1418210a;--white-a05:#1418210d;--white-a06:#1418210f;--white-a08:#14182114;--white-a09:#14182117;--white-a10:#1418211a;--white-a12:#1418211f;--white-a20:#14182133;--white-a80:#141821cc;--glass-1-color:#ffffff9e;--glass-2-color:#ffffffbd;--glass-3-color:#fafbfde6;--glass-highlight:inset 0 1px 0 #ffffffb3;--shadow-1:0 2px 6px #1418211a;--shadow-2:0 6px 16px #1418211f;--shadow-3:0 12px 28px #14182129;--shadow-4:0 24px 56px #14182133;--ground-1:#5865f224;--ground-2:#2daaa01a;--ground-3:#a05adc1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-density=compact]{--density-row-y:4px;--density-row-gap:1px;--density-message-y:3px;--density-message-gap:1px;--shell-pad:6px;--chat-pad-x:10px;--chat-pad-y:6px}html{background-color:var(--bg-deep)}body{font-family:var(--font-sans);font-size:var(--text-base);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text-body);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 18% 22%, var(--ground-1), transparent 70%), radial-gradient(35% 40% at 82% 30%, var(--ground-3), transparent 70%), radial-gradient(45% 40% at 60% 85%, var(--ground-2), transparent 70%), var(--bg-deep);position:fixed;inset:-20%}:where(button,[role=button]):not(:disabled):active{scale:.96}@media (prefers-reduced-motion:reduce){:where(button,[role=button]):not(:disabled):active{scale:none}}code{font-family:var(--font-mono)}.rolling-number-container{vertical-align:bottom;height:1.2em;line-height:1.2em;display:inline-flex;overflow:hidden}.rolling-digit{transition:transform var(--motion-medium) ease-in-out;flex-direction:column;display:inline-flex}.flying-item{z-index:9999;pointer-events:none;transition:all var(--motion-languid) cubic-bezier(.25, 1, .5, 1);font-size:32px;position:fixed}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.login-container{justify-content:center;align-items:center;gap:var(--space-6);min-height:100dvh;padding:var(--space-8) var(--space-4);color:var(--text-body);flex-direction:column;display:flex}.login-card{align-items:center;gap:var(--space-5);width:100%;max-width:420px;padding:var(--space-8) var(--space-8) var(--space-6);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-xl);box-shadow:var(--glass-highlight), var(--shadow-4);flex-direction:column;display:flex}.login-logo{width:168px;height:auto}.login-header{align-items:stretch;gap:var(--space-2);text-align:center;flex-direction:column;width:100%;display:flex}.login-header h1{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:700}.login-header p{margin:0 0 var(--space-3);font-size:var(--text-md);color:var(--text-muted)}.login-form{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.login-divider{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);display:flex}.login-divider:before,.login-divider:after{content:"";border-top:1px solid var(--white-a08);flex:1}.login-form input{padding:var(--space-3);border:1px solid var(--white-a08);border-radius:var(--radius-md);background-color:var(--field-bg);color:var(--text);font:inherit}.login-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-form button,.login-header button{padding:var(--space-3);background-color:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);font:inherit;cursor:pointer;box-shadow:var(--shadow-1);transition:background-color var(--motion-quick);border:none;font-weight:600}.login-form button:hover,.login-header button:hover{background-color:var(--accent-hover)}.terms-and-conditions{max-width:640px;font-size:var(--text-xs);text-align:center;color:var(--text-faint);line-height:1.6}.terms-and-conditions p{margin:0 0 var(--space-2)}.terms-and-conditions ul{margin:0;padding:0;list-style-type:none}.pairing-code-note{font-size:var(--text-sm);color:var(--text-muted)}.pairing-code{margin-top:var(--space-1);font-family:var(--font-mono,monospace);font-size:var(--text-2xl);letter-spacing:.2em;color:var(--text);display:block}.desktop-approve-form{gap:var(--space-3);flex-direction:column;display:flex}.desktop-approve-account{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--white-a08);border-radius:var(--radius-md);background-color:var(--field-bg);text-align:left;display:flex}.desktop-approve-account>div{flex-direction:column;min-width:0;display:flex}.desktop-approve-avatar{border-radius:50%;width:44px;height:44px}.desktop-approve-label,.desktop-approve-sub{font-size:var(--text-xs);color:var(--text-faint);overflow-wrap:anywhere}.desktop-approve-code{padding:var(--space-3);border:1px solid var(--white-a08);border-radius:var(--radius-md);background-color:var(--field-bg);color:var(--text);font:inherit;font-family:var(--font-mono,monospace);font-size:var(--text-xl);letter-spacing:.2em;text-align:center}.desktop-approve-code:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-header .desktop-approve-secondary{color:var(--text-muted);box-shadow:none;border:1px solid var(--white-a08);background-color:#0000}.login-header .desktop-approve-secondary:hover{background-color:var(--white-a08)}.login-error{font-size:var(--text-sm);color:var(--danger)}.login-notice{font-size:var(--text-sm);color:var(--text-body);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.signup-age-label{font-size:var(--text-sm);color:var(--text-body);font-weight:600}.signup-terms{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-body);align-items:flex-start;line-height:1.45;display:flex}.signup-terms input{margin-top:3px}.signup-terms a,.terms-and-conditions a{color:var(--accent-alt)}.signup-age-why{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.5}.dsp-backdrop{z-index:3000;padding:var(--space-4);background:var(--black-a55);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dsp{width:min(760px,100%);max-height:calc(var(--app-height,100dvh) * .9);padding:var(--space-5);color:var(--text);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:1px solid var(--glass-edge);border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-4);overflow:auto}.dsp-title{margin:0 0 var(--space-3);font-size:var(--text-lg)}.dsp-tabs{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.dsp-tab{color:var(--text-muted);border:1px solid var(--white-a10);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:4px 14px}.dsp-tab[aria-selected=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.dsp-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.dsp-source{gap:var(--space-1);padding:var(--space-2);color:var(--text-body);text-align:left;background:var(--white-a05);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;display:flex}.dsp-source[aria-selected=true]{border-color:var(--accent);background:var(--accent-a14)}.dsp-thumb{aspect-ratio:16/9;object-fit:contain;background:var(--black-a30);border-radius:6px;width:100%}.dsp-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.dsp-icon{flex:none;width:16px;height:16px}.dsp-empty{color:var(--text-faint)}.dsp-audio{margin:var(--space-4) 0 0;border:0;padding:0}.dsp-audio legend{margin-bottom:var(--space-2);font-weight:700}.dsp-audio-choice{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);cursor:pointer;display:flex}.dsp-audio-choice small{color:var(--text-faint);font-size:var(--text-xs);display:block}.dsp-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.dsp-cancel,.dsp-share{cursor:pointer;border-radius:8px;padding:6px 18px}.dsp-cancel{color:var(--text-muted);border:1px solid var(--white-a10);background:0 0}.dsp-share{color:var(--on-accent);background:var(--accent);border:0}.dsp-share:disabled{opacity:.5;cursor:default}*,:before,:after{box-sizing:border-box}.container{height:var(--app-height,100dvh);display:flex;overflow:hidden}.left-panel{width:var(--channel-sidebar-width,300px);max-width:500px;color:var(--text);height:var(--app-height,100dvh);transition:max-width var(--motion-base) var(--motion-ease);flex-direction:column;padding-bottom:8px;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.left-panel{transition:none}}.left-panel.channel-collapsed{max-width:76px}.left-panel.channel-collapsed .sidebars{gap:0}.left-panel.channel-collapsed .channel-list-container{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0;overflow:hidden}.panel-resize-handle{cursor:ew-resize;z-index:150;width:6px;height:100%;transition:background-color var(--motion-fast) var(--motion-ease);background:0 0;position:absolute;top:0;right:0}.panel-resize-handle:hover,.panel-resize-handle:active,.panel-resize-handle:focus-visible{background-color:var(--accent);opacity:.5}.panel-resize-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebars{flex:1;gap:8px;padding:8px 8px 0;display:flex;overflow:visible}.unread-badge{background-color:var(--success);color:#fff;border-radius:var(--radius-pill,999px);box-sizing:border-box;text-align:center;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.unread-badge.mention{background-color:var(--danger)}.server-sidebar::-webkit-scrollbar{display:none}.friends-scroll-container::-webkit-scrollbar{display:none}.server-list::-webkit-scrollbar{display:none}.channel-list-content::-webkit-scrollbar{display:none}.main-content{color:var(--text);padding:var(--shell-pad);background-color:#0000;flex:1;overflow-y:auto}.hidden{display:none}@media (prefers-reduced-motion:reduce){.server-settings-icon:hover,.channel-settings-icon:hover,.user-settings-icon:hover{transform:none}}.message-input{background-color:var(--surface);padding:10px;position:relative;bottom:0;left:0;right:0}.message-input input{background-color:var(--bg-deep);width:calc(100% - 20px);color:var(--text);border:none;border-radius:4px;padding:10px}.message-input input:focus{outline:none}.chat-messages{height:calc(100dvh - 100px);padding-bottom:50px;overflow-y:auto}.chat-messages .message{margin-bottom:10px}.chat-messages .message strong{color:var(--text)}audio{margin-bottom:10px;display:block}input[type=range]{width:100%;margin-top:5px}input[type=range]:focus{outline:none}.sidebars .channel-list-container{padding-bottom:var(--profile-card-space,58px)}.sidebars .server-sidebar-container{margin-bottom:var(--profile-card-space,58px)}.modal-content button.logout-button:not(.info-tip):not(.modal-close){background-color:var(--danger-a14);color:var(--danger);border-color:var(--danger-a40)}.modal-content button.logout-button:not(.info-tip):not(.modal-close):hover{background-color:var(--danger);color:var(--on-accent)}.main-content{flex-direction:column;flex:1;height:100%;display:flex}.no-channels-message{justify-content:left;align-items:left;color:var(--text);flex:1;padding-top:10px;padding-left:2px;font-weight:700;display:flex}.video-streams-container{pointer-events:none;z-index:1000;position:absolute;inset:0}.home-icon-wrapper{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.home-expand-rows{width:100%;max-height:0;transition:max-height var(--motion-base) var(--motion-ease) var(--motion-slow);flex-direction:column;align-items:center;display:flex;overflow:hidden}.home-icon-wrapper:hover .home-expand-rows,.server-sidebar-container.home-open .home-expand-rows,.home-icon-wrapper.force-expanded .home-expand-rows{max-height:128px;transition-delay:0s}.home-icon-wrapper:has(:focus-visible) .home-expand-rows{max-height:128px;transition-delay:0s}.home-expand-rows .home-expand-row-icon{opacity:0;transform:translateY(calc(-64px * var(--row-index,1))) scale(.7);transition:opacity var(--motion-base) var(--motion-ease) var(--motion-slow), transform var(--motion-base) var(--motion-ease) var(--motion-slow), background-color var(--motion-fast) var(--motion-ease), border-radius var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}.home-expand-row-icon:nth-child(2){--row-index:2}.home-icon-wrapper:hover .home-expand-rows .home-expand-row-icon,.server-sidebar-container.home-open .home-expand-rows .home-expand-row-icon,.home-icon-wrapper.force-expanded .home-expand-rows .home-expand-row-icon{opacity:1;transition-delay:0s;transform:none}.home-icon-wrapper:has(:focus-visible) .home-expand-rows .home-expand-row-icon{opacity:1;transition-delay:0s;transform:none}.home-badge{transition:opacity var(--motion-base) var(--motion-ease) var(--motion-slow)}.home-icon-wrapper:hover .home-badge,.server-sidebar-container.home-open .home-badge,.home-icon-wrapper.force-expanded .home-badge{opacity:0;transition-delay:0s}.home-icon-wrapper:has(:focus-visible) .home-badge{opacity:0;transition-delay:0s}.farm-hover-icon{color:var(--success)}.farm-hover-icon:hover,.farm-hover-icon.active{background-color:var(--success);color:#fff;border-radius:16px}.mobile-hamburger-menu{cursor:pointer;color:var(--text);z-index:1000;width:fit-content;margin-bottom:10px;padding:10px;font-size:24px;display:none}@media (width<=768px){.left-panel{height:var(--app-height,100dvh);width:min(85vw, var(--channel-sidebar-width,300px));z-index:2000;transition:transform var(--motion-slow) cubic-bezier(.25, .1, .25, 1);position:fixed;top:0;left:0;transform:translate(-100%)}.left-panel.mobile-open{transform:translate(0)}.mobile-hamburger-menu{display:block}.panel-resize-handle{display:none}}.mobile-overlay{display:none}@media (width<=768px){.mobile-overlay{background:var(--black-a50);z-index:1500;opacity:0;pointer-events:none;transition:opacity var(--motion-slow) cubic-bezier(.25, .1, .25, 1);display:block;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}}@media (width<=768px) and (prefers-reduced-motion:reduce){.mobile-overlay{transition:none}}@media (width<=768px){.main-content{position:relative}.main-content:has(.chat-header)>.mobile-hamburger-menu{top:calc(var(--shell-pad) + var(--space-2));left:calc(var(--shell-pad) + var(--space-2));box-sizing:border-box;z-index:6;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;font-size:20px;display:flex;position:absolute}.main-content:has(.chat-header) .chat-header{padding-left:48px}}.server-settings-icon,.channel-settings-icon,.user-settings-icon{cursor:pointer;transition:transform var(--motion-medium) ease}.server-settings-icon:hover,.user-settings-icon:hover,.channel-settings-icon:hover{transform:rotate(180deg)}.server-settings-icon{flex-shrink:0;margin-left:10px;font-size:16px}.user-avatar{background-color:var(--accent-alt);width:24px;height:24px;color:var(--on-accent);transition:box-shadow var(--motion-quick) ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:12px;display:flex;position:relative;box-shadow:0 0 0 2px #0000}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar.speaking{box-shadow:0 0 0 2px var(--success)}.user-avatar.speaking:before{content:"";box-shadow:0 0 0 2px var(--success);pointer-events:none;animation:speaking-pulse var(--anim-pulse) var(--motion-ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes speaking-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.user-avatar.speaking:before{animation:none;display:none}}.user-avatar.muted,.user-avatar.deafened{box-shadow:0 0 0 2px var(--danger)}.user-avatar.deafened:after{content:"";background-color:var(--danger);width:120%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.marquee-box{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.marquee-inner{display:inline-block}.marquee-box.marqueeing{text-overflow:clip}.marquee-box.marqueeing .marquee-inner{animation:shared-marquee var(--marquee-duration,var(--anim-marquee)) ease-in-out 2}.marquee-box.marqueeing.marquee-rested{text-overflow:ellipsis}.marquee-box.marqueeing.marquee-rested .marquee-inner{animation:none;display:inline}:is(:hover,:focus-within)>.marquee-box.marqueeing.marquee-rested{text-overflow:clip}:is(:hover,:focus-within)>.marquee-box.marqueeing.marquee-rested .marquee-inner{animation:shared-marquee var(--marquee-duration,var(--anim-marquee)) ease-in-out infinite;display:inline-block}@keyframes shared-marquee{0%,12%{transform:translate(0)}45%,55%{transform:translateX(var(--marquee-distance))}88%,to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.marquee-box.marqueeing,:is(:hover,:focus-within)>.marquee-box.marqueeing.marquee-rested{text-overflow:ellipsis}.marquee-box.marqueeing .marquee-inner,:is(:hover,:focus-within)>.marquee-box.marqueeing.marquee-rested .marquee-inner{animation:none;display:inline}}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-avatar .avatar-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.push-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.modal-content .push-actions button:not(.info-tip):not(.modal-close){width:auto;padding:var(--space-2) var(--space-4);margin:0}.modal-content .push-check{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.link-button,.modal-content button.link-button:not(.info-tip):not(.modal-close){width:auto;color:var(--accent-alt);font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.quiet-schedule{margin:var(--space-2) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-deep)}.quiet-schedule[data-enabled=false] .quiet-days,.quiet-schedule[data-enabled=false] .quiet-times{opacity:.55}.modal-content .quiet-toggle{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.quiet-summary{color:var(--text-faint);font-size:var(--text-sm);font-weight:400}.quiet-days{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.quiet-day,.modal-content .quiet-days button.quiet-day:not(.info-tip):not(.modal-close){border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:36px;height:36px;color:var(--text-body);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);margin:0;padding:0;font-weight:600}.quiet-day.on,.modal-content .quiet-days button.quiet-day.on:not(.info-tip):not(.modal-close){border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.modal-content .quiet-days button.quiet-day:not(.on):hover{background:var(--surface)}.quiet-day:disabled{cursor:not-allowed}.quiet-times{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.modal-content .quiet-times label,.modal-content .push-timezone{align-items:center;gap:var(--space-2);margin-top:0;display:flex}.modal-content .push-timezone{margin-top:var(--space-3);flex-wrap:wrap}.push-timezone select{max-width:100%}.push-prompt{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:2050;width:min(420px, calc(100vw - 2 * var(--space-4)));padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-3);color:var(--text-body);position:fixed;transform:translate(-50%)}.push-prompt h2{margin:0 0 var(--space-1);font-size:var(--text-md);color:var(--text)}.push-prompt p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.push-prompt-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.push-prompt-actions button,.push-prompt-actions a{min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-deep);color:var(--text-body);font:inherit;cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.push-prompt-actions .primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.push-prompt-actions .primary:hover{background:var(--accent-hover)}.modal-overlay{height:var(--app-height,100dvh);background:var(--black-a55);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);z-index:2100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0 0 auto}:root{--modal-width:400px;--modal-width-wide:460px}@media (width>=1024px){:root{--modal-width:460px;--modal-width-wide:540px}}@media (width>=1600px){:root{--modal-width:520px;--modal-width-wide:620px}}.modal-content{background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-lg);max-width:var(--modal-width,400px);width:100%;max-height:calc(var(--app-height,100dvh) * .9);color:var(--text-body);box-shadow:var(--glass-highlight), var(--shadow-4);padding:20px;position:relative;overflow-y:auto}.modal-content:focus{outline:none}.modal-content h3{color:var(--text);text-align:center;margin-top:0;margin-bottom:20px;padding-right:28px}.modal-close{background:var(--white-a08);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover,.modal-close:focus-visible{background:var(--danger);color:var(--on-accent)}.modal-content h4{color:var(--text);margin-top:20px;margin-bottom:10px}.modal-content .settings-heading,.appearance-settings h4,.push-settings h4{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=email],.modal-content select{background-color:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-body);border-radius:3px;margin-bottom:5px;padding:10px}.modal-content label{margin-top:5px;display:block}.modal-content input[type=range]{width:100%}.modal-content button:not(.info-tip):not(.modal-close){background-color:var(--accent-a25);width:100%;color:var(--text);border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--motion-quick), border-color var(--motion-quick);margin-top:10px;padding:10px}.modal-content button:not(.info-tip):not(.modal-close):hover{background-color:var(--accent-a45)}.modal-content button:not(.info-tip):not(.modal-close):disabled{opacity:.5;cursor:default}.modal-content .form-group.inline-row{gap:var(--space-2);align-items:stretch;display:flex}.modal-content .form-group.inline-row input{flex:1;min-width:0;margin-bottom:0}.modal-content .form-group.inline-row button{width:auto;padding:0 var(--space-4);white-space:nowrap;flex:none;margin-top:0}.modal-content .modal-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.modal-content .modal-actions button{flex:1;width:auto;margin-top:0}.modal-content button.secondary-button:not(.info-tip):not(.modal-close){background-color:var(--surface);color:var(--text-body);border-color:var(--border)}.modal-content button.secondary-button:not(.info-tip):not(.modal-close):hover{background-color:var(--neutral)}.form-group{margin-bottom:5px}.form-group label{color:var(--text-body);margin-bottom:5px;display:block}.form-group select{background:var(--surface);width:100%;color:var(--text-body);border:1px solid var(--border);border-radius:4px;padding:8px}.button-group{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.button-group button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.button-group button:first-child{background:var(--accent);color:#fff}.button-group button:last-child{background:var(--neutral);color:#fff}.modal-content input[type=range]{accent-color:var(--accent)}.roles-settings{text-align:left;flex-direction:column;gap:10px;min-width:0;display:flex}.roles-note{color:var(--text-muted);margin:0;font-size:.85rem}.roles-inline-check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.roles-list-head{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.roles-list-head h4{margin:0}.roles-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roles-row{border:1px solid var(--white-a10);background:var(--white-a04);border-radius:8px;padding:6px 8px}.roles-row-main{align-items:center;gap:8px;min-width:0;display:flex}.roles-swatch{background:var(--neutral);border-radius:50%;flex:none;width:12px;height:12px}.roles-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.roles-tag{color:var(--text-faint);font-size:.75rem}.roles-row-actions{gap:4px;margin-left:auto;display:inline-flex}.roles-row-actions button{min-width:32px;min-height:32px;padding:4px}.role-editor{flex-direction:column;gap:8px;margin-top:8px;display:flex}.role-editor-field{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.role-editor-colour{align-items:center;gap:8px;display:flex}.roles-link{color:var(--accent-alt);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.roles-permissions{border:1px solid var(--white-a10);border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:8px;display:flex}.roles-permission{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.roles-permission span{flex-direction:column;font-size:.85rem;display:flex}.roles-permission small{color:var(--text-muted)}.role-editor-actions{justify-content:flex-end;gap:8px;display:flex}.modal-content .roles-settings label{margin-top:0}.modal-content .roles-settings label.roles-inline-check,.modal-content .roles-settings label.roles-permission,.modal-content .roles-settings label.role-editor-field{display:flex}.modal-content .roles-settings input[type=text],.modal-content .roles-settings .role-editor-field input:not([type=color]){width:100%;margin-bottom:0}.modal-content .roles-settings button:not(.info-tip):not(.modal-close){border:1px solid var(--white-a12);background:var(--white-a06);width:auto;color:var(--text-body);justify-content:center;align-items:center;gap:6px;margin-top:0;padding:6px 10px;font-size:.85rem;display:inline-flex}.modal-content .roles-settings button:not(.info-tip):not(.modal-close):hover{background:var(--white-a12);color:var(--text)}.modal-content .roles-settings button.primary:not(.info-tip):not(.modal-close){background:var(--accent);color:var(--on-accent);border-color:#0000}.modal-content .roles-settings button.roles-link:not(.info-tip):not(.modal-close){color:var(--accent-alt);background:0 0;border:0;padding:0;text-decoration:underline}.modal-content .roles-settings .roles-row-actions button:not(.info-tip):not(.modal-close){min-width:32px;min-height:32px;padding:4px}.channel-perms{border:1px solid var(--white-a10);background:var(--white-a04);text-align:left;border-radius:8px;flex-direction:column;flex-basis:100%;gap:8px;min-width:0;margin-top:6px;padding:8px;display:flex}.modal-content .channel-perms label.channel-perms-switch{cursor:pointer;align-items:flex-start;gap:8px;margin-top:0;display:flex}.channel-perms-switch span{flex-direction:column;font-size:.85rem;display:flex}.channel-perms-switch small{color:var(--text-muted)}.channel-perms-grid-wrap{max-width:100%;overflow-x:auto}.channel-perms-grid{border-collapse:collapse;width:100%;font-size:.8rem}.channel-perms-grid th,.channel-perms-grid td{text-align:left;white-space:nowrap;padding:4px}.channel-perms-grid thead th{color:var(--text-muted);font-weight:600}.channel-perms-swatch{background:var(--neutral);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.modal-content .channel-perms select{width:auto;margin-bottom:0;padding:4px}.channel-perms-actions{justify-content:flex-end;gap:8px;display:flex}.modal-content .channel-perms button:not(.info-tip):not(.modal-close){border:1px solid var(--white-a12);background:var(--white-a06);width:auto;color:var(--text-body);margin-top:0;padding:6px 12px}.modal-content .channel-perms button.primary:not(.info-tip):not(.modal-close){background:var(--accent);color:var(--on-accent);border-color:#0000}.choice-group{gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;display:flex}.choice-group .choice{cursor:pointer;margin:0;display:inline-flex;position:relative}.choice-group .choice input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.choice-group .choice-face{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--white-a12);background:var(--white-a04);color:var(--text-muted);font-size:var(--text-sm);transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);padding:7px 14px;font-weight:500;display:inline-flex}.choice-group .choice:hover .choice-face{background:var(--white-a08);color:var(--text-body)}.choice-group .choice input:checked+.choice-face{background:var(--accent-a25);border-color:var(--accent);color:var(--text)}.choice-group .choice input:focus-visible+.choice-face{outline:2px solid var(--accent);outline-offset:2px}.choice-group .choice-swatch .choice-face{border:2px solid var(--white-a20);background:var(--swatch);border-radius:50%;width:28px;height:28px;padding:0}.choice-group .choice-swatch:hover .choice-face{background:var(--swatch);transform:scale(1.08)}.choice-group .choice-swatch input:checked+.choice-face{background:var(--swatch);border-color:var(--text);box-shadow:0 0 0 2px var(--swatch)}@media (prefers-reduced-motion:reduce){.choice-group .choice-swatch:hover .choice-face{transform:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skeleton-list{gap:var(--space-3);padding:var(--space-3) var(--space-2);flex-direction:column;display:flex}.skeleton-list.compact{gap:var(--space-2)}.skeleton-row{align-items:center;gap:var(--space-3);display:flex}.skeleton-lines{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.skeleton-block{border-radius:var(--radius-sm);background:linear-gradient(90deg, transparent 0%, var(--white-a08) 50%, transparent 100%) no-repeat, var(--white-a06);animation:skeleton-shimmer var(--anim-shimmer) ease-in-out infinite;background-size:200% 100%,auto;display:block}.skeleton-line{height:10px}.skeleton-line.short{height:8px}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px}@keyframes skeleton-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.state-view{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.state-icon{background:var(--white-a06);width:40px;height:40px;color:var(--text-faint);font-size:var(--text-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.error-state .state-icon{background:var(--danger-a14);color:var(--danger)}.state-title{color:var(--text);font-size:var(--text-base);margin:0;font-weight:600}.state-body{max-width:34ch;font-size:var(--text-sm);margin:0;line-height:1.5}.state-action{align-items:center;gap:var(--space-2);width:auto;margin-top:var(--space-2);border:var(--glass-edge);border-radius:var(--radius-pill);background:var(--white-a08);color:var(--text);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast) ease;padding:6px 14px;font-weight:600;display:inline-flex}.state-action:hover,.state-action:focus-visible{background:var(--accent)}.modal-content .state-view.empty-state button.state-action,.modal-content .state-view.error-state button.state-action{width:auto;margin-top:var(--space-2);border:var(--glass-edge);border-radius:var(--radius-pill);background:var(--white-a08);color:var(--text);padding:6px 14px}.modal-content .state-view.empty-state button.state-action:hover,.modal-content .state-view.error-state button.state-action:hover{background:var(--accent)}.ban-dialog{max-width:420px}.ban-dialog-text{color:var(--text);overflow-wrap:anywhere;margin:0 0 14px;line-height:1.45}.ban-reasons{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.ban-reason{border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;color:var(--text);transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;display:flex}.ban-reason:hover{border-color:var(--border)}.ban-reason.selected{border-color:var(--danger)}.ban-reason input{accent-color:var(--danger);flex-shrink:0;width:auto;margin:0}.ban-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.modal-content .ban-dialog-actions button:not(.info-tip):not(.modal-close),.modal-content .banned-row button:not(.info-tip):not(.modal-close){width:auto;margin:0}.ban-dialog-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 14px;font-weight:600}.modal-content .ban-dialog-actions .ban-dialog-secondary:not(.modal-close){background:var(--surface);color:var(--text)}.modal-content .ban-dialog-actions .ban-dialog-danger:not(.modal-close){background:var(--danger);color:var(--on-accent)}.modal-content .ban-dialog-actions .ban-dialog-danger:disabled{opacity:.5;cursor:not-allowed}.banned-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.banned-row{border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.banned-row-info{flex:1;min-width:0}.banned-row-name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.banned-row-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px}.banned-row button{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg,transparent);color:var(--text);border:none;flex-shrink:0;padding:6px 10px;font-weight:600}.banned-empty{color:var(--text-muted)}.modal-content .ban-dialog-actions .ban-dialog-danger:not(.modal-close):hover:not(:disabled){background:var(--danger-hover)}.modal-content .ban-dialog-actions .ban-dialog-secondary:not(.modal-close):hover{background:var(--surface);filter:brightness(1.15)}.modal-content .banned-row button:not(.info-tip):not(.modal-close){background:var(--surface);color:var(--text)}.modal-content .banned-row button:not(.info-tip):not(.modal-close):hover{filter:brightness(1.2)}.audit-log-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.audit-log-filters select,.audit-log-filters input{background-color:var(--surface);border:1px solid var(--border);min-width:0;color:var(--text-body);border-radius:4px;padding:8px}.audit-log-list{max-height:55vh;margin:0;padding:0;list-style:none;overflow-y:auto}.audit-log-list[aria-busy=true]{opacity:.6}.audit-log-entry{border-bottom:1px solid var(--border);padding:8px 4px}.audit-log-line{align-items:baseline;gap:8px;display:flex}.audit-log-sentence{min-width:0;color:var(--text);overflow-wrap:anywhere;flex:1}.audit-log-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.audit-log-changes{margin:4px 0 0;font-size:.8rem}.audit-log-change{color:var(--text-muted);gap:6px;display:flex}.audit-log-change dt{flex-shrink:0;font-weight:600}.audit-log-change dt:after{content:":"}.audit-log-change dd{overflow-wrap:anywhere;min-width:0;margin:0}.audit-log-before{text-decoration:line-through}.audit-log-after{color:var(--text-body)}.audit-log-more{width:100%;margin-top:10px}@media (width<=600px){.audit-log-filters{grid-template-columns:minmax(0,1fr)}.audit-log-line{flex-direction:column;gap:2px}}.file-card{align-items:center;gap:var(--space-3);width:min(360px,100%);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);display:flex}.file-card.kept{border-color:var(--accent-a40)}.file-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.file-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}a.file-card-name:hover{text-decoration:underline}.file-card-meta{font-size:var(--text-xs);color:var(--text-faint)}.file-card-action{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.file-card-action:hover,.file-card-action:focus-visible{color:var(--text);background:var(--accent-a14)}.file-card-action.active{color:var(--accent)}.file-card.expired{opacity:.7;border-style:dashed}.kept-files{gap:var(--space-3);flex-direction:column;display:flex}.kept-files-intro{color:var(--text-muted);font-size:var(--text-sm);margin:0}.kept-files-usage-text{font-size:var(--text-sm);color:var(--text-body);margin-bottom:var(--space-1);justify-content:space-between;display:flex}.kept-files-bar{border-radius:var(--radius-pill);background:var(--accent-a14);height:6px;overflow:hidden}.kept-files-bar>div{background:var(--accent);height:100%}.kept-files-bar>div.full{background:var(--danger)}.kept-files-error{color:var(--danger);font-size:var(--text-sm);margin:0}.kept-files-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kept-files-list li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-a14);color:var(--text-muted);display:flex}.kept-files-meta{flex-direction:column;flex:1;min-width:0;display:flex}.kept-files-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kept-files-sub{font-size:var(--text-xs);color:var(--text-faint)}.kept-files .kept-files-unkeep{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;background:0 0;margin:0}.kept-files .kept-files-unkeep:hover{color:var(--danger)}.emoji-manager{gap:var(--space-3);flex-direction:column;display:flex}.emoji-manager-intro{color:var(--text-muted);font-size:var(--text-sm);margin:0}.emoji-manager-toggle{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent-a14);cursor:pointer;display:flex}.emoji-manager-toggle.disabled{cursor:default;opacity:.7}.emoji-manager-toggle span{color:var(--text);font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.emoji-manager-toggle small{color:var(--text-muted)}.emoji-manager-add{gap:var(--space-2);flex-wrap:wrap;display:flex}.emoji-manager .emoji-manager-name{min-width:120px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;flex:1;margin:0}.emoji-manager .emoji-manager-pick,.emoji-manager .emoji-manager-submit{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;margin:0;display:inline-flex;overflow:hidden}.emoji-manager .emoji-manager-pick{border:1px solid var(--border);color:var(--text-body);background:0 0}.emoji-manager .emoji-manager-submit{background:var(--accent);color:var(--on-accent);border:none}.emoji-manager .emoji-manager-submit:disabled,.emoji-manager .emoji-manager-pick:disabled{opacity:.5;cursor:not-allowed}.emoji-manager-count{color:var(--text-faint);font-size:var(--text-xs)}.emoji-manager-error{color:var(--danger);font-size:var(--text-sm);margin:0}.emoji-manager-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.emoji-manager-list li{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);display:flex}.emoji-manager-list li:hover{background:var(--accent-a14)}.emoji-manager-img{object-fit:contain;width:32px;height:32px}.emoji-manager-label{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.emoji-manager-label small,.emoji-manager-by{color:var(--text-faint);font-size:var(--text-xs)}.emoji-manager .emoji-manager-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.emoji-manager .emoji-manager-icon:hover,.emoji-manager .emoji-manager-icon:focus-visible{color:var(--text);background:var(--accent-a14)}.emoji-manager .emoji-manager-icon.danger:hover{color:var(--danger)}.modal-content .join-code-info{background-color:var(--bg-deep);border-radius:3px;margin-top:10px;padding:10px}.modal-content .join-code-info p{margin:5px 0}.join-code-container{background-color:var(--surface);border-radius:4px;align-items:center;margin-bottom:10px;display:flex;overflow:hidden}.join-code{color:var(--text);flex-grow:1;margin:0;padding:10px;font-weight:700}.join-code-input{background-color:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-body);border-radius:4px;margin-top:10px;padding:10px}.join-code-button{background-color:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;transition:background-color var(--motion-quick);border:none;border-radius:4px;margin-top:10px;padding:10px}.join-code-button:hover{background-color:var(--accent-hover)}.copy-button{background-color:var(--accent);color:var(--on-accent);cursor:pointer;transition:background-color var(--motion-quick);border:none;height:100%;padding:10px 15px;font-size:14px}.copy-button:hover{background-color:var(--accent-hover)}.expiry-info{color:var(--text-faint);margin-top:5px;font-size:14px}.server-settings-modal{max-width:var(--modal-width-wide,460px)}.modal-content .settings-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.modal-content .settings-tabs button.settings-tab{white-space:nowrap;width:auto;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:auto;margin-top:0;padding:8px 10px;font-weight:600}.modal-content .settings-tabs button.settings-tab:hover{background:var(--surface);color:var(--text)}.modal-content .settings-tabs button.settings-tab.active{color:var(--text);border-bottom-color:var(--accent)}.channel-settings-list{max-height:220px;margin-bottom:10px;overflow-y:auto}.channel-settings-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.channel-settings-row .channel-type-badge{flex-shrink:0;margin-bottom:0}.channel-settings-row-input{flex:1;min-width:0;margin-bottom:0!important}.modal-content .channel-settings-row button.channel-row-btn{flex:none;width:auto;margin-top:0;padding:8px 10px;font-size:13px}.modal-content .channel-settings-row button.channel-row-btn.danger{background-color:var(--danger)}.modal-content .channel-settings-row button.channel-row-btn.danger:hover{background-color:var(--danger-hover)}.channel-settings-empty{color:var(--text-faint);margin-bottom:10px;font-size:13px}.channel-list-style-switch{gap:16px;margin-bottom:10px;display:flex}.channel-settings-hint{color:var(--text-faint);margin:-4px 0 14px;font-size:12.5px}.confirmation-popup{background-color:var(--bg);color:var(--text-body);box-shadow:var(--shadow-1);z-index:1000;border-radius:5px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirmation-popup p{margin-bottom:15px}.confirmation-popup button{background-color:var(--accent);color:var(--on-accent);cursor:pointer;transition:background-color var(--motion-quick);border:none;border-radius:3px;margin-right:10px;padding:8px 15px}.confirmation-popup button:hover{background-color:var(--accent-hover)}.confirmation-popup button:last-child{background-color:var(--neutral)}.confirmation-popup button:last-child:hover{background-color:var(--neutral-hover)}.accent-picker .choice-group{align-items:center}.modal-content .accent-picker .accent-custom{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}.accent-picker .accent-custom input[type=color]{border:1px solid var(--white-a12);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:36px;height:24px;padding:0}.channel-topic-editor{gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);flex-direction:column;flex-basis:100%;display:flex}.channel-topic-editor-row{align-items:center;gap:var(--space-2);display:flex}.channel-topic-editor-row input{flex:1;min-width:0}.channel-topic-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-faint);flex-shrink:0}.soundboard-popup{width:100%;max-width:300px;max-height:calc(var(--app-height,100dvh) * .6);overflow-y:auto}.soundboard-popup-list{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;display:grid}.soundboard-manager-popup{max-width:500px;max-height:calc(var(--app-height,100dvh) * .7);overflow-y:auto}.soundboard-manager-list{margin-top:10px}.soundboard-manager-item{align-items:center;margin-bottom:6px;display:flex}.soundboard-manager-item .clip-emoji{text-align:center;width:32px;margin-right:8px}.soundboard-manager-item .clip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.soundboard-manager-item .reorder-buttons{flex-direction:column;margin-left:4px;display:flex}.soundboard-manager-item .reorder-buttons button{margin:0;padding:0}.soundboard-manager-item .icon-btn{background-color:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-body);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;margin-left:4px;font-size:18px;display:flex}.soundboard-edit-popup .field-group{margin:10px 0}.soundboard-edit-popup .emoji-select{cursor:pointer;background:0 0;border:none;font-size:20px}.soundboard-edit-popup .popup-actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.soundboard-popup-list button{background-color:var(--surface);border:1px solid var(--border);color:var(--text-body);cursor:pointer;border-radius:4px;padding:10px}.soundboard-item{align-items:center;margin-bottom:8px;display:flex;position:relative}.soundboard-upload{position:relative}.soundboard-item .emoji-select{margin-right:8px}.soundboard-item .clip-name-input{background-color:var(--surface);border:1px solid var(--border);color:var(--text-body);border-radius:3px;flex:1;margin-right:8px;padding:4px}.soundboard-item button{margin-left:4px}.trim-controls{flex-direction:column;gap:5px;margin-top:10px;display:flex}.waveform-canvas{background-color:var(--bg-deep);width:100%;margin-top:10px}.emoji-picker-popup{z-index:2000;position:absolute}.soundboard-consent-note{color:var(--text-muted);margin:8px 0 0;font-size:.85rem;line-height:1.4}.soundboard-consent-note a{color:inherit;text-decoration:underline}.info-tip{background:var(--white-a12);width:18px;height:18px;color:var(--text-body);cursor:pointer;vertical-align:middle;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:0;font-size:11px;line-height:1;display:inline-flex}.info-tip:hover,.info-tip:focus-visible{background:var(--accent);color:var(--on-accent)}.info-tip-row{align-items:baseline;gap:6px;display:flex}.info-tip-row>label{min-width:0;margin-bottom:0}.info-tip-row>.info-tip{flex-shrink:0;margin-left:0}.form-group>.info-tip-row{margin-bottom:5px}.presence-ring{box-shadow:0 0 0 2px var(--presence-color,transparent);transition:box-shadow var(--motion-fast) var(--motion-ease);position:relative}[data-presence=online]{--presence-color:var(--presence-online)}[data-presence=idle]{--presence-color:var(--presence-idle)}[data-presence=dnd]{--presence-color:var(--presence-dnd)}[data-presence=offline]{--presence-color:var(--presence-offline)}.presence-dot{box-sizing:border-box;border:2px solid var(--bg-deep);background:var(--presence-color);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.presence-dot[data-presence=dnd]:after{content:"";background:var(--bg-deep);border-radius:1px;height:1.5px;position:absolute;inset:3px 1px auto}.presence-dot[data-presence=idle]:after{content:"";background:var(--bg-deep);border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;left:-1px}.presence-dot[data-presence=offline]:after{content:"";background:var(--bg-deep);border-radius:50%;position:absolute;inset:1.5px}.avatar-editor{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.avatar-editor-stage{border-radius:var(--radius-md);background:var(--bg-deep);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.avatar-editor-stage:active{cursor:grabbing}.avatar-editor-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-editor-stage canvas{display:block}.avatar-editor-mask{box-shadow:0 0 0 200px var(--black-a55), inset 0 0 0 2px var(--white-a80);pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-editor-zoom{align-items:center;gap:var(--space-3);width:100%;color:var(--text-muted);display:flex}.avatar-editor-zoom input{flex:1;margin:0}.avatar-editor .modal-actions{width:100%}.avatar-setting{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.avatar-setting-picture{background:var(--accent-alt);width:44px;height:44px;color:var(--on-accent);font-size:var(--text-base);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar-setting-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.modal-content .avatar-setting-actions button:not(.info-tip):not(.modal-close){width:auto;padding:var(--space-2) var(--space-4);margin-top:0}.appearance-settings .choice-face .presence-dot{border-color:#0000;position:relative;bottom:auto;right:auto}.appearance-settings .appearance-hint{margin:calc(var(--space-1) * -1) 0 var(--space-2);color:var(--text-faint);font-size:var(--text-sm)}.mic-meter-wrap{margin-top:var(--space-2)}.mic-meter{border-radius:var(--radius-pill);background:var(--surface);height:10px;position:relative;overflow:hidden}.mic-meter-fill{border-radius:inherit;background:var(--text-faint);height:100%;transition:width var(--motion-instant) linear, background-color var(--motion-fast) ease}.mic-meter[data-open=true] .mic-meter-fill{background:var(--success)}.mic-meter-threshold{background:var(--text);width:2px;transition:left var(--motion-quick) ease;margin-left:-1px;position:absolute;top:0;bottom:0}.mic-meter-caption,.mic-test-suppression{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-faint);display:block}.mic-clipping-warning{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger);font-weight:600;display:block}.mic-monitor-toggle{align-items:center;gap:var(--space-1);margin:var(--space-1) 0;font-size:var(--text-sm);display:flex}.setting-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-faint);display:block}.setting-row{gap:var(--space-1);display:flex}.games-list{gap:var(--space-1);margin:var(--space-1) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.games-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--white-a05);border-radius:8px;display:flex}.games-name{min-width:0;color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.games-name-input{flex:1;min-width:0}.games-exe{max-width:40%;color:var(--text-faint);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.modal-content .games-settings .games-row button.games-btn{flex:none;width:auto;margin:0;padding:4px 10px}.modal-content .settings-tabs.profile-tabs{gap:0 var(--space-1);flex-wrap:wrap}.modal-content .settings-tabs.profile-tabs button.settings-tab{white-space:nowrap;flex:auto;padding:8px 6px}.modal-content .games-row input.games-name-input{margin:0}.games-settings{min-width:0}.discord-link-form .form-group{margin-top:var(--space-1)}.discord-link-form input{font-family:var(--font-mono,monospace);letter-spacing:.08em}.setting-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger);display:block}.sessions-list{margin:var(--space-1) 0;padding:0;list-style:none}.sessions-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.sessions-details>summary{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);color:var(--text-body);cursor:pointer;transition:background-color var(--motion-fast) ease;font-weight:600;list-style:none;display:flex}.sessions-details>summary::-webkit-details-marker{display:none}.sessions-details>summary:hover{background:var(--white-a10)}.sessions-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sessions-details>summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:8px;height:8px;transition:transform var(--motion-fast) ease;margin-left:auto;transform:rotate(45deg)}.sessions-details[open]>summary:after{transform:rotate(-135deg)}.sessions-count{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--white-a08);font-size:var(--text-xs);order:1}.sessions-details .sessions-list{max-height:160px;overflow-y:auto}.modal-content .sessions-list li button{flex:none;width:auto;margin-top:0}.range-with-ends{align-items:center;gap:var(--space-2);display:flex}.range-with-ends input[type=range]{flex:auto;min-width:0}.range-end{color:var(--text-faint);font-size:var(--text-sm);flex:none}.data-export-body{gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;display:flex}.data-export-body fieldset.choice-group{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;margin:0;display:flex}.data-export-body fieldset.choice-group legend{padding:0 var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.data-export-body label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.modal-content .sessions-list li.deletion-owned-server{align-items:stretch;gap:var(--space-2);flex-direction:column}.modal-content .sessions-list li.deletion-owned-server select{flex:auto;min-width:0}.video-stream-container{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.video-stream-container.popout{background:#000;width:100%;height:100dvh}.controls-overlay{opacity:0;transition:opacity var(--motion-base) var(--motion-ease);background:linear-gradient(to bottom, var(--black-a50) 0%, transparent 30%, transparent 70%, var(--black-a50) 100%);pointer-events:none;flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:absolute;inset:0}.controls-overlay.visible{opacity:1;pointer-events:auto}.top-controls{justify-content:space-between;align-items:center;display:flex}.top-left-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.codec-info-badge{color:var(--text-body);background:var(--glass-1);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.bottom-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 10px;display:flex}.left-controls,.center-controls,.right-controls{align-items:center;gap:10px;display:flex}.user-id{color:var(--text);background:var(--glass-1);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;padding:4px 8px;font-size:14px}.bottom-controls button{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:background-color var(--motion-fast) var(--motion-ease);border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.bottom-controls button:hover{background:var(--accent)}.video-element{object-fit:contain;width:100%;height:100%}.bottom-controls button svg{width:16px;height:16px}.quality-select{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:none;padding:8px;font-size:14px}.quality-select:hover{background:var(--accent)}.quality-select option{background:var(--bg-deep);color:var(--text)}.quality-controls{display:none}.center-controls{gap:10px;display:flex}.quality-select,.fps-select{background:var(--glass-1);color:var(--text);border:1px solid var(--white-a20);border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px}.quality-select:hover,.fps-select:hover{border-color:var(--accent)}.bitrate-control{flex-direction:column;align-items:center;gap:4px;display:flex}.bitrate-select{background:var(--glass-1);color:var(--text);border:1px solid var(--white-a20);border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;font-size:12px}.bitrate-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.center-controls{align-items:center;gap:16px;display:flex}.video-stream-container{container-type:inline-size}@container (width<=420px){.bottom-controls{gap:4px;padding:0}.left-controls,.right-controls{gap:4px}.bottom-controls button{width:30px;height:30px}.bottom-controls .quality-select{padding:2px 4px;font-size:11px}}.video-dock-frame{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:var(--shadow-3);background:#000;overflow:hidden}.volume-control{align-items:center;gap:4px;display:inline-flex}.volume-slider{width:70px;accent-color:var(--accent,#7289da);cursor:pointer}.popout-split{display:inline-flex;position:relative}.popout-split>.popout-main{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.popout-split>.popout-more{border-left:1px solid var(--border);width:22px;min-width:22px;padding:0;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.popout-menu{z-index:10;border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--border);flex-direction:column;min-width:190px;padding:4px;display:none;position:absolute;bottom:calc(100% + 6px);right:0}.popout-menu.open{display:flex}.popout-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.popout-menu button:hover,.popout-menu button.current{background:var(--accent-a14)}.stream-settings-popup{background:var(--bg-deep);border-radius:8px;width:300px;padding:20px}.stream-settings-note{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.stream-settings-gpu-status{min-height:16px;line-height:16px}.stream-preview-note{color:var(--text-muted);margin:0 0 14px;font-size:13px}.stream-preview-stage{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border);background:#000;width:100%;max-height:60vh;margin:0 auto;position:relative;overflow:hidden}.stream-preview-camera-info{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:11px}.stream-preview-video{object-fit:contain;width:100%;height:100%}.stream-preview-source-badge{text-overflow:ellipsis;white-space:nowrap;background:var(--glass-1);max-width:calc(100% - 20px);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);color:var(--text);border-radius:var(--radius-pill);border:1px solid var(--white-a12);padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px;overflow:hidden}.tooltip-container{position:relative}.tooltip{pointer-events:none;z-index:1000;position:fixed;transform:translateY(-50%)}.tooltip-inner{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);color:var(--text);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--glass-highlight), var(--shadow-2);padding:5px 10px;font-size:14px}.Toastify{--toastify-color-dark:var(--glass-3-color);--toastify-text-color-dark:var(--text-body);--toastify-font-family:var(--font-sans);--toastify-color-info:var(--accent);--toastify-color-success:var(--success);--toastify-color-warning:var(--gold);--toastify-color-error:var(--danger);--toastify-color-progress-dark:var(--accent)}.Toastify__toast-container .Toastify__toast{background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-3);font-size:var(--text-base)}.terms-update-check{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--text);font-size:var(--text-sm);align-items:flex-start;line-height:1.45;display:flex}.terms-update-check input{margin-top:3px}.terms-update-dialog a{color:var(--accent-alt)}.report-dialog{max-width:460px}.report-details{color:var(--text);font-size:var(--text-sm);margin:0 0 12px;display:block}.report-details textarea{width:100%;margin-top:var(--space-1);resize:vertical;display:block}.report-hint{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 14px;line-height:1.45}.report-block{gap:var(--space-2);color:var(--text);font-size:var(--text-sm);align-items:flex-start;margin:0 0 12px;display:flex}.report-block input{margin-top:3px}.md-strong{font-weight:700}.md-del{color:var(--text-muted);text-decoration:line-through}.md-quote{padding:1px 0 1px var(--space-3);border-left:3px solid var(--border);color:var(--text-muted);margin:2px 0;display:block}.md-quote .md-line{display:block}.md-list{margin:2px 0;padding-left:1.4em}.md-list li{margin:1px 0}.md-text{display:inline}.md-spoiler{border-radius:var(--radius-sm);background:var(--text-muted);color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);padding:0 3px}.md-spoiler *{color:#0000}.md-spoiler:hover{background:var(--text-body)}.md-spoiler:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.md-spoiler.revealed{background:var(--accent-a14);color:inherit;cursor:text;-webkit-user-select:text;user-select:text}.md-spoiler.revealed *{color:inherit}@media (prefers-reduced-motion:reduce){.md-spoiler{transition:none}}.custom-emoji{object-fit:contain;vertical-align:-.3em;width:1.375em;height:1.375em;margin:0 1px;display:inline-block}.custom-emoji.big{vertical-align:middle;width:48px;height:48px}.custom-emoji.loading{border-radius:var(--radius-sm);background:var(--accent-a14)}.custom-emoji-missing{color:var(--text-muted)}.reaction-emoji .custom-emoji{vertical-align:-.2em;width:1.2em;height:1.2em}.link-preview{gap:var(--space-3);max-width:520px;margin-top:var(--space-2);padding:var(--space-3);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text-body);text-decoration:none;display:flex}.link-preview:hover .link-preview-title{text-decoration:underline}.link-preview-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.link-preview-site{color:var(--text-muted);font-size:var(--text-xs)}.link-preview-title{color:var(--accent);font-weight:600}.link-preview-description{color:var(--text-muted);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview-site-row{align-items:center;gap:var(--space-2);display:flex}.link-preview-icon{object-fit:contain;flex:none;width:16px;height:16px}.link-preview-unsafe{border-left-color:var(--danger);color:var(--danger);font-size:var(--text-sm)}.message-link{color:var(--accent);overflow-wrap:anywhere}.forwarded-card{margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-a14);max-width:520px}.forwarded-label{color:var(--text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-weight:600;display:flex}.forwarded-meta{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);margin-top:2px;display:flex}.forwarded-meta time{font-size:var(--text-xs);color:var(--text-faint)}.forwarded-content{color:var(--text-body);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:2px}.forwarded-files{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.forwarded-card .forwarded-jump{margin:var(--space-1) 0 0;color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.forwarded-card .forwarded-jump:hover,.forwarded-card .forwarded-jump:focus-visible{text-decoration:underline}.role-badge{border:1px solid var(--role-color,var(--white-a20));max-width:10em;color:var(--role-color,var(--text-muted));text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;margin-left:6px;padding:0 6px;font-size:.7rem;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.thread-block{border:1px solid var(--accent-a40);border-left:3px solid var(--accent);background:var(--accent-a14);border-radius:10px;min-width:0;margin:8px 0;padding:6px 8px 8px}.thread-block.expanded{border-color:var(--accent);background:var(--accent-a16)}.thread-block.archived{border-color:var(--white-a12);border-left-color:var(--neutral);background:var(--white-a04)}.thread-block.locked{border-left-color:var(--gold)}.thread-block-head{min-width:0;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.thread-block-name{min-width:0;max-width:100%;color:var(--text);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;overflow:hidden}.thread-block-name:hover,.thread-block-name:focus-visible{text-decoration:underline}.thread-block-rename{border:1px solid var(--accent);background:var(--field-bg);min-width:0;color:var(--text);font:inherit;border-radius:6px;flex:160px;padding:2px 6px}.thread-block-meta{color:var(--text-faint)}.thread-chip{background:var(--white-a08);border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:.75rem;display:inline-flex}.thread-chip.locked{color:var(--gold)}.thread-chip.unread{background:var(--accent);color:var(--on-accent);font-weight:600}.thread-block-actions{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.thread-block-actions button{border:1px solid var(--white-a12);background:var(--white-a05);min-width:28px;min-height:28px;color:var(--text-body);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:2px 6px;font-size:.78rem;display:inline-flex}.thread-block-actions button:hover,.thread-block-actions button:focus-visible{background:var(--white-a12);color:var(--text)}.thread-block-actions button:disabled{opacity:.5;cursor:default}.thread-block-body{margin-top:4px}.thread-block-root{opacity:.9}.thread-block-replies{border-left:2px solid var(--white-a12);margin-left:14px;padding-left:8px}.thread-block.expanded .thread-block-replies{max-height:min(60vh,520px);overflow-y:auto}.thread-block-more{color:var(--accent-alt);font:inherit;cursor:pointer;background:0 0;border:0;margin:4px 0;padding:2px 0;font-size:.8rem;display:block}.thread-block-more:hover,.thread-block-more:focus-visible{text-decoration:underline}.thread-block-compact{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.85rem;overflow:hidden}.thread-block-compact-count{color:var(--text-faint)}.thread-reply-target{align-items:center;gap:8px;display:flex}.thread-reply-target strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.streams-switch{border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--border);flex:none;grid-template-columns:1fr 1fr;padding:2px;display:inline-grid;position:relative}.streams-switch-thumb{border-radius:calc(var(--radius-md) - 2px);background:var(--accent);width:calc(50% - 2px);transition:transform var(--motion-medium) ease;position:absolute;top:2px;bottom:2px;left:2px}.streams-switch.on-streams .streams-switch-thumb{transform:translate(100%)}.streams-switch button{z-index:1;min-height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-medium) ease;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.streams-switch button.active{color:var(--on-accent)}.streams-switch-count{background:var(--danger);min-width:18px;color:var(--on-accent);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;line-height:18px}.streams-switch-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:reduce){.streams-switch-thumb,.streams-switch button{transition:none}}@media (width<=768px){.streams-switch button{gap:4px;min-height:26px;padding:0 7px;font-size:12px}.chat-header:has(.streams-switch) .chat-header-server{display:none}}.streams-switch-icon{display:none}@media (width<=768px){.streams-switch-icon{display:inline-block}.streams-switch-label{display:none}.chat-header:has(.streams-switch) .chat-header-voice-pill{width:24px;height:32px}.chat-header:has(.streams-switch) .chat-header-title{min-width:0}.chat-header:has(.streams-switch) .chat-header-name{flex-shrink:1;min-width:0}}.chat-header{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);margin:var(--space-2) var(--space-2) 0;border-radius:var(--radius-lg);z-index:5;isolation:isolate;display:flex;position:relative}.chat-header:before{content:"";z-index:-1;background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:inherit;box-shadow:var(--glass-highlight), var(--shadow-2);pointer-events:none;position:absolute;inset:0}.chat-header-title{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.chat-header-glyph{color:var(--text-faint);flex-shrink:0;display:inline-flex}.chat-header-name{font-size:var(--text-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:45%;margin:0;font-weight:600;overflow:hidden}.chat-header-topic{padding-left:var(--space-3);border-left:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.chat-header-topic a,.chat-header-topic-card a,.chat-header-menu-topic a{color:var(--accent)}.chat-header-topic-wrap{display:inline-flex;position:relative}.chat-header-topic-toggle{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--text-faint);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-header-topic-toggle:hover,.chat-header-topic-toggle:focus-visible,.chat-header-topic-toggle[aria-expanded=true]{color:var(--text-body);background:var(--accent-a14)}.chat-header-topic-toggle.has-new{color:var(--accent)}.chat-header-topic-card{top:calc(100% + var(--space-2));width:max-content;max-width:min(360px,70vw);padding:var(--space-2) var(--space-3);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);color:var(--text-body);font-size:var(--text-sm);overflow-wrap:anywhere;z-index:60;line-height:1.45;position:absolute;left:0}.chat-header-actions,.chat-header-more{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.chat-header-more{position:relative}@media (width>=769px){.chat-header-menu .chat-header-menu-phone-only,.chat-header-more .chat-header-menu-phone-only{display:none}}.chat-header-button{min-width:34px;height:34px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;border:none;align-items:center;gap:5px;display:inline-flex;position:relative}.chat-header-button:hover,.chat-header-button:focus-visible{color:var(--text);background:var(--accent-a14)}.chat-header-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-faint);font-weight:600}.chat-header-button.has-new,.chat-header-button.has-new .chat-header-count{color:var(--accent)}.chat-header-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);text-align:center;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:0}.chat-header .notif-bell{height:34px;padding:0 var(--space-2);border-radius:var(--radius-md);background:0 0;border:none}.chat-header .notif-bell:hover{background:var(--accent-a14)}.chat-header .notif-popover{left:auto;right:0}.chat-header-menu{top:calc(100% + var(--space-2));width:min(280px,100vw - 32px);padding:var(--space-1);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);z-index:60;position:absolute;right:0}.chat-header-menu button{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.chat-header-menu button:hover,.chat-header-menu button:focus-visible{background:var(--accent-a14)}.chat-header-menu-label{flex:1}.chat-header-menu-count{color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.chat-header-menu .has-new,.chat-header-menu .has-new .chat-header-menu-count{color:var(--accent);font-weight:600}.chat-header-new-pill{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);white-space:nowrap;padding:1px 7px;font-weight:700}.chat-header-menu-topic{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;display:flex}.chat-header-menu-topic>span:nth-child(2){flex:1}@media (width<=768px){.chat-header{margin:var(--space-2) var(--space-2) 0;padding-left:var(--space-3)}.chat-header-actions{display:none}.chat-header-name{flex-shrink:1;max-width:none}.chat-header-topic,.chat-header-topic-wrap{display:none}}@media (prefers-reduced-motion:reduce){.chat-header-button,.chat-header-topic-toggle{transition:none}}.chat-header-presence{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);flex:none;display:inline-flex}.chat-header-presence .presence-dot{border-color:#0000;position:relative;bottom:auto;right:auto}@media (width<=768px){.chat-header-presence-label{display:none}}.chat-header-server,.chat-header-voice-pill{display:none}@media (width<=768px){.chat-header-server{min-width:0;color:var(--text-muted);flex:0 auto;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.chat-header-server-name{text-overflow:ellipsis;white-space:nowrap;max-width:24vw;overflow:hidden}.chat-header-server{flex-shrink:3}.chat-header-server+.chat-header-name{flex-shrink:1;min-width:5.5em}.chat-header-voice-pill{width:36px;height:36px;color:var(--success);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-header-voice-dot{width:12px;height:12px;animation:chat-header-voice-pulse var(--anim-pulse) ease-in-out infinite;background:currentColor;border-radius:50%}.chat-header-voice-pill.live{color:var(--danger)}}@keyframes chat-header-voice-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 60%, transparent);opacity:1}50%{opacity:.75;box-shadow:0 0 0 7px #0000}}@media (prefers-reduced-motion:reduce){.chat-header-voice-dot{animation:none}}.forward-dialog .forward-preview{padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-a14);color:var(--text-body);font-size:var(--text-sm);overflow-wrap:anywhere;flex-direction:column;gap:2px;display:flex}.forward-dialog .forward-search,.forward-dialog .forward-comment{box-sizing:border-box;width:100%;margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.forward-dialog .forward-comment{resize:vertical}.forward-list{max-height:min(320px,40vh);margin-top:var(--space-2);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.forward-empty{margin:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.forward-dialog .forward-place{align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;display:flex}.forward-dialog .forward-place:hover,.forward-dialog .forward-place:focus-visible{background:var(--accent-a14)}.forward-dialog .forward-place.picked{background:var(--accent);color:var(--on-accent)}.forward-place-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.forward-place-sub{font-size:var(--text-xs);opacity:.75;white-space:nowrap}.forward-files{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--text-body);font-size:var(--text-sm);display:flex}.forward-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.forward-dialog .forward-cancel,.forward-dialog .forward-send{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font:inherit;cursor:pointer;align-items:center;gap:6px;margin:0;display:inline-flex}.forward-dialog .forward-cancel{border:1px solid var(--border);color:var(--text-body);background:0 0}.forward-dialog .forward-send{background:var(--accent);color:var(--on-accent);border:none}.forward-dialog .forward-send:disabled{opacity:.5;cursor:not-allowed}.attach-menu{align-items:flex-end;display:flex;position:relative}.message-input-form .attach-menu-button{width:var(--composer-control,40px);height:var(--composer-control,40px);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.message-input-form .attach-menu-button:hover,.message-input-form .attach-menu-button:focus-visible,.message-input-form .attach-menu-button[aria-expanded=true]{color:var(--text);background:var(--accent-a14)}.message-input-form .attach-menu-button[aria-expanded=true]{transform:rotate(45deg)}.attach-menu-list{bottom:calc(100% + var(--space-2));width:220px;padding:var(--space-1);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);z-index:60;position:absolute;left:0}.message-input-form .attach-menu-list button{align-items:center;gap:var(--space-3);width:100%;min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;display:flex}.message-input-form .attach-menu-list button:hover,.message-input-form .attach-menu-list button:focus-visible{background:var(--accent-a14)}.message-input-form .attach-menu-list button span{flex:1}.attach-menu-list small{color:var(--text-faint);font-size:var(--text-xs)}.attachment-preview-file{align-items:center;gap:var(--space-2);max-width:200px;height:60px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-size:var(--text-sm);display:inline-flex}.attachment-preview-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:reduce){.attach-menu-button{transition:none}}.message-input-form .composer-emoji-button{width:var(--composer-control,40px);height:var(--composer-control,40px);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.message-input-form .composer-emoji-button:hover,.message-input-form .composer-emoji-button:focus-visible,.message-input-form .composer-emoji-button[aria-expanded=true]{color:var(--text);background:var(--accent-a14)}.format-toolbar{bottom:calc(100% + var(--space-2));padding:var(--space-1);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);z-index:60;gap:2px;display:flex;position:absolute;left:0}.message-input-form .format-toolbar-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.message-input-form .format-toolbar-button:hover,.message-input-form .format-toolbar-button:focus-visible{color:var(--text);background:var(--accent-a14)}.notif-menu{position:relative}.notif-bell{border:1px solid var(--surface);background:var(--bubble-actions-bg);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:2px;padding:6px 10px;display:inline-flex}.notif-bell:hover{color:var(--text-body)}.notif-bell.quiet{color:var(--text-faint)}.notif-at{font-size:var(--text-xs);font-weight:700}.notif-popover{z-index:50;min-width:220px;padding:var(--space-2) var(--space-3);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);position:absolute;top:calc(100% + 6px);left:0}.notif-popover fieldset{padding:var(--space-1) 0;border:none;margin:0}.notif-popover fieldset+fieldset{border-top:1px solid var(--border);margin-top:var(--space-1)}.notif-popover legend{margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;padding:0}.notif-option{align-items:center;gap:var(--space-2);color:var(--text-body);font-size:var(--text-sm);cursor:pointer;padding:4px 0;display:flex}.notif-option input{accent-color:var(--accent)}.notif-menu-row .notif-row-level{color:var(--text-faint);font-size:var(--text-sm)}.notif-menu-row .notif-row.quiet svg{color:var(--text-faint)}.notif-menu-row .notif-popover{min-width:0;margin:var(--space-1) 0 var(--space-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;position:static}.chat-window{color:var(--text-body);background-color:#0000;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.user-list-container{z-index:200;position:absolute;top:10px;right:16px}.user-list-button{background-color:var(--bg-deep);border:1px solid var(--border);color:var(--text-body);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.user-list-button:hover{background-color:var(--surface)}.user-list-popup{background-color:var(--bg-deep);border:1px solid var(--border);z-index:300;border-radius:4px;max-height:300px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.message-input-form{padding:var(--space-2) var(--space-3);margin:0 var(--space-2) var(--space-2);border-radius:var(--radius-lg);isolation:isolate;flex-direction:column;display:flex;position:relative}.message-input-form:before{content:"";z-index:-1;background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:inherit;box-shadow:var(--glass-highlight), var(--shadow-2);pointer-events:none;position:absolute;inset:0}.message-input-form{--composer-control:40px}.message-input-row{align-items:flex-end;gap:var(--space-2);display:flex}.message-input-form input,.message-input-form textarea{box-sizing:border-box;background-color:var(--field-bg);color:var(--text-body);box-shadow:inset 0 0 0 1px var(--white-a08);transition:box-shadow var(--motion-fast) var(--motion-ease);border:none;flex:1;padding:9px 14px;font-size:16px}.message-input-form input:focus,.message-input-form textarea:focus{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px var(--accent-a25);outline:none}.message-input-form textarea{resize:none;min-height:var(--composer-control);border-radius:var(--radius-xl);min-width:0;max-height:200px;font-family:inherit;line-height:22px;overflow-y:auto}.message-input-form button{background-color:var(--accent-alt);color:#fff;cursor:pointer;border:none;margin-left:10px;padding:10px 15px}.message-input-form button[type=submit]{width:var(--composer-control);height:var(--composer-control);background-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 1px var(--accent-hover), 0 4px 12px var(--accent-a45);transition:background-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.message-input-form button[type=submit] svg{width:16px;height:16px;margin-left:-1px}.message-input-form button[type=submit]:hover{background-color:var(--accent-hover);transform:scale(1.06)}.message-input-form:has(textarea:placeholder-shown) button[type=submit]:not(:hover){opacity:.6;box-shadow:none}@media (prefers-reduced-motion:reduce){.message-input-form button[type=submit]:hover{transform:none}}.mention-input-wrapper{flex:1;min-width:0;display:flex;position:relative}.message-input-form textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mention-suggestions{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-deep);box-shadow:var(--shadow-2);z-index:20;margin-bottom:6px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.mention-suggestion{text-align:left;width:100%;color:var(--text-body);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.9rem;display:block}.mention-suggestion:hover,.mention-suggestion.active{background:var(--surface)}.mention-pill{background:var(--mention-bg);color:var(--mention-fg);cursor:pointer;transition:box-shadow var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;margin:0 1px;padding:1px 6px;font-weight:600;text-decoration:none;display:inline-flex}.mention-pill:hover{box-shadow:0 2px 6px var(--accent-a25)}@media (prefers-reduced-motion:reduce){.mention-pill{transition:none}}.messages-container{padding:var(--chat-pad-y) var(--chat-pad-x);scroll-behavior:smooth;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden auto}.chat-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px 0;display:flex}.pinned-toolbar,.thread-toolbar{padding:0}.pinned-toolbar button,.thread-toolbar button,.search-toolbar button{background:var(--bubble-actions-bg);color:var(--gold);border:1px solid var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.replying-to{background:var(--bg-deep);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;margin:0 16px 8px;padding:6px 10px;font-size:.85em;display:flex}.replying-to button{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.85em}.scroll-to-bottom-anchor{z-index:10;flex:none;height:0;position:sticky;bottom:16px}.scroll-to-bottom-btn{background-color:var(--accent);width:40px;height:40px;color:var(--on-accent);box-shadow:0 0 0 1px var(--accent-hover), 0 4px 12px var(--accent-a45);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.scroll-to-bottom-btn svg{width:16px;height:16px}.scroll-to-bottom-btn:hover{background-color:var(--accent-hover);transform:translate(-50%)scale(1.06)}@media (prefers-reduced-motion:reduce){.scroll-to-bottom-btn:hover{transform:translate(-50%)}}.scroll-to-bottom-btn.highlight{background-color:var(--success);box-shadow:0 0 0 1px var(--success), 0 4px 12px color-mix(in srgb, var(--success) 45%, transparent)}.date-separator{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;margin:12px 0;font-size:.85em;display:flex}.date-separator:before,.date-separator:after{content:"";background:var(--surface);flex:1 1 0;min-width:16px;height:1px}html{scroll-behavior:smooth}.attachment-preview-row{gap:8px;display:flex}.attachment-preview{margin-bottom:8px;position:relative}.attachment-preview img{object-fit:cover;border-radius:4px;width:60px;height:60px}.attachment-preview button{background:var(--black-a70);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.spinner{animation:spin var(--anim-spin) linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.file-upload-icon{cursor:pointer;align-content:center;margin-right:8px}.image-modal{background:var(--black-a80);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal img{max-width:90%;max-height:90%}.image-modal .close-modal{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:20px;right:20px}.message .bubble{background-color:var(--surface);width:100%;max-width:100%;color:var(--text);border-radius:8px;position:relative}.message:focus-within .message-actions,.message[data-tools-open] .message-actions,.message-actions:hover{opacity:1;visibility:visible;transition-delay:0s}@media (hover:hover) and (pointer:fine){.message:hover .message-actions{opacity:1;visibility:visible;transition-delay:var(--actions-hover-delay,.35s)}}.message.sent{background-color:var(--bubble-sent);justify-content:flex-start;align-self:flex-start}.message.sent .bubble{background-color:var(--bubble-sent)}.message.received{background-color:var(--bubble-received);justify-content:flex-start;align-self:flex-start}.message.received .bubble{background-color:var(--bubble-received)}.message-actions{z-index:10;background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-2);opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--motion-ease), visibility var(--motion-fast);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:-14px;right:10px}.message-actions .action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}.message-actions .action-btn:hover,.message-actions .action-btn:focus-visible{background:var(--surface);color:var(--text);outline:none}.message-actions .quick-react{font-size:16px}.message-actions .pin-btn.on{color:var(--gold)}.message-actions .action-sep{background:var(--border);width:1px;height:18px;margin:0 3px}.message-time{margin-left:var(--space-2);color:var(--text-faint);font-size:var(--text-xs)}@keyframes chip-in{0%{opacity:0;transform:translateY(2px)scale(.98)}to{opacity:1;transform:none}}@keyframes chip-in-dim{0%{opacity:0;transform:translateY(2px)scale(.98)}to{opacity:.6;transform:none}}.reply-preview{border-left:0px solid var(--text-faint);background-color:var(--bg-deep);color:var(--text-muted);cursor:pointer;opacity:.6;animation:chip-in-dim var(--motion-fast) var(--motion-ease);border-radius:8px;margin-bottom:8px;padding:6px 8px;font-size:.85em}@keyframes message-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.message[data-arriving]{animation:message-arrive var(--motion-medium) var(--motion-ease) both}@media (prefers-reduced-motion:reduce){.message[data-arriving]{animation:none}}@keyframes flash-highlight{0%,30%{background-color:var(--accent-a30);box-shadow:0 0 0 1px var(--accent), 0 6px 18px var(--accent-a45)}to{box-shadow:0 0 0 1px #0000,0 6px 18px #0000}}@keyframes flash-highlight-bubble{0%,30%{background-color:#0000}}.message.highlighted{animation:flash-highlight var(--anim-flash) ease-out}.message.highlighted .bubble{animation:flash-highlight-bubble var(--anim-flash) ease-out}@media (prefers-reduced-motion:reduce){.message.highlighted,.message.highlighted .bubble{animation:none}.message.highlighted{box-shadow:0 0 0 1px var(--accent)}}.bubble,.content{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.emoji-btn{opacity:.5;transition:opacity var(--motion-quick);cursor:pointer}.emoji-btn:hover{opacity:1}.pinned-indicator{color:var(--gold);margin-left:8px;font-size:.78rem}.reactions{animation:chip-in var(--motion-fast) var(--motion-ease);flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction{border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--border);min-height:24px;color:var(--text-body);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);align-items:center;gap:5px;padding:1px 8px;font-size:.8rem;display:inline-flex}.reaction:hover{border-color:var(--text-faint)}.reaction.mine{background:var(--accent-a16);border-color:var(--accent)}.reaction-count{font-weight:600;font-size:var(--text-xs)}.reaction-add{color:var(--text-muted);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease);padding:1px 7px}.message[data-tools-open] .reaction-add,.reaction-add:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.message:hover .reaction-add{opacity:1;transition-delay:var(--actions-hover-delay,.35s)}}.reaction-picker{z-index:2500;animation:chip-in var(--motion-fast) var(--motion-ease);position:fixed}@media (prefers-reduced-motion:reduce){.message-actions,.message-actions button{transition:none}.emoji-picker,.reply-preview,.reactions{animation:none}}.message-attachments{flex-direction:column;gap:4px;margin-top:6px;display:flex}.chat-image{object-fit:contain;opacity:0;width:auto;max-width:300px;height:auto;max-height:300px;transition:opacity var(--motion-medium) ease-in-out;border-radius:8px;display:block}.attachment-link{color:var(--accent);font-size:.9rem;text-decoration:underline}.chat-image-wrapper{border-radius:8px;width:fit-content;max-width:300px;height:fit-content;max-height:300px;margin-top:8px;display:inline-block;overflow:hidden}.chat-image.fade-in{opacity:1}.username{color:var(--accent-alt);font-weight:700}.message{padding:var(--density-message-y) 12px;background-color:var(--bg-deep);color:var(--text);width:100%;max-width:100%;margin:var(--density-message-gap) 0;border-radius:8px;display:flex;position:relative}.chat-drop-overlay{z-index:20;border:2px dashed var(--accent);border-radius:var(--radius-lg);background:var(--black-a45);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.chat-drop-card{border-radius:var(--radius-lg);background:var(--glass-3);border:var(--glass-edge);box-shadow:var(--glass-highlight), var(--shadow-3);color:var(--text);align-items:center;gap:10px;padding:14px 20px;font-weight:600;display:flex}.search-toolbar{margin-left:auto;margin-right:36px}.search-toolbar button{color:var(--text-muted)}.search-toolbar kbd{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-xs);color:var(--text-faint);padding:0 5px}@media (width<=768px){.search-toolbar kbd{display:none}}.unread-divider{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;color:var(--danger);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:flex}.unread-divider:before,.unread-divider:after{content:"";background:var(--danger);flex:1;height:1px}.unread-divider:after{flex:0 0 var(--space-3)}.typing-indicator{min-height:1.3em;margin:0 var(--space-4) var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.editing-banner .editing-hint{color:var(--text-faint);margin-left:auto}.edited-marker{margin-left:var(--space-1);color:var(--text-faint);font-size:var(--text-xs)}.message.deleted .bubble{opacity:.7}.message.deleted .deleted-placeholder,.reply-preview .reply-deleted{color:var(--text-muted);font-style:italic}.message-actions .action-btn.delete-btn:hover,.message-actions .action-btn.delete-btn:focus-visible{color:var(--danger)}.message.blocked-message .bubble{opacity:.7}.message.blocked-message .deleted-placeholder{color:var(--text-muted);font-style:italic}.message.blocked-message button.link-button{width:auto;margin:0 0 0 var(--space-1);color:var(--accent-alt);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.message-input-form.sending textarea,.message-input-form.sending input[type=text]{opacity:.55;cursor:progress}.message-input-form.sending button[type=submit]{opacity:.45;cursor:progress;pointer-events:none}.chat-window,.messages-container{min-height:0}.message-input-form.read-only-notice{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.chat-window.streams-view>:not(.chat-header):not(.stage-host){display:none}.stage-host{flex:1;min-height:0;display:flex}@media (width>=769px){.chat-window.streams-view.side-chat{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) clamp(280px,28%,380px);display:grid}.chat-window.streams-view.side-chat>.chat-header{grid-column:1/-1}.chat-window.streams-view.side-chat>.stage-host{grid-area:2/1/5}.chat-window.streams-view.side-chat>.messages-container,.chat-window.streams-view.side-chat>.typing-indicator,.chat-window.streams-view.side-chat>.message-input-form{display:revert;grid-column:2;min-width:0}.chat-window.streams-view.side-chat>.messages-container{grid-row:2;display:flex}.chat-window.streams-view.side-chat>.typing-indicator{grid-row:3}.chat-window.streams-view.side-chat>.message-input-form{box-sizing:border-box;grid-row:4;margin-left:0;display:flex}.chat-window.streams-view.side-chat .message-input-row,.chat-window.streams-view.side-chat .mention-input-wrapper,.chat-window.streams-view.side-chat .message-input-form textarea{min-width:0}}@media (width<=768px){.chat-window.streams-view.split-chat>.stage-host{flex:none;height:auto;max-height:58vh}.chat-window.streams-view.split-chat .streams-stage.split{flex:auto;width:100%}.chat-window.streams-view.split-chat .streams-stage.split .streams-stage-body{height:min(calc((100vw - 2 * var(--space-3)) / var(--split-aspect,1.7778)), calc(58vh - 44px));aspect-ratio:var(--split-aspect,1.7778);flex:none;width:auto;max-width:100%;margin-inline:auto}.chat-window.streams-view.split-chat>.messages-container,.chat-window.streams-view.split-chat>.message-input-form{display:flex}.chat-window.streams-view.split-chat>.typing-indicator{display:block}}.message{gap:var(--space-3);align-items:flex-start}.message .bubble{flex:1;width:auto;min-width:0}.message-avatar{width:var(--message-avatar-size,36px);height:var(--message-avatar-size,36px);background:var(--accent-alt);color:var(--on-accent);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;font-weight:600;display:flex;overflow:hidden}.message-avatar img{object-fit:cover;width:100%;height:100%}:root[data-density=compact] .message-avatar{--message-avatar-size:28px;font-size:var(--text-xs)}@property --list-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --list-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}.chat-window{--list-fade:48px;--typing-row:calc(1.3 * var(--text-xs) + var(--space-1))}.messages-container{--list-fade-top:0px;--list-fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--list-fade-top), #000 calc(100% - var(--list-fade-bottom)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--list-fade-top), #000 calc(100% - var(--list-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--list-fade-top), #000 calc(100% - var(--list-fade-bottom)), transparent 100%);transition:--list-fade-top var(--motion-slow) var(--motion-ease), --list-fade-bottom var(--motion-slow) var(--motion-ease)}.messages-container[data-fade-top]{--list-fade-top:var(--list-fade)}.messages-container[data-fade-bottom]{--list-fade-bottom:var(--list-fade)}.messages-container:has(+.typing-indicator){margin-bottom:calc(var(--typing-row) * -1);padding-bottom:calc(var(--chat-pad-y) + var(--typing-row))}.messages-container+.typing-indicator{z-index:1;pointer-events:none;position:relative}.messages-edge-sentinel{flex-shrink:0;height:1px}.messages-container .scroll-to-bottom-anchor{bottom:calc(var(--list-fade) + 4px)}@media (prefers-reduced-motion:reduce){.messages-container{transition:none}}.main-content.farm-active{padding:0;overflow:hidden}.no-server-selected,.no-friend-selected{color:var(--text-body);background-color:#0000;flex:1;justify-content:center;align-items:center;display:flex}.no-friend-selected .empty-state-onboarding{background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-3)}.home-info-page{color:var(--text-body);background-color:#0000;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex;overflow-y:auto}.home-info-card{background:var(--glass-2);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-3);text-align:center;padding:32px}.home-info-card h1{color:var(--text);margin:0 0 8px;font-size:1.4rem}.home-info-card>p{color:var(--text-body);margin:0 0 20px}.home-info-list{text-align:left;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.home-info-list li{color:var(--text-body);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.home-info-list svg{color:var(--accent);flex-shrink:0;margin-top:3px}.empty-state-onboarding{text-align:center;max-width:380px;padding:24px}.empty-state-onboarding h2{color:var(--text);margin:0 0 12px}.empty-state-onboarding p{color:var(--text-body);margin:0 0 20px;font-size:14px;line-height:1.55}.empty-state-cta{border-radius:var(--radius-md);background:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;transition:background var(--motion-fast) ease;border:none;padding:10px 16px;font-size:14px;font-weight:600;display:block}.empty-state-cta:hover{background:var(--accent-hover)}.empty-state-cta+.empty-state-cta{margin-top:10px}.empty-state-cta.secondary{background:var(--surface);color:var(--text-body)}.empty-state-cta.secondary:hover{background:var(--white-a08)}.empty-state-help-link{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:4px;font-size:12.5px;text-decoration:underline;display:block}.empty-state-help-link:hover,.empty-state-help-link:focus-visible{color:var(--text-body)}.context-menu{z-index:3000;min-width:190px;padding:var(--space-1);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);flex-direction:column;display:flex;position:fixed}.context-menu button{border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 10px}.context-menu button:hover,.context-menu button:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.context-menu button.danger{color:var(--danger)}.user-profile-expanded-card{z-index:2100;background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-2);align-items:center;gap:10px;padding:4px 10px;display:flex;position:fixed;overflow:hidden}.user-profile-expanded-card .user-avatar{background-color:var(--accent-alt);width:40px;height:40px;color:var(--on-accent);box-shadow:0 0 0 2px var(--presence-color,var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:0;font-size:16px;display:flex;position:relative}.user-profile-expanded-card .user-profile-info{flex-direction:column;flex-grow:1;min-width:0;display:flex}.user-profile-expanded-card .user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-profile-expanded-card .user-status{color:var(--text-faint);font-size:11.5px}.user-profile-expanded-card .user-profile-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-profile-expanded-card .user-settings-icon{color:var(--text-muted);cursor:pointer;transition:color var(--motion-quick) ease;flex-shrink:0}.user-profile-expanded-card .user-settings-icon:hover{color:var(--text)}.user-profile-expanded-card.compact{justify-content:center;padding:4px 0}.user-profile-expanded-card.compact .user-profile-info,.user-profile-expanded-card.compact .user-profile-actions{display:none}.user-profile-expanded-card.compact .user-avatar{cursor:pointer}.notification-badge{background-color:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.home-icon-container{z-index:1000;flex-direction:column;flex-shrink:0;align-items:center;padding:0;display:flex;position:relative}.home-icon{background-color:var(--bg);width:48px;height:48px;color:var(--text-body);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-radius var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:24px;display:flex}.server-list-scroll-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.server-sidebar-container{background:var(--glass-2);width:60px;-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-1);z-index:100;transition:margin-bottom var(--motion-base) var(--motion-ease);flex-direction:column;flex-shrink:0;margin-bottom:0;display:flex;position:relative;overflow:visible}@media (prefers-reduced-motion:reduce){.server-sidebar-container{transition:none}}.server-sidebar-cont{flex-direction:column;height:100%;display:flex;overflow:visible}.rail-footer{flex-direction:column;flex-shrink:0;align-items:center;margin:8px 4px;padding:10px 0;display:flex}.rail-footer>*+*{margin-top:8px}.rail-footer .server-icon{margin:0}.server-sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;align-items:center;padding:0 6px;display:flex;overflow-y:auto}.server-list{flex-direction:column;align-items:center;width:100%;display:flex}.server-sidebar-fade{pointer-events:none;z-index:2;opacity:0;height:30px;transition:opacity var(--motion-base) var(--motion-ease);position:absolute;left:0;right:0}.server-sidebar-fade-top{background:linear-gradient(to bottom, var(--bg-deep), transparent);top:0}.server-sidebar-fade-bottom{background:linear-gradient(to top, var(--bg-deep), transparent);bottom:0}.server-sidebar-fade.visible{opacity:1}.server-icon{background-color:var(--bg);cursor:pointer;width:48px;height:48px;color:var(--text);transition:background-color var(--motion-fast) var(--motion-ease), border-radius var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:8px 0;font-size:18px;font-weight:700;display:flex;position:relative}.server-icon:hover,.home-icon:hover{background-color:var(--surface);border-radius:16px;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.server-icon:hover,.home-icon:hover,.farm-hover-icon:hover{transition:none;transform:none}}.server-icon.active,.home-icon.active{background-color:var(--accent);box-shadow:0 0 0 1px var(--accent-hover), 0 6px 16px var(--accent-a45);border-radius:16px}.server-icon.drop-before:after,.server-icon.drop-after:after{content:"";border-top:2px dashed var(--accent);pointer-events:none;height:0;position:absolute;left:4px;right:4px}.server-icon.drop-before:after{top:-7px}.server-icon.drop-after:after{bottom:-7px}.server-icon.reorderable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.server-icon.dragging{opacity:.6;touch-action:none}.server-icon.add-server{background-color:var(--bg);color:var(--success);transition:background-color var(--motion-lazy), color var(--motion-lazy);font-size:24px}.server-icon.add-server:hover{background-color:var(--success);color:var(--on-accent)}.server-sidebar input[type=text],.server-sidebar input[type=checkbox]{border:none;border-radius:4px;width:100%;margin-bottom:5px;padding:5px;display:block}.server-sidebar button{background-color:var(--accent);width:100%;color:var(--on-accent);cursor:pointer;border:none;border-radius:4px;padding:5px}.server-sidebar button:hover{background-color:var(--accent-hover)}.home-icon-separator{background-color:var(--bg);width:100%;height:2px;margin:0}.pending-invite-item{position:relative}.pending-invite-item.server-icon{color:var(--text-muted);outline:2px dashed var(--accent);outline-offset:-2px;background:0 0}.pending-invite-item.server-icon:hover{color:var(--text-body)}.server-notification-badge{background-color:var(--success);color:#fff;border-radius:var(--radius-pill,999px);box-sizing:border-box;z-index:1;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.server-notification-badge.mention{background-color:var(--danger)}.user-profile{display:none}.friends-header{border-bottom:2px solid var(--bg);justify-content:space-between;align-items:center;height:66px;padding:10px;display:flex}.add-friend-button,.accept-button,.reject-button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;padding:5px 10px;display:flex}.add-friend-button svg{margin-right:5px}.friends-scroll-container{flex:1;overflow-y:auto}.friend-item,.pending-request-item{cursor:pointer;align-items:center;padding:10px;display:flex}.friend-name{flex-grow:1}.pending-request-item{cursor:default;align-items:center;padding:10px;display:flex}.friend-item:hover,.pending-request-item:hover{background-color:var(--surface)}.friend-avatar{background-color:var(--accent-alt);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;display:flex}.channel-list-container{min-width:0;transition:padding-bottom var(--motion-base) var(--motion-ease), flex-basis var(--motion-base) var(--motion-ease), width var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);flex-direction:column;flex:1;padding-bottom:0;display:flex;position:relative;overflow:visible}@media (prefers-reduced-motion:reduce){.channel-list-container{transition:none}}.channel-list,.friends-list{background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-1);color:var(--text);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.server-header{border-bottom:var(--glass-edge);background-color:var(--white-a035);flex:none;justify-content:space-between;align-items:center;width:100%;height:66px;padding:15px 10px;display:flex}.server-header h2{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:clamp(12px,4vw,16px);line-height:48px;overflow:hidden}.server-header-name-container{flex:1;align-items:center;min-width:0;height:100%;display:flex}.server-settings-icon-container{flex-shrink:0;align-items:center;display:flex}.server-settings-icon{cursor:pointer;font-size:16px}.server-members-icon{cursor:pointer;color:var(--text-muted);transition:color var(--motion-fast) ease;flex-shrink:0;font-size:16px}.server-members-icon:hover{color:var(--text)}.channel-settings-icon{z-index:1;opacity:0;transition:opacity var(--motion-quick), transform var(--motion-medium) ease;margin-left:10px}.channel-list-scroll-container{flex:auto;margin:8px;position:relative;overflow:hidden}.channel-list-content::-webkit-scrollbar{display:none}.channel-list-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:8px 8px 0;overflow-y:auto}.channel-list-scroll-fade-top,.channel-list-scroll-fade-bottom{pointer-events:none;z-index:1;opacity:0;height:30px;transition:opacity var(--motion-base) var(--motion-ease);position:absolute;left:0;right:0}.channel-list-scroll-fade-top{background:linear-gradient(to bottom, var(--glass-2-color), transparent);top:0}.channel-list-scroll-fade-bottom{background:linear-gradient(to top, var(--glass-2-color), transparent);bottom:0}.channel-list-scroll-fade-top.visible,.channel-list-scroll-fade-bottom.visible{opacity:1}.channel-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:8px 8px 4px;font-family:inherit;font-size:10.5px;font-weight:700;display:flex}.channel-section-title .channel-section-chev{transition:transform var(--motion-fast) var(--motion-ease);font-size:9px}.channel-section-title.collapsed .channel-section-chev{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.channel-section-title .channel-section-chev{transition:none}}.channel-item{margin-bottom:var(--density-row-gap);padding:var(--density-row-y) 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background-color:#0000;border:1px solid #0000}.channel-item:hover{background-color:var(--white-a05);transform:translate(2px)}@media (prefers-reduced-motion:reduce){.channel-item:hover{transform:none}}.channel-item.active{background-color:var(--accent-a16);border-color:var(--accent-a40)}.channel-item.voice-connected{box-shadow:inset 3px 0 0 var(--success)}.channel-item.drop-before,.channel-item.drop-after{position:relative}.channel-item.drop-before:after,.channel-item.drop-after:after{content:"";border-top:2px dashed var(--accent);pointer-events:none;height:0;position:absolute;left:6px;right:6px}.channel-item.drop-before:after{top:-3px}.channel-item.drop-after:after{bottom:-3px}.channel-item.reorderable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.channel-item.dragging{opacity:.6;touch-action:none}.channel-header{z-index:100;align-items:center;display:flex;position:relative}.channel-icon{color:var(--text-faint);margin-right:8px;font-size:16px}.channel-icon-text{justify-content:center;align-items:center;width:16px;font-weight:700;display:inline-flex}.channel-type-badge{border-radius:var(--radius-pill);background:var(--accent-a16);color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.channel-name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.channel-settings-icon{opacity:0;transition:opacity var(--motion-quick), transform var(--motion-medium) ease;cursor:pointer;margin-left:10px}.channel-item:hover .channel-settings-icon{opacity:1}.user-list{padding-left:8px;padding-right:8px}.channel-list-content ul{margin:0;padding:8px 0 0;list-style-type:none}.user-item{transition:background-color var(--motion-quick);border-radius:4px;align-items:center;width:100%;margin-bottom:5px;padding:4px 8px;display:flex}.user-item:not(.clickable){opacity:.6}.user-item.clickable:hover{background-color:var(--bg);cursor:pointer}.user-name{cursor:pointer;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;margin-right:4px;overflow:hidden}.user-item.clickable:hover .user-name{color:var(--text)}.join-stream-button{background-color:var(--accent);color:var(--on-accent);opacity:.6;pointer-events:none;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:5px 10px;display:flex}.join-stream-button.clickable{opacity:1;cursor:pointer;pointer-events:auto;transition:background-color var(--motion-quick)}.join-stream-button.clickable:hover{background-color:var(--accent-hover)}.join-stream-button svg{font-size:14px}.channel-private-icon{color:var(--text-faint);flex:none;font-size:.7rem}.voice-user-moderated{color:var(--danger);flex-shrink:0;margin-left:4px;font-size:12px}.voice-ping-anchor{display:inline-flex;position:relative}.voice-ping-tip{z-index:3000;border-radius:var(--radius-md,8px);background:var(--glass-3);min-width:150px;-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);box-shadow:var(--glass-highlight), var(--shadow-2);color:var(--text-body);white-space:nowrap;pointer-events:none;flex-direction:column;gap:2px;padding:8px 10px;font-size:.75rem;font-weight:400;line-height:1.4;display:flex;position:fixed;transform:translate(-50%,-100%)}.voice-ping-tip strong{color:var(--text)}.voice-ping-tip[data-quality=good] strong:after{content:" · good";color:var(--success,var(--good))}.voice-ping-tip[data-quality=fair] strong:after{content:" · fair";color:var(--gold)}.voice-ping-tip[data-quality=poor] strong:after{content:" · poor";color:var(--danger)}.voice-controls-slot{opacity:1;max-height:420px;transition:max-height var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);flex-shrink:0;overflow:hidden;transform:translateY(0)}@starting-style{.voice-controls-slot{opacity:0;max-height:0;transform:translateY(16px)}}.voice-controls-slot.closing{opacity:0;max-height:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){.voice-controls-slot{transition:none}}.voice-controls{background:var(--glass-2);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-1);flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.voice-connected-info{background:var(--white-a035);border:1px solid var(--white-a06);border-radius:var(--radius-md);padding:8px 10px}.voice-connected-label{color:var(--text);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.voice-connected-label-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.voice-connected-label-text-inner{display:inline-block}.voice-connected-label .info-tip{flex-shrink:0;margin-left:0}.voice-control-group{flex:48px;min-width:48px;display:flex;position:relative}.voice-controls .controls .voice-control-group>button:not(.voice-control-chevron){border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius-pill);border-bottom-left-radius:var(--radius-pill)}.voice-controls .controls button.voice-control-chevron{background-color:var(--accent);border:none;border-left:1px solid var(--black-a25);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-pill);border-bottom-right-radius:var(--radius-pill);width:14px;min-width:14px;color:var(--white-a80);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);flex:0 0 14px;justify-content:center;align-items:center;padding:0;font-size:8px;display:flex}.voice-controls .controls button.voice-control-chevron:hover,.voice-controls .controls button.voice-control-chevron:focus-visible{background-color:var(--accent-hover)}.voice-control-group>button.voice-control-active+button.voice-control-chevron{background-color:var(--danger)}.voice-control-group>button.voice-control-active+button.voice-control-chevron:hover,.voice-control-group>button.voice-control-active+button.voice-control-chevron:focus-visible{background-color:var(--danger-hover)}.voice-control-chevron svg{transition:transform var(--motion-fast) var(--motion-ease)}.voice-control-chevron svg.flipped{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.voice-control-chevron svg{transition:none}}.voice-control-popover{z-index:2100;background:var(--glass-3);width:180px;-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--shadow-3);flex-direction:column;gap:6px;padding:10px;display:flex;position:fixed}.voice-control-popover label{color:var(--text-muted);font-size:12px}.voice-control-popover select{background:var(--white-a05);border:1px solid var(--white-a10);border-radius:var(--radius-sm);color:var(--text);padding:6px 8px;font-size:13px}.voice-control-popover .volume-control-container{margin:2px 0}.stream-source-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted);background:var(--accent-a14);border:1px solid var(--accent-a30);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.voice-controls .controls{flex-wrap:wrap;gap:6px;display:flex}.voice-controls button:not(.info-tip){background-color:var(--accent);min-width:34px;color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:none;flex:34px;justify-content:center;align-items:center;padding:8px;display:flex}.voice-controls button:not(.info-tip):hover,.voice-controls button:not(.info-tip):focus-visible{background-color:var(--accent-hover)}.voice-controls button:not(.info-tip):disabled{opacity:.5;cursor:not-allowed}.voice-controls button.voice-control-active{background-color:var(--danger)}.voice-controls button.voice-control-active:hover,.voice-controls button.voice-control-active:focus-visible{background-color:var(--danger-hover)}.voice-controls .controls button.voice-disconnect-btn{background-color:var(--danger);flex:0 0 34px}.voice-controls .controls button.voice-disconnect-btn:hover,.voice-controls .controls button.voice-disconnect-btn:focus-visible{background-color:var(--danger-hover)}.volume-control-container{justify-content:center;width:100%;display:flex}.volume-control{cursor:pointer;justify-content:center;width:90%;padding:2px 0;display:flex;position:relative}.custom-slider{appearance:none;opacity:.7;width:100%;height:30px;transition:opacity var(--motion-quick);cursor:pointer;box-sizing:border-box;background:0 0;outline:none;margin:0 auto;position:relative;top:0}.custom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:0 0;width:0;height:0}.custom-slider::-moz-range-thumb{cursor:pointer;background:0 0;width:0;height:0}.custom-thumb{background:var(--accent);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.stream-switch-source{color:var(--text-muted);border:1px solid var(--accent-a30);border-radius:var(--radius-pill);cursor:pointer;background:0 0;margin:6px 0 0 6px;padding:2px 10px;font-size:11.5px;font-weight:600}.stream-switch-source:hover{color:var(--text);background:var(--accent-a14)}.voice-controls .controls button.voice-control-locked{position:relative}.voice-control-lock{color:var(--danger);font-size:9px;position:absolute;bottom:2px;right:2px}.voice-controls-float{z-index:40;pointer-events:none;width:260px;position:fixed;bottom:8px;left:84px}.voice-controls-float .voice-controls{pointer-events:auto}@media (width<=768px){.voice-controls-float{width:min(260px,100vw - 16px);bottom:132px;left:8px}}.drawer-panel{z-index:2100;background:var(--glass-2);width:min(320px,88vw);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-3);color:var(--text-body);transition:transform var(--motion-base) var(--motion-ease);flex-direction:column;gap:8px;padding:16px;display:flex;position:fixed;top:14px;bottom:14px;right:14px;transform:translate(calc(100% + 24px))}.drawer-panel.open{transform:translate(0)}.drawer-panel:focus{outline:none}.drawer-peek-tab{z-index:900;border:var(--glass-edge);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--glass-2);width:20px;height:56px;-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter);color:var(--text-muted);cursor:pointer;box-shadow:-2px 0 10px var(--black-a35);transition:width var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;border-right:none;justify-content:center;align-items:center;padding:0;font-size:13px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.drawer-peek-tab:hover,.drawer-peek-tab:focus-visible{background:var(--accent-a16);width:26px;color:var(--text);outline:none}@media (prefers-reduced-motion:reduce){.drawer-peek-tab{transition:none}}.drawer-close{z-index:1;background:var(--white-a08);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex;position:absolute;top:16px;right:16px}.drawer-close:hover,.drawer-close:focus-visible{background:var(--danger);color:var(--on-accent)}.drawer-tabs{flex-wrap:wrap;flex:none;gap:4px;padding-right:30px;display:flex}.drawer-tab{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.drawer-tab:hover{background:var(--white-a06);color:var(--text)}.drawer-tab.active{background:var(--accent-a16);border-color:var(--accent);color:var(--text)}.drawer-tab-icon{align-items:center;font-size:13px;display:inline-flex}.drawer-tab-panels{flex:1;min-height:0;overflow:hidden}.drawer-tab-panel{height:100%;overflow-y:auto}@media (width>=769px){.drawer-panel.persistent{opacity:0;width:0;min-width:0;transition:flex-basis var(--motion-medium) var(--motion-ease), width var(--motion-medium) var(--motion-ease), min-width var(--motion-medium) var(--motion-ease), margin var(--motion-medium) var(--motion-ease), padding var(--motion-medium) var(--motion-ease), transform var(--motion-medium) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);border:none;flex:0 0 0;align-items:flex-end;margin:0;padding:0;position:relative;top:auto;bottom:auto;right:auto;overflow:hidden;transform:translate(40px)}.drawer-panel.persistent>.drawer-tabs,.drawer-panel.persistent>.drawer-tab-panels{width:286px;min-width:286px}.drawer-panel.persistent.open{opacity:1;border:1px solid var(--surface);flex:0 0 320px;width:320px;min-width:320px;margin:14px 14px 14px 0;padding:16px;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.drawer-panel{transition:none}}.member-list-panel{flex-direction:column;gap:8px;display:flex}.member-list-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.member-list{flex-direction:column;gap:2px;display:flex}.member-row{border-radius:var(--radius-md)}.member-row-summary{padding:var(--density-row-y) 6px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) ease;align-items:center;gap:10px;display:flex}.member-row-summary:hover{background:var(--white-a06)}.member-avatar{background:var(--accent-alt);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.member-name-block{flex-direction:column;flex:1;min-width:0;display:flex}.member-activity{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.member-activity strong{color:var(--text-muted);font-weight:600}.member-name{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.member-owner-icon{color:var(--gold);flex:none;font-size:12px}.member-row-actions{flex-wrap:wrap;gap:6px;padding:4px 6px 8px 44px;display:flex}.member-action-button{color:var(--text-body);background:var(--white-a06);border:1px solid var(--white-a09);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:flex}.member-action-button:hover{background:var(--white-a10)}.member-action-danger{color:var(--danger);border-color:var(--danger-a40)}.member-action-danger:hover{background:var(--danger-a14)}.member-leave-button{justify-content:center;width:100%;margin-top:10px}.member-row[data-presence=offline] .member-row-summary{opacity:.6}.member-role-picker{border:1px solid var(--white-a12);border-radius:8px;flex-basis:100%;margin:6px 0 0;padding:6px 8px}.member-role-picker legend{color:var(--text-muted);padding:0 4px;font-size:.75rem}.member-role-option{cursor:pointer;align-items:center;gap:6px;min-height:28px;font-size:.85rem;display:flex}.member-role-swatch{background:var(--neutral);border-radius:50%;width:10px;height:10px}.member-role-picker-empty{color:var(--text-muted);flex-basis:100%;margin:6px 0 0;font-size:.8rem}.thread-list-items{flex-direction:column;display:flex}.thread-list-item{text-align:left;border:none;border-bottom:1px solid var(--bg-deep);width:100%;color:var(--text-body);cursor:pointer;border-radius:var(--radius-md);background:0 0;padding:10px;display:block}.thread-list-item:last-child{border-bottom:none}.thread-list-item:hover,.thread-list-item.active{background:var(--bg-deep)}.thread-title{color:var(--text);font-size:.92rem;font-weight:600}.thread-meta{color:var(--text-faint);margin-top:2px;font-size:.8rem}.thread-preview{color:var(--text-muted);justify-content:space-between;gap:12px;margin-top:4px;font-size:.82rem;display:flex}.thread-time{color:var(--text-faint);white-space:nowrap}.thread-list-sections{flex-direction:column;gap:12px;display:flex}.thread-list-heading{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:4px 10px;font-size:.75rem;font-weight:700}.thread-list-heading span{color:var(--text-faint);font-weight:400}.thread-list-none{color:var(--text-faint);margin:0 10px;font-size:.82rem}.thread-title{align-items:center;gap:6px;min-width:0;display:flex}.thread-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thread-list-unread{background:var(--accent);color:var(--on-accent);border-radius:999px;flex:none;padding:0 6px;font-size:.72rem}.pinned-list-items{flex-direction:column;gap:2px;display:flex}.pinned-item button{text-align:left;width:100%;color:var(--text-body);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.pinned-item button:hover{background:var(--bg-deep)}.help-topic-list{animation:help-panel-in var(--motion-base) var(--motion-ease);flex-direction:column;gap:4px;display:flex}.help-panel-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:12px;font-weight:700}.help-topic-row{border-radius:var(--radius-md);width:100%;color:var(--text-body);text-align:left;cursor:pointer;transition:background var(--motion-fast) ease;background:0 0;border:none;align-items:center;gap:10px;padding:10px 8px;font-size:13.5px;display:flex}.help-topic-row:hover{background:var(--white-a06)}.help-topic-row-icon{flex:none;font-size:16px}.help-topic{animation:help-panel-in var(--motion-base) var(--motion-ease)}.help-back-button{color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) ease;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:4px 0;font-size:12.5px;font-weight:600;display:inline-flex}.help-back-button:hover,.help-back-button:focus-visible{color:var(--text)}.help-topic-title{color:var(--text);margin:0 0 10px;font-size:15px}.help-topic-body p{color:var(--text-body);margin:0 0 10px;font-size:13px;line-height:1.55}.help-topic-body p:last-child{margin-bottom:0}@keyframes help-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.help-topic-list,.help-topic{animation:none}}.inbox{flex-direction:column;gap:18px;display:flex}.inbox-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);align-items:center;gap:8px;margin:0 0 8px;display:flex}.inbox-count{border-radius:var(--radius-pill);background:var(--accent);min-width:18px;color:var(--on-accent);font-size:var(--text-xs);text-align:center;letter-spacing:0;padding:0 6px}.inbox-none{font-size:var(--text-sm);color:var(--text-faint);margin:0}.inbox-row{border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:10px;padding:8px 10px;display:flex}.inbox-row+.inbox-row{margin-top:6px}.inbox-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.inbox-row-meta{font-size:var(--text-xs);color:var(--text-faint)}.inbox-actions{gap:6px;display:flex}.inbox-actions button{cursor:pointer;width:30px;height:30px;color:var(--on-accent);transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.inbox-actions button:hover{filter:brightness(1.1)}.inbox-accept{background:var(--success)}.inbox-reject{background:var(--danger)}.inbox-mention{border-radius:var(--radius-md);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);background:0 0;border:none;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.inbox-mention:hover,.inbox-mention:focus-visible{background:var(--surface)}.inbox-mention-body{font-size:var(--text-sm);color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-palette-overlay{background:var(--black-a55);-webkit-backdrop-filter:var(--glass-1-filter);backdrop-filter:var(--glass-1-filter);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.command-palette{width:100%;max-width:560px;max-height:calc(var(--app-height,100dvh) * .7);background:var(--glass-3);-webkit-backdrop-filter:var(--glass-3-filter);backdrop-filter:var(--glass-3-filter);border:var(--glass-edge);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--shadow-4);color:var(--text-body);flex-direction:column;display:flex;overflow:hidden}.command-palette-modes{align-items:center;gap:4px;padding:10px 12px 0;display:flex}.command-palette-mode{border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;padding:4px 10px;font-weight:600}.command-palette-mode:hover{color:var(--text)}.command-palette-mode.active{background:var(--accent-a25);color:var(--text)}.command-palette-hint{font-size:var(--text-xs);color:var(--text-faint);margin-left:auto}.command-palette-input-row{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-faint);align-items:center;gap:10px;margin:10px 12px;padding:0 12px;display:flex}.command-palette-input-row input{min-width:0;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1;padding:11px 0}.command-palette-input-row:focus-within{border-color:var(--accent)}.command-palette-results{padding:0 8px 8px;overflow-y:auto}.command-palette-row{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.command-palette-row.active{background:var(--accent-a25)}.command-palette-prefix{text-align:center;width:18px;color:var(--text-faint);flex-shrink:0}.command-palette-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.command-palette-meta{font-size:var(--text-xs);color:var(--text-faint);flex-shrink:0;margin-left:auto}.command-palette-message{flex:1;min-width:0}.command-palette-message-head{align-items:baseline;gap:10px;display:flex}.command-palette-message-body{font-size:var(--text-sm);color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.command-palette-empty{text-align:center;font-size:var(--text-sm);color:var(--text-faint);padding:18px 10px}@media (width<=768px){.command-palette-overlay{padding-top:16px}.command-palette-hint{display:none}}.command-palette-scope{border-radius:var(--radius-pill);background:var(--accent-a16);color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:3px 9px;font-weight:600;display:inline-flex}.command-palette-scope:hover,.command-palette-scope:focus-visible{background:var(--accent-a25)}.streams-stage{gap:var(--space-2);min-width:0;min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.streams-stage-toolbar{justify-content:flex-end;gap:var(--space-2);display:flex}.streams-stage-toolbar button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-deep);min-height:28px;color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.streams-stage-toolbar button.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.streams-stage-body{gap:var(--space-2);flex:1;min-height:0;display:flex}.streams-stage-grid{gap:var(--space-2);flex:1;min-width:0;min-height:0;display:grid;position:relative}.streams-stage-strip{gap:var(--space-2);flex-direction:column;flex:0 0 clamp(160px,20%,280px);min-height:0;display:flex;overflow-y:auto}.streams-stage-strip .streams-stage-tile{aspect-ratio:16/9;flex:none}.streams-stage-tile{border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--border);min-width:0;min-height:0;position:relative;overflow:hidden}.streams-stage-tile.dragging{opacity:.5}.streams-stage-slot,.streams-stage-slot>.persistent-video-wrapper{width:100%;height:100%}.streams-stage-tile-tools{z-index:3;opacity:0;transition:opacity var(--motion-medium) ease;gap:4px;display:flex;position:absolute;top:6px;right:6px}.streams-stage-tile:hover .streams-stage-tile-tools,.streams-stage-tile:focus-within .streams-stage-tile-tools{opacity:1}@media (hover:none){.streams-stage-tile-tools{opacity:1}}.streams-stage-tile-tools>*{background:var(--bg-deep);width:28px;height:28px;color:var(--text);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.streams-stage-tile-tools>button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.streams-stage-grip{cursor:grab}.streams-stage-gridline{z-index:4;position:absolute}.streams-stage-gridline.col{cursor:col-resize;width:12px;margin-left:-6px;top:0;bottom:0}.streams-stage-gridline.row{cursor:row-resize;height:12px;margin-top:-6px;left:0;right:0}.streams-stage-gridline:hover:after{content:"";background:var(--accent);border-radius:2px;margin:auto;position:absolute;inset:0}.streams-stage-gridline.col:hover:after{width:3px}.streams-stage-gridline.row:hover:after{height:3px}.streams-stage-join{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer;font:inherit;flex-direction:column;display:flex}.streams-stage-join:hover{border-color:var(--accent)}.streams-stage-join-name{font-weight:700}.streams-stage-join-action{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.streams-stage-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.streams-stage-tile-tools{transition:none}}@media (width<=768px){.streams-stage-toolbar .streams-stage-side-chat-toggle{display:none}.streams-stage-body{flex-direction:column}.streams-stage-strip{flex-direction:row;flex:none;overflow-x:auto}.streams-stage-strip .streams-stage-tile{height:90px}.streams-stage-gridline{display:none}}.streams-stage-toolbar .streams-stage-mobile-only{display:none}@media (width<=768px){.streams-stage-toolbar .streams-stage-mobile-only{display:inline-flex}.streams-stage.split .streams-stage-tile.split-hidden,.streams-stage.split .streams-stage-strip,.streams-stage.split .streams-stage-join{display:none}.streams-stage.split .streams-stage-grid{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}.streams-stage.split .streams-stage-grid>.streams-stage-tile{grid-area:auto!important}.streams-stage.split .streams-stage-tile-tools{display:none}}@media (width<=1024px) and (orientation:landscape) and (height<=540px){.streams-stage{z-index:1500;background:var(--bg-deep);gap:0;padding:0;position:fixed;inset:0}.streams-stage-toolbar .streams-stage-mobile-only{display:inline-flex}.streams-stage-toolbar .streams-stage-side-chat-toggle,.streams-stage-toolbar .streams-stage-desktop-only{display:none}.streams-stage-toolbar{z-index:5;position:absolute;top:6px;left:6px}.streams-stage-body,.streams-stage-grid{gap:2px}.streams-stage-tile{border:none;border-radius:0}.streams-stage.split .streams-stage-tile.split-hidden{display:none}}@media (width<=768px){.streams-stage-toolbar .streams-stage-desktop-only{display:none}}.streams-stage.in-window{height:100vh}.streams-stage-elsewhere{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-muted);text-align:center;flex-direction:column;flex:1;display:flex}.streams-stage-elsewhere p{margin:0}.streams-stage-elsewhere div{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.streams-stage-elsewhere button,.streams-stage-popped button{min-height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-deep);color:var(--text-body);cursor:pointer;font-weight:600}.streams-stage-elsewhere button:first-child,.streams-stage-popped button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.streams-stage-popped{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.update-banner{z-index:10000;padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px var(--black-a25);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.update-banner-text{min-width:0}.update-banner-button{border:1px solid var(--on-accent);min-height:32px;color:var(--on-accent);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 14px;font-weight:600}.update-banner-button:hover{background:var(--accent-hover)}.update-banner-button:focus-visible{outline:2px solid var(--on-accent);outline-offset:2px}.desktop-titlebar{top:0;left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);height:var(--titlebar-h,36px);z-index:10001;align-items:center;gap:var(--space-2);padding:0 var(--space-3);box-sizing:border-box;background:var(--bg-deep);color:var(--text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;font-weight:600;display:flex;position:fixed}.desktop-titlebar-icon{pointer-events:none;flex:none}:root[data-titlebar] body:after{content:"";height:var(--titlebar-h);background:var(--bg-deep);z-index:10000;pointer-events:none;position:fixed;top:0;left:0;right:0}:root[data-titlebar]{--app-height:calc(100dvh - var(--titlebar-h))}:root[data-titlebar] body{padding-top:var(--titlebar-h);box-sizing:border-box}:root[data-titlebar] .update-banner{top:var(--titlebar-h)}:root[data-titlebar] .login-container{min-height:var(--app-height)}