@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-arabic-wght-normal-CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-ext-wght-normal-OacczzuJ.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.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{color:var(--text);background:var(--ground);font-family:Rubik Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}:root,[data-theme=cini]{--ground:#151311;--bg-darkest:#191715;--bg-dark:#1f1c1a;--bg:#262320;--bg-hover:#2f2b28;--bg-input:#322e2a;--text:#ece6df;--text-strong:#fff;--text-muted:#a39b92;--accent:#2bb3a8;--accent-text:#0b1d1b;--link:#5fd0c6;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#35302c;--bubble-own:#1f6f69;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=lale]{--ground:#0f131a;--bg-darkest:#12161e;--bg-dark:#161b24;--bg:#1b212c;--bg-hover:#232a37;--bg-input:#262e3c;--text:#e6e9ef;--text-strong:#fff;--text-muted:#9aa3b2;--accent:#ef6f6c;--accent-text:#2a0d0c;--link:#f59a97;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#252d3a;--bubble-own:#a8403e;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=kehribar]{--ground:#12100c;--bg-darkest:#16130e;--bg-dark:#1c1813;--bg:#231e18;--bg-hover:#2d271f;--bg-input:#322b22;--text:#efe7da;--text-strong:#fff;--text-muted:#a89c8a;--accent:#e0a43a;--accent-text:#2a1a03;--link:#f0c070;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#352d24;--bubble-own:#8a5a14;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=erguvan]{--ground:#120f18;--bg-darkest:#16121d;--bg-dark:#1b1724;--bg:#211c2c;--bg-hover:#2b2538;--bg-input:#302941;--text:#ebe6f3;--text-strong:#fff;--text-muted:#a59cb5;--accent:#a78bfa;--accent-text:#1d1236;--link:#c4b5fd;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#2e2740;--bubble-own:#6d4fc9;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=gece]{--ground:#0b1020;--bg-darkest:#0e1426;--bg-dark:#121a30;--bg:#17213b;--bg-hover:#1f2b4a;--bg-input:#223050;--text:#e4e9f5;--text-strong:#fff;--text-muted:#93a0bd;--accent:#4ea8ff;--accent-text:#04182e;--link:#86c3ff;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#1e2a47;--bubble-own:#1f5fa8;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=orman]{--ground:#0d130f;--bg-darkest:#101813;--bg-dark:#141e18;--bg:#19261e;--bg-hover:#213127;--bg-input:#25372c;--text:#e2ece4;--text-strong:#fff;--text-muted:#93a89a;--accent:#5fd39a;--accent-text:#062014;--link:#8fe4b8;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#22332a;--bubble-own:#24734c;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=gul]{--ground:#160d11;--bg-darkest:#1a1015;--bg-dark:#20141a;--bg:#281921;--bg-hover:#33212b;--bg-input:#38252f;--text:#f2e6eb;--text-strong:#fff;--text-muted:#b096a3;--accent:#f472b6;--accent-text:#33071e;--link:#f9a8d4;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#3a2731;--bubble-own:#a3336f;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=grafit]{--ground:#111;--bg-darkest:#151515;--bg-dark:#1b1b1b;--bg:#222;--bg-hover:#2c2c2c;--bg-input:#303030;--text:#e8e8e8;--text-strong:#fff;--text-muted:#9e9e9e;--accent:#ff8a3d;--accent-text:#2b1100;--link:#ffb07a;--danger:#e5484d;--danger-text:#ff8f8b;--speaking:#3ccf91;--warning:#e0a43a;--bubble:#2f2f2f;--bubble-own:#a8521c;--bubble-own-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=buz]{--ground:#dde5ee;--bg-darkest:#e3eaf2;--bg-dark:#edf2f7;--bg:#f8fafc;--bg-hover:#dfe7f0;--bg-input:#e9eff5;--text:#1c2430;--text-strong:#0b111a;--text-muted:#5e6b7c;--accent:#2563eb;--accent-text:#fff;--link:#1d4ed8;--danger:#c8343a;--danger-text:#b4232a;--speaking:#1f9d5c;--warning:#b7791f;--bubble:#e6edf5;--bubble-own:#2563eb;--bubble-own-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=kum]{--ground:#e7e1d8;--bg-darkest:#ece6de;--bg-dark:#f3efe9;--bg:#fbf9f6;--bg-hover:#e9e3da;--bg-input:#f0ebe4;--text:#24201c;--text-strong:#14110e;--text-muted:#6b635b;--accent:#17766e;--accent-text:#fff;--link:#17766e;--danger:#c8343a;--danger-text:#b4232a;--speaking:#1f9d5c;--warning:#b7791f;--bubble:#efe9e1;--bubble-own:#17766e;--bubble-own-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0}.content,input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:var(--accent-text);cursor:pointer;background:var(--accent);border:none;border-radius:8px;padding:6px 12px}button.danger{color:#fff;background:var(--danger)}.sidebar-header,.user-status-button,.panel-message,.role-row,.emoji-button,.voice-mini,.rail-item,button.secondary{color:var(--text)}input,select,textarea{font:inherit;color:inherit;background:var(--bg-darkest);border:none;border-radius:8px;outline:none;padding:8px 10px}:is(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal:focus-visible,.messages:focus-visible{outline:none}input[type=range]{accent-color:var(--accent);cursor:pointer;background:0 0;margin:0;padding:0}.error{color:var(--danger-text);margin:0 0 8px}.muted{color:var(--text-muted)}.auth{background:var(--bg-darkest);place-items:center;min-height:100dvh;display:grid}.auth-card{background:var(--bg);border-radius:14px;flex-direction:column;gap:14px;width:min(400px,92vw);padding:32px;display:flex}.auth-card h1{text-align:center;margin:0 0 8px;font-size:22px}.auth-card label{text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.auth-card label .hint{text-transform:none;font-weight:400}.auth-card input{text-transform:none;color:var(--text);font-size:15px;font-weight:400}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:40px}.password-field .icon-button{position:absolute;top:50%;right:4px;transform:translateY(-50%)}button.link{color:var(--link);background:0 0;padding:0;font-size:13px}.layout{background:var(--ground);gap:8px;height:100dvh;padding:8px;display:flex}.sidebar{width:var(--sidebar-width,240px);background:var(--bg-dark);border-radius:14px;flex-direction:column;flex-shrink:0;padding:0 8px 8px;display:flex;overflow:hidden}.side-panels{flex-shrink:0;gap:8px;display:flex}.server-rail{scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:60px;padding:4px 0;display:flex;overflow-y:auto}.rail-item{background:0 0;border-radius:50%;padding:0;transition:border-radius .15s;position:relative}.rail-item:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .15s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.rail-item.unread:before{height:8px}.rail-item:hover:before{height:20px}.rail-item.active:before{height:40px}.rail-item .server-icon,.rail-action{border-radius:50%;transition:border-radius .15s,background .15s}.rail-item:hover .server-icon,.rail-item.active .server-icon{border-radius:16px}.rail-action{width:48px;height:48px;color:var(--speaking);background:var(--bg);place-items:center;display:grid}.rail-action:hover{color:#fff;background:var(--speaking);border-radius:16px}.rail-separator{background:var(--bg-hover);border-radius:1px;flex-shrink:0;width:32px;height:2px}.server-icon{object-fit:cover;color:var(--text);background:var(--bg);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.sidebar-header{text-align:left;border-bottom:1px solid var(--bg-hover);background:0 0;border-radius:0;flex-shrink:0;align-items:center;width:calc(100% + 16px);height:52px;margin:0 -8px;padding:0 16px;font-weight:700;display:flex}button.sidebar-header:hover{background:var(--bg-hover)}.dm-search{background:var(--bg-darkest);margin:8px 0 4px}.dm-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.dm-home{width:48px;height:48px;color:var(--text)}.rail-item.active .dm-home{background:var(--accent);color:var(--accent-text)}.dm-row{gap:10px;padding:6px 8px}.dm-empty{padding:8px;font-size:13px}.sidebar-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category{align-items:center;padding:16px 0 4px;display:flex}.category-toggle{text-transform:uppercase;text-align:left;white-space:nowrap;color:var(--text-muted);background:0 0;flex:1;align-items:center;gap:2px;padding:0 0 0 2px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.category-toggle:hover{color:var(--text)}.category-toggle svg{flex-shrink:0;transition:transform .15s}.category-toggle.collapsed svg{transform:rotate(-90deg)}.category-add{opacity:0;padding:0 4px}.category:hover .category-add,.category-add:focus-visible{opacity:1}.server-muted{color:var(--danger);display:inline-flex}.error-text{color:var(--danger-text)}.sidebar-section{text-transform:uppercase;color:var(--text-muted);padding:16px 8px 4px;font-size:12px;font-weight:600}.channel{text-align:left;width:100%;min-height:34px;color:var(--text-muted);background:0 0;border-radius:10px;align-items:center;gap:6px;margin:1px 0;display:flex}.channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:color-mix(in srgb, var(--accent) 20%, var(--bg-hover));box-shadow:inset 3px 0 0 var(--accent);color:var(--text-strong);font-weight:600}.channel.active .channel-icon{color:var(--accent)}.voice-connected{background:color-mix(in srgb, var(--speaking) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--speaking) 35%, transparent);border-radius:10px;margin:2px 0;padding-bottom:2px}.channel.connected:not(.active){color:var(--text-strong)}.channel.connected .channel-icon{color:var(--speaking)}.channel-icon{color:var(--text-muted);font-size:18px}.sidebar-footer{background:var(--bg);border-radius:12px;align-items:center;gap:4px;margin-top:auto;padding:8px;display:flex}.username{text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-status-button{text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 4px;display:flex}.user-status-button:hover{background:var(--bg-hover)}.user-status-button .status-dot{border-color:var(--bg)}.user-status-text{flex-direction:column;min-width:0;display:flex}.icon-button{color:var(--text-muted);background:0 0;padding:4px 8px;font-size:16px}.icon-button:hover{background:var(--bg-hover);color:var(--text)}.chat{background:var(--bg);border-radius:14px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat.empty{color:var(--text-muted);justify-content:center;align-items:center}.chat-header{border-bottom:1px solid var(--bg-hover);flex-shrink:0;align-items:center;gap:6px;height:52px;padding:0 8px 0 18px;font-weight:600;display:flex;position:relative}.chat-header-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-header .channel-icon{font-size:22px}.layout.members-open .members-button{color:var(--text)}.messages{flex:1;padding:16px 0;overflow-y:auto}[data-chat-background=dots] .messages{background-image:radial-gradient(color-mix(in srgb, var(--text) 14%, transparent) 1px, transparent 1.5px);background-size:18px 18px}[data-chat-background=grid] .messages{background-image:linear-gradient(color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px);background-size:24px 24px}[data-chat-background=image] .messages{background:linear-gradient(color-mix(in srgb, var(--bg) 55%, transparent), color-mix(in srgb, var(--bg) 55%, transparent)), var(--chat-image) center / cover}.channel-start{padding:16px 16px 8px}.channel-start-icon{background:var(--bg-hover);border-radius:50%;place-items:center;width:68px;height:68px;font-size:40px;display:grid}.channel-start h2{color:var(--text-strong);margin:8px 0;font-size:28px}.channel-start p{margin:0}.day-divider{color:var(--text-muted);align-items:center;margin:24px 16px 8px;font-size:12px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--bg-hover);flex:1;height:1px}.day-divider span{padding:0 8px}.message:not(:hover,:focus-within,.selected){content-visibility:auto;contain-intrinsic-size:auto 48px}.message{align-items:flex-start;gap:8px;margin-top:10px;padding:1px 16px;display:flex;position:relative}.message.grouped{margin-top:2px}.message.own{flex-direction:row-reverse}.message:hover,.message.selected{background:color-mix(in srgb, var(--text) 4%, transparent)}.message-avatar,.message-avatar-space{flex-shrink:0;width:32px}.message-avatar{background:0 0;border-radius:50%;padding:0;display:flex}.message:not(.grouped) .message-avatar{margin-top:20px}.message-body{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:min(75%,680px);display:flex}.message.own .message-body{align-items:flex-end}.author{color:var(--text-strong);background:0 0;padding:0 0 0 12px;font-size:13px;font-weight:600}.author:hover{text-decoration:underline}.bubble{background:var(--bubble);border-radius:18px 18px 18px 6px;min-width:0;max-width:100%;padding:7px 12px;line-height:1.4}.message.own .bubble{color:var(--bubble-own-text);background:var(--bubble-own);border-bottom-right-radius:6px;border-bottom-left-radius:18px}.bubble .content{display:inline}.bubble-meta{float:right;color:var(--text-muted);align-items:center;gap:4px;margin:6px 0 -3px 10px;font-size:11px;display:inline-flex}.message.own .bubble-meta,.message.own .edited{color:color-mix(in srgb, var(--bubble-own-text) 75%, transparent)}.bubble:after{content:"";clear:both;display:block}.bubble:has(>.content.jumbo):not(:has(.reply-preview,.attachment-image,.attachment-file)){color:var(--text);background:0 0;padding:0}.message.own .bubble:has(>.content.jumbo):not(:has(.reply-preview,.attachment-image,.attachment-file)) .bubble-meta{color:var(--text-muted)}.bubble:has(.message-editor){width:min(560px,100%)}.message.own .content a,.message.own .mention{color:inherit}.message.own .mention{background:color-mix(in srgb, var(--bubble-own-text) 22%, transparent)}.reply-preview{border-left:3px solid var(--accent);text-align:left;width:100%;min-width:0;color:inherit;background:color-mix(in srgb, var(--ground) 35%, transparent);border-radius:8px;flex-direction:column;margin-bottom:4px;padding:4px 8px;font-size:13px;display:flex}.message.own .reply-preview{border-left-color:var(--bubble-own-text)}.reply-author{font-weight:600}.reply-content{text-overflow:ellipsis;white-space:nowrap;opacity:.85;overflow:hidden}.message-actions{background:var(--bg);border:1px solid var(--bg-hover);border-radius:10px;padding:2px;display:none;position:absolute;top:-16px;right:16px}.message.own .message-actions{left:16px;right:auto}.message:hover .message-actions,.message.selected .message-actions{display:flex}.message.replying{background:color-mix(in srgb, var(--accent) 10%, transparent)}.reply-bar{color:var(--text-muted);background:var(--bg-dark);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:4px 4px 4px 12px;font-size:13px;display:flex}.reply-bar strong{color:var(--text)}.reply-bar+.composer-row,.reply-bar+.pending-file{border-top-left-radius:0;border-top-right-radius:0}.message-editor textarea{resize:none;background:var(--bg-input);width:100%}.message-editor-hint{margin:2px 0 0;font-size:12px}.message-editor-hint .link{font-size:12px}.edited{color:var(--text-muted);font-size:11px}.composer-disabled{color:var(--text-muted);padding:11px 16px}.content{white-space:pre-wrap;overflow-wrap:anywhere}.composer{padding:0 16px 20px;position:relative}.message.highlighted{animation:2s ease-out message-highlight}@keyframes message-highlight{0%{background:color-mix(in srgb, var(--accent) 35%, transparent)}}.pinned-mark{color:var(--text-muted);display:inline-flex}.jump-present{text-align:left;border-radius:8px;width:calc(100% - 32px);margin:0 16px 4px;padding:6px 12px;font-size:13px;display:block}.quick-switcher{width:min(520px,100%)}.quick-switcher input{width:100%;padding:10px 12px;font-size:16px}.quick-switcher-results{max-height:50vh;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.quick-switcher-results li{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.quick-switcher-results li.selected{background:color-mix(in srgb, var(--accent) 20%, var(--bg-hover));color:var(--text-strong)}.quick-switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-switcher-server{white-space:nowrap;margin-left:auto;font-size:12px}.quick-switcher-unread{background:var(--text-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}:is(.quick-switcher-results li:has(.quick-switcher-server) .quick-switcher-unread,.quick-switcher-results li:has(.quick-switcher-server) .mention-badge){margin-left:4px}.quick-switcher-results li:not(:has(.quick-switcher-server)) :is(.quick-switcher-unread,.mention-badge){margin-left:auto}.quick-switcher-empty{cursor:default}.quick-switcher-hint{margin:8px 0 0;font-size:12px}.shortcut-list{gap:8px;margin:0;display:grid}.shortcut-list div{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcut-list dd{color:var(--text-muted);text-align:right;margin:0}kbd{border:1px solid var(--bg-hover);background:var(--bg-darkest);white-space:nowrap;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--bg-hover) 25%, color-mix(in srgb, var(--bg-hover) 60%, var(--text) 8%) 50%, var(--bg-hover) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.message-skeleton{flex-direction:column;justify-content:flex-end;gap:18px;min-height:100%;padding:16px;display:flex}.skeleton-row{gap:10px;display:flex}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{height:12px}.skeleton-server{border-radius:16px;width:48px;height:48px}.skeleton-sidebar{gap:14px;padding:20px 16px}.new-divider{color:var(--danger-text);text-transform:uppercase;align-items:center;gap:8px;margin:16px 16px 4px;font-size:11px;font-weight:700;display:flex}.new-divider:before{content:"";background:var(--danger);flex:1;height:1px}.messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.jump-bottom{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex;position:absolute;bottom:12px;right:16px;box-shadow:0 4px 12px #0000004d}.chat-header .icon-button.active{color:var(--text)}.message-panel{z-index:50;background:var(--bg-dark);border-radius:8px;flex-direction:column;width:min(440px,100vw - 16px);max-height:70vh;font-weight:400;display:flex;position:absolute;top:calc(100% + 4px);right:8px;box-shadow:0 8px 16px #0006}.message-panel-title{border-bottom:1px solid var(--bg-darkest);padding:12px;font-weight:600}.panel-search{background:var(--bg-darkest);width:100%}.panel-scope{padding:8px 12px 0}.panel-empty{padding:0 12px}.panel-scroll{padding:8px;overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:4px;display:grid}.media-grid button{aspect-ratio:1;background:var(--bg-darkest);border-radius:6px;padding:0;overflow:hidden}.media-grid img{object-fit:cover;width:100%;height:100%}.panel-files{margin:8px 0 0;padding:0;list-style:none}.panel-file-name{overflow-wrap:anywhere}.panel-more{margin:8px auto 0;display:block}.panel-message-row{align-items:flex-start;display:flex}.panel-message-action{flex-shrink:0;margin:10px 8px 0 0}.modal.inbox-modal{width:min(560px,96vw)}.inbox-tabs{gap:4px;margin:12px 0 4px;display:flex}.panel-messages{margin:0;padding:8px;list-style:none;overflow-y:auto}.panel-message{text-align:left;background:0 0;border-radius:6px;gap:10px;width:100%;padding:8px;display:flex}.panel-message:hover{background:var(--bg-hover)}.panel-message-body{flex-direction:column;min-width:0;display:flex}.panel-message .message-header{align-items:baseline;gap:8px;display:flex}.panel-message .author{padding:0;font-size:15px}.panel-message time{color:var(--text-muted);font-size:12px}.mention{color:color-mix(in srgb, var(--accent) 45%, var(--text-strong));background:color-mix(in srgb, var(--accent) 30%, transparent);border-radius:3px;padding:0 2px;font-weight:500}.message.mentioned .bubble{box-shadow:inset 0 0 0 2px var(--warning)}.mention-suggestions{background:var(--bg-dark);border-radius:8px;margin:0 0 4px;padding:8px;list-style:none;position:absolute;bottom:100%;left:16px;right:16px;box-shadow:0 4px 12px #0000004d}.mention-suggestions li{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-suggestions li[aria-selected=true],.mention-suggestions li:hover{background:var(--bg-hover)}.mention-everyone-icon{background:var(--bg-input);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.typing-indicator{height:22px;color:var(--text-muted);align-items:center;gap:6px;padding:0 20px;font-size:13px;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing-dot}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}.composer-row{background:var(--bg-input);border-radius:22px;align-items:flex-end;gap:4px;padding:0 8px;display:flex}.composer-row .icon-button{height:44px}.composer textarea{resize:none;background:0 0;flex:1;max-height:40vh;padding:11px 8px}.composer textarea:placeholder-shown{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer .send-button{display:none}.send-button:not(:disabled){color:var(--accent)}.send-button:disabled{opacity:.4;cursor:default}.pending-file{background:var(--bg-dark);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;display:flex}.attachment-image{cursor:zoom-in;border-radius:6px;max-width:min(400px,100%);max-height:300px;margin-top:4px;display:block}.attachment-file{background:var(--bg-dark);max-width:100%;color:var(--link);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:10px 14px;text-decoration:none;display:inline-flex}.attachment-file svg{color:var(--text-muted);flex-shrink:0}.lightbox{cursor:zoom-out;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:16px;display:flex}.lightbox::backdrop{background:#000000d9}.lightbox img{object-fit:contain;border-radius:4px;max-width:100%;min-height:0}.lightbox a{color:var(--text);font-size:14px}.context-menu{z-index:100;background:var(--bg-darkest);border-radius:10px;min-width:188px;max-width:280px;padding:6px;position:fixed;box-shadow:0 8px 16px #0006}.menu-item{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:3px;padding:7px 8px;font-size:14px;text-decoration:none;display:block}.menu-item:hover:not(:disabled){color:var(--accent-text);background:var(--accent)}.menu-item.danger{color:var(--danger-text);background:0 0}.menu-item.danger:hover{color:#fff;background:var(--danger)}.menu-item:disabled{color:var(--text-muted);opacity:.6;cursor:default}.menu-title{text-transform:uppercase;color:var(--text-muted);padding:6px 8px;font-size:12px;font-weight:700}.menu-slider{flex-direction:column;gap:6px;padding:6px 8px;font-size:13px;display:flex}.sheet-backdrop{z-index:100;background:#00000080;position:fixed;inset:0}.context-menu.sheet{max-width:none;padding:8px 8px max(8px, env(safe-area-inset-bottom));background:var(--bg-dark);border-radius:12px 12px 0 0;animation:.15s ease-out sheet-in;inset:auto 0 0}.context-menu.sheet .menu-item{padding:14px 12px;font-size:16px}@keyframes sheet-in{0%{transform:translateY(100%)}}.modal-backdrop{z-index:85;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:14px;width:min(520px,92vw);max-height:85vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0}.modal h3{text-transform:uppercase;color:var(--text-muted);font-size:13px}.inline-form{gap:8px;display:flex}.inline-form input{flex:1}.admin-list{margin:12px 0 0;padding:0;list-style:none}.admin-list li{border-bottom:1px solid var(--bg-dark);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.admin-list li>span{gap:6px;display:flex}.sidebar-channels{flex:1;overflow-y:auto}.sidebar-error{padding:0 8px;font-size:13px}.channel-icon{display:inline-flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;transition:box-shadow .1s;display:inline-grid;box-shadow:0 0 0 2px #0000}img.avatar{object-fit:cover}.avatar.speaking{box-shadow:0 0 0 2px var(--speaking)}.voice-member{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:3px 8px 3px 32px;font-size:14px;display:flex}.voice-member:hover{color:var(--text);background:var(--bg-hover)}.voice-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-panel{background:var(--bg);border-radius:12px;align-items:center;margin:8px 0;padding:8px;display:flex}.voice-panel-info{flex-direction:column;flex:1;font-size:13px;display:flex}.voice-connected{color:var(--speaking);font-weight:600}.icon-button{place-items:center;display:inline-grid}.icon-button.off,.danger-icon:hover{color:var(--danger)}.floating-reactions{pointer-events:none;width:140px;height:0;position:absolute;bottom:96px;right:24px}.floating-reaction{flex-direction:column;align-items:center;animation:3s ease-out forwards reaction-rise;display:flex;position:absolute;bottom:0}.floating-reaction-emoji{font-size:44px;line-height:1;animation:.35s ease-out reaction-pop}.floating-reaction-name{text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:8px;max-width:100px;padding:1px 6px;font-size:11px;overflow:hidden}@keyframes reaction-pop{0%{transform:scale(.2)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes reaction-rise{0%{opacity:1;transform:translate(0)}30%{transform:translate(-12px,-90px)}60%{opacity:1;transform:translate(8px,-180px)}85%{opacity:.9;transform:translate(-6px,-250px)scale(1)}to{opacity:0;transform:translateY(-290px)scale(1.6)}}@media (prefers-reduced-motion:reduce){:not(.floating-reaction),:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.floating-reaction{animation:3s forwards reaction-fade}.floating-reaction-emoji{animation:none}}@keyframes reaction-fade{to{opacity:0}}.stats{color:var(--text-muted);margin:0}.stacked-form{flex-direction:column;gap:8px;display:flex}.stacked-form button{align-self:flex-start}.success{color:var(--speaking);margin:0}.temp-password{background:var(--bg-dark);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mention-badge{text-align:center;color:#fff;background:var(--danger);border-radius:8px;min-width:16px;margin-left:auto;padding:0 5px;font-size:12px;font-weight:700;line-height:16px}.rail-badge{border:3px solid var(--ground);border-radius:12px;line-height:16px;position:absolute;bottom:-4px;right:-4px}.rail-voice{border:3px solid var(--ground);background:var(--speaking);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;left:-4px}.rail-item.rail-muted .server-icon{opacity:.45}.channel.muted{opacity:.5}.channel.unread{color:var(--text-strong);font-weight:600;position:relative}.channel.unread:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:4px;height:8px;position:absolute;left:-8px}.member-list{width:var(--members-width,220px);background:var(--bg-dark);border-radius:14px;flex-shrink:0;padding:8px;overflow-y:auto}.member{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:5px 8px;display:flex}.member:hover{background:var(--bg-hover)}.member-text{flex-direction:column;min-width:0;display:flex}.member-name,.member-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-status{color:var(--text-muted);font-size:12px}.avatar-with-status{flex-shrink:0;display:inline-flex;position:relative}.status-dot{border:3px solid var(--bg-dark);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:var(--speaking)}.status-dot.idle{background:var(--warning)}.status-dot.dnd{background:var(--danger)}.owner-badge{color:var(--warning);flex-shrink:0;display:inline-flex}.member.offline{opacity:.4}.content code{background:var(--bg-darkest);border-radius:3px;padding:1px 4px;font-size:.9em}.content pre{white-space:pre;background:var(--bg-darkest);border-radius:4px;margin:4px 0;padding:8px 10px;overflow-x:auto}.content pre code{background:0 0;padding:0}.content a{color:var(--link)}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{color:var(--text-muted);background:var(--bg-dark);border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:2px 6px;font-size:14px;display:inline-flex}.reaction:hover:not(:disabled){border-color:var(--text-muted)}.reaction.mine{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.reaction:disabled{cursor:default}.reaction-emoji{font-size:16px}.add-reaction{visibility:hidden}.message:hover .add-reaction{visibility:visible}@media (pointer:coarse){.add-reaction{visibility:visible}}.content.jumbo{font-size:2.6em;line-height:1.2}.custom-emoji{vertical-align:-.3em;object-fit:contain;width:1.375em;height:1.375em}.emoji-button .custom-emoji{vertical-align:middle;width:28px;height:28px}.emoji-groups .emoji-button .custom-emoji{width:20px;height:20px}.card{flex-direction:column;gap:6px;width:min(360px,100%);padding:2px 0;display:flex}.card-title{overflow-wrap:anywhere;font-weight:600}.card-footer{font-size:12px}.message.own .card-footer,.message.own .card .muted{color:color-mix(in srgb, var(--bubble-own-text) 75%, transparent)}.poll-option{color:inherit;text-align:left;background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid #0000;border-radius:10px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.poll-option:before{content:"";width:calc(var(--share) * 100%);background:color-mix(in srgb, currentColor 16%, transparent);transition:width .2s;position:absolute;inset:0 auto 0 0}.poll-option.mine{border-color:currentColor}.poll-text,.poll-count{overflow-wrap:anywhere;position:relative}.poll-count{font-weight:600}.event-when{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rsvp-buttons{flex-wrap:wrap;gap:6px;display:flex}.rsvp-buttons .poll-option{white-space:nowrap;flex:1 0 auto}.list-items{margin:0;padding:0;list-style:none}.list-items li{align-items:center;gap:6px;min-height:30px;display:flex}.list-items label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.list-text{overflow-wrap:anywhere}.list-items li.done .list-text{opacity:.65;text-decoration:line-through}.list-by{font-size:12px}.list-items .icon-button{color:inherit;opacity:.6}.list-add input{width:100%;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent)}.dice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.die{border:2px solid;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.coin-result{font-size:22px;font-weight:700}.teams{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.team{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.draw-order{margin:0;padding-left:22px}.bubble.sticker-bubble{color:var(--text);background:0 0;padding:0}.message.own .bubble.sticker-bubble .bubble-meta{color:var(--text-muted)}.sticker{object-fit:contain;width:160px;height:160px;display:block}.emoji-tabs{gap:4px;padding:8px 8px 0;display:flex}.emoji-tabs button{color:var(--text-muted);background:0 0;flex:1;padding:6px}.emoji-tabs button.active{color:var(--text-strong);background:var(--bg-hover)}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:4px;padding-top:8px;display:grid}.sticker-button{background:0 0;padding:4px}.sticker-button:hover{background:var(--bg-hover)}.sticker-button img,.sticker-thumb{aspect-ratio:1;object-fit:contain;width:100%}.sticker-thumb{width:48px}.emoji-admin-name{align-items:center;gap:10px;display:flex}.message.system{justify-content:center}.message.system .message-body{align-items:center}.message.system .bubble{background:color-mix(in srgb, var(--accent) 14%, var(--bubble));border-radius:18px}.birthday-card{text-align:center;font-size:17px;font-weight:600}.digest-columns{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.digest-quote{border-left:3px solid var(--accent);overflow-wrap:anywhere;margin:4px 0 0;padding-left:10px}.time-range{align-items:center;gap:8px;display:flex}.time-range input,.time-range select{width:auto}.toasts{z-index:90;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--bg-dark);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;animation:.15s ease-out sheet-in;display:flex;box-shadow:0 8px 16px #0000004d}.toast-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.audio-player{align-items:center;gap:8px;width:min(300px,100%);display:flex}.audio-player .icon-button{color:inherit}.audio-player input[type=range]{accent-color:currentColor;flex:1;min-width:0}.audio-time{font-variant-numeric:tabular-nums;font-size:12px}.recording-row{align-items:center;gap:10px}.recording-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate recording-pulse}@keyframes recording-pulse{to{opacity:.3}}.recording-time{font-variant-numeric:tabular-nums}.recording-hint{flex:1}.recording-send{color:var(--accent)}.stats-list{margin:0 0 8px;padding-left:22px}.stats-list li{padding:3px 0}.stats-list li span+span{margin-left:8px}.games-recent{padding-left:0;list-style:none}.stats-section .stat-tiles+.stats-columns{margin-top:12px}.modal.wrapped-modal{width:min(620px,96vw)}.wrapped{flex-direction:column;gap:12px;margin-top:12px;display:flex}.wrapped-card{background:color-mix(in srgb, var(--accent) 14%, var(--bg-dark));border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.wrapped-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 45%, var(--bg-dark)), var(--bg-dark))}.wrapped-label{text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.wrapped-big{color:var(--text-strong);font-size:44px;font-weight:700;line-height:1.1}.wrapped-emoji{font-size:32px}.wrapped-ranking{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.wrapped-ranking li{align-items:center;gap:10px;display:flex}.wrapped-ranking li span:nth-child(2){flex:1}.wrapped-rank{width:24px;height:24px;color:var(--accent-text);background:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.wrapped-quote{overflow-wrap:anywhere;margin:4px 0;font-size:16px}.wrapped-card .link{align-self:flex-start}.wrapped-facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.draw-game{flex:1;gap:12px;min-height:0;display:flex}.draw-board{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.draw-top{align-items:center;gap:12px;display:flex}.draw-word{letter-spacing:2px;text-align:center;white-space:pre;color:var(--text-strong);flex:1;font-size:20px}.draw-timer{font-variant-numeric:tabular-nums;text-align:right;min-width:36px;font-size:18px;font-weight:700}.draw-timer.urgent{color:var(--danger-text)}.draw-paper{flex:1;justify-content:center;min-height:0;display:flex;position:relative}.draw-paper canvas{touch-action:none;border-radius:10px}.draw-paper canvas.drawing{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M21.17 6.81a1 1 0 0 0-3.98-3.98L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5z' fill='%23fdd835' stroke='%231f1f1f' stroke-width='1.5' stroke-linejoin='round'/><path d='m15 5 4 4' stroke='%231f1f1f' stroke-width='1.5'/></svg>") 2 22,crosshair}.draw-paper canvas.erasing{cursor:crosshair}.draw-paper canvas.filling{cursor:cell}.draw-overlay{background:color-mix(in srgb, var(--bg-darkest) 88%, transparent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.draw-overlay ol{margin:0;padding:0;font-size:18px;list-style:none}.draw-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.draw-color{border:2px solid var(--bg-dark);border-radius:50%;width:26px;height:26px;padding:0}.draw-color.active,.draw-size.active,.draw-tool.active{outline:2px solid var(--accent);outline-offset:2px}.draw-size{background:var(--bg-dark);place-items:center;width:32px;height:32px;padding:0;display:grid}.draw-size span{background:var(--text);border-radius:50%}.draw-tool{color:var(--text);background:var(--bg-dark)}.draw-side{flex-direction:column;flex-shrink:0;gap:8px;width:240px;min-height:0;display:flex}.draw-players{margin:0;padding:0;list-style:none}.draw-players li{justify-content:space-between;padding:3px 0;display:flex}.draw-players li.guessed{color:var(--accent)}.draw-score{font-variant-numeric:tabular-nums;text-align:right;background:var(--bg-dark);border-radius:4px;min-width:64px;padding:0 6px;position:relative;overflow:hidden}.draw-score-bar{background:color-mix(in srgb, var(--accent) 35%, transparent);position:absolute;inset:0 auto 0 0}.draw-score-value{position:relative}.draw-lobby{flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px;display:flex;overflow-y:auto}.draw-lobby h2{margin:0}.draw-lobby h3{text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;font-size:13px}.draw-lobby-columns{grid-template-columns:minmax(180px,1fr) 2fr;gap:16px;display:grid}.draw-lobby-columns>section{background:var(--bg-dark);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.draw-lobby .draw-players{align-self:stretch}.draw-targets{gap:6px;display:flex}.draw-target{min-width:64px;color:var(--text);background:var(--bg-hover)}.draw-target.active{color:var(--accent-text);background:var(--accent)}.draw-target-value{margin:0;font-size:24px;font-weight:700}.draw-rules{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;display:flex}.draw-chat{overflow-wrap:anywhere;background:var(--bg-dark);border-radius:8px;flex:1;min-height:80px;padding:8px;font-size:14px;overflow-y:auto}.draw-chat .correct{color:var(--accent);font-weight:600}.draw-chat .system{color:var(--text-muted);font-style:italic}.draw-guess input{width:100%}.draw-side>.link{align-self:flex-start}.whiteboard{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.whiteboard .draw-top>strong{color:var(--text-strong)}.whiteboard .draw-paper{align-items:center}.whiteboard-hint{flex:1;font-size:13px}.words-game{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.words-min{text-transform:none;font-weight:400}.words-categories{flex-wrap:wrap;gap:6px;display:flex}.words-chip{color:var(--text);background:var(--bg-hover);border-radius:999px;padding:4px 10px;font-size:13px}.words-chip.active{color:var(--accent-text);background:var(--accent)}.words-top{justify-content:space-between}.words-letter{width:56px;height:56px;color:var(--accent-text);background:var(--accent);border-radius:14px;place-items:center;font-size:34px;display:grid}.words-banner{color:var(--text-strong);background:color-mix(in srgb, var(--danger-text) 25%, var(--bg-dark));border-radius:8px;padding:8px 12px;font-weight:600}.words-body{align-items:flex-start;gap:16px;display:flex}.words-form{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;min-width:0;display:grid}.words-form>button{grid-column:1/-1;justify-self:start}.words-field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.words-field input{width:100%;font-size:16px}.words-field input.invalid{outline:2px solid var(--danger-text)}.words-progress{background:var(--bg-dark);border-radius:10px;flex-shrink:0;width:200px;padding:10px}.words-help{margin:0;font-size:13px}.words-table-wrap{background:var(--bg-dark);border-radius:10px;min-height:0;overflow:auto}.words-table{border-collapse:collapse;width:100%;font-size:14px}.words-table th,.words-table td{border-bottom:1px solid var(--bg-hover);text-align:left;vertical-align:top;padding:6px 8px}.words-table thead th{text-transform:uppercase;color:var(--text-muted);background:var(--bg-dark);font-size:12px;position:sticky;top:0}.words-table tbody th{white-space:nowrap}.words-table td.zero .words-answer{color:var(--text-muted);text-decoration:line-through}.words-answer{overflow-wrap:anywhere;display:block}.words-cell-foot{align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.words-points{font-variant-numeric:tabular-nums;min-width:20px;color:var(--accent);font-weight:700}.words-reject{color:var(--text);background:var(--bg-hover);padding:0 6px;font-size:12px}.words-reject.active{color:#fff;background:var(--danger-text)}.words-reject-count{color:var(--text-muted)}.words-sum{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.words-finished{flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.words-ranking{min-width:240px;font-size:17px}.wolf-game{background:var(--bg-dark);border-radius:12px;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;transition:background .6s;display:flex;overflow-y:auto}.wolf-game.phase-night{background:color-mix(in srgb, #1a1640 70%, var(--bg-darkest))}.wolf-title{color:var(--text-strong);flex:1;font-size:20px}.wolf-narration{margin:0;font-size:15px}.wolf-role{background:var(--bg-hover);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.wolf-role>span:last-child{flex-direction:column;gap:2px;display:flex}.wolf-role.role-vampir{background:color-mix(in srgb, #b71c1c 35%, var(--bg-hover))}.wolf-role.dead{opacity:.6}.wolf-role-icon{font-size:32px}.wolf-players{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.wolf-player{text-align:left;width:100%;min-height:64px;color:var(--text);background:var(--bg-hover);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;display:flex}.wolf-player:disabled{cursor:default;opacity:1}.wolf-player:not(:disabled):hover{border-color:var(--accent)}.wolf-player.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 25%, var(--bg-hover))}.wolf-player.dead{opacity:.5}.wolf-player-name{overflow-wrap:anywhere;font-weight:600}.wolf-player-tags{flex-wrap:wrap;gap:4px;display:flex}.wolf-tag{background:var(--bg-dark);border-radius:6px;padding:1px 6px;font-size:12px}.wolf-tag.bite{color:#fff;background:#b71c1c}.wolf-tag.vote{color:var(--accent-text);background:var(--accent)}.wolf-game .secondary.active{outline:2px solid var(--accent)}@media (width<=768px){.words-body{flex-direction:column-reverse;align-items:stretch}.words-progress{width:auto}.wolf-players{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.whiteboard-hint{visibility:hidden}.draw-game{flex-direction:column}.draw-lobby-columns{grid-template-columns:1fr}.draw-board{flex:55%;min-height:0}.draw-side{flex:45%;width:auto;min-height:0}.draw-side .draw-players{flex-shrink:1;min-height:0;overflow-y:auto}.draw-chat{min-height:40px}.draw-guess{flex-shrink:0}}.rail-item.rail-dragging{opacity:.35}.rail-item.rail-drop-into{box-shadow:0 0 0 3px var(--accent);border-radius:16px}.rail-ghost{z-index:200;pointer-events:none;opacity:.85;filter:drop-shadow(0 6px 10px #0006);position:fixed;transform:translate(-50%,-50%)scale(.9)}.rail-folder{border-radius:16px;flex-direction:column;align-items:center;gap:8px;display:flex}.rail-folder.open{background:color-mix(in srgb, var(--folder-color) 16%, transparent);padding:4px 0 8px}.rail-folder-button{width:48px;height:48px;color:var(--folder-color);background:color-mix(in srgb, var(--folder-color) 22%, var(--bg-dark));border-radius:16px;place-items:center;display:grid}.rail-folder.open .rail-folder-button{background:0 0;height:32px}.rail-folder-grid{grid-template-columns:repeat(2,18px);gap:3px;display:grid}.rail-folder-grid .server-icon{border-radius:50%}.menu-colors{gap:6px;padding:6px 8px;display:flex}.menu-color{border-radius:50%;width:22px;height:22px;padding:0}.menu-color.active{outline:2px solid var(--text-strong);outline-offset:2px}.server-preview{z-index:100;background:var(--bg-darkest);pointer-events:none;border-radius:12px;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:fixed;box-shadow:0 8px 16px #0006}.server-preview-head{align-items:center;gap:10px;min-width:0;display:flex}.server-preview-head strong{overflow-wrap:anywhere;color:var(--text-strong);display:block}.server-preview-counts{align-items:center;gap:4px;font-size:12px;display:flex}.server-preview-counts .status-dot{position:static}.server-preview-mentions{color:var(--danger-text);font-size:13px;font-weight:600}.server-preview-voice{background:var(--bg-dark);border-radius:8px;padding:8px}.server-preview-channel{align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.server-preview-member{align-items:center;gap:6px;padding:2px 0 2px 8px;font-size:13px;display:flex}.server-preview-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.server-preview-empty{font-size:12px}.user-status-button.active{background:var(--bg-hover)}.status-popover{z-index:100;background:var(--bg-darkest);border-radius:14px;flex-direction:column;gap:10px;width:300px;padding:14px;display:flex;position:fixed;box-shadow:0 8px 24px #00000073}.status-popover-head{align-items:center;gap:12px;display:flex}.status-popover-head .status-dot{border-color:var(--bg-darkest)}.status-popover-name{flex-direction:column;min-width:0;display:flex}.status-popover-name strong{overflow-wrap:anywhere;color:var(--text-strong)}.status-popover-name .muted{font-size:13px}.status-text-field{background:var(--bg-input);border-radius:8px;align-items:center;gap:4px;padding-right:4px;display:flex}.status-text-field input{background:0 0;flex:1;min-width:0}.status-options{flex-direction:column;gap:2px;display:flex}.status-option,.status-focus{text-align:left;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px;font-size:14px;display:flex}.status-option:hover,.status-focus:hover{background:var(--bg-hover)}.status-option.active{background:color-mix(in srgb, var(--accent) 18%, transparent)}.status-option>span:last-child,.status-focus>span{flex-direction:column;display:flex}.status-option .muted,.status-focus .muted{font-size:12px}.status-option .status-dot{border-color:#0000;flex-shrink:0;margin-top:4px;position:static}.status-focus input{margin-top:3px}.status-focus-times{padding-left:32px}.status-settings{border-top:1px solid var(--bg-hover);color:var(--text-muted);background:0 0;border-radius:0;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.status-settings:hover{color:var(--text)}.voice-panel-channel{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-muted);align-self:flex-start;overflow:hidden}.voice-panel-channel:hover{color:var(--text);text-decoration:underline}.modal-backdrop:has(>.theme-editor){background:0 0;justify-items:end}.modal.theme-editor{border-radius:0;width:min(440px,96vw);height:100%;max-height:none;box-shadow:-8px 0 24px #00000059}.theme-editor-top{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-editor-top .field:first-child{grid-column:1/-1}.theme-color-row{align-items:center;gap:10px;padding:3px 0;font-size:14px;display:flex}.theme-color-row input[type=color]{flex-shrink:0;width:36px;height:26px}.theme-color-row span{flex:1}.theme-warnings{color:var(--text);background:color-mix(in srgb, var(--warning) 18%, transparent);border-radius:10px;padding:10px 12px;font-size:13px}.theme-warnings ul{margin:4px 0 0;padding-left:18px}.theme-custom{flex-direction:column;gap:4px;display:flex}.theme-custom>.theme-choice{color:var(--text);background:var(--bg-dark)}.theme-custom-actions{justify-content:center;gap:10px;font-size:13px;display:flex}.danger-link{color:var(--danger-text)}.theme-new{border:2px dashed var(--bg-hover);min-height:96px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center}.theme-new-plus{font-size:26px;line-height:1}.theme-card-preview{background:var(--ground);border-radius:10px;gap:6px;height:84px;padding:6px;display:flex}.theme-card-panel{background:var(--bg-dark);border-radius:6px;width:28%}.theme-card-chat{background:var(--bg);border-radius:6px;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.theme-card-accent{background:var(--accent);border-radius:5px;width:40%;height:10px;margin-top:auto}.modal.stats-modal{width:min(880px,96vw)}.stats-controls{justify-content:flex-end;margin:8px 0 12px;display:flex}.segmented{background:var(--bg-darkest);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-muted);background:0 0;padding:4px 10px;font-size:13px}.segmented button.active{color:var(--text-strong);background:var(--bg-hover)}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.stat-tile{background:var(--bg-dark);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;font-size:13px;display:flex}.stat-label{text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.stat-value{color:var(--text-strong);font-size:28px;font-weight:700}.stat-of{color:var(--text-muted);margin-left:4px;font-size:15px;font-weight:500}.stats-section{margin-top:18px}.stats-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stats-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.heatmap-readout{min-height:20px;color:var(--text-muted);margin:4px 0 8px;font-size:13px}.heatmap-readout strong{color:var(--text)}.heatmap-grid{flex-direction:column;gap:2px;display:flex}.heatmap-row{grid-template-columns:32px repeat(24,1fr);gap:2px;display:grid}.heatmap-day,.heatmap-hour{color:var(--text-muted);font-size:11px}.heatmap-day{align-self:center}.heatmap-cell{aspect-ratio:1;background:var(--bg-hover);border-radius:3px;min-height:10px}.heatmap-cell:hover{outline:2px solid var(--text);outline-offset:-1px}.daily-svg{width:100%;height:120px;display:block}.chart-baseline{stroke:var(--bg-hover);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-bar{fill:var(--accent)}.chart-bar.hover{fill:color-mix(in srgb, var(--accent) 70%, var(--text-strong))}.daily-axis{color:var(--text-muted);justify-content:space-between;margin:4px 0 12px;font-size:11px;display:flex}.channel-bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.channel-bar-label{justify-content:space-between;gap:8px;font-size:13px;display:flex}.channel-bar-track{background:var(--bg-hover);border-radius:3px;height:6px;margin-top:3px;display:block}.channel-bar-fill{background:var(--accent);border-radius:3px;height:100%;display:block}.context-menu:has(.profile-card){max-height:calc(100dvh - 16px);overflow-y:auto}.context-menu:not(.sheet):has(.profile-card){width:280px}.context-menu.sheet .profile-card{margin:-8px -8px 8px}.profile-card{border-bottom:1px solid var(--bg-hover);margin:-6px -6px 6px}.profile-banner{border-radius:10px 10px 0 0;height:56px}.profile-avatar{border:4px solid var(--bg-darkest);border-radius:50%;width:fit-content;margin:-32px 0 0 12px}.profile-body{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:6px 14px 12px;font-size:13px;display:flex}.profile-name{color:var(--text-strong);font-size:17px}.profile-activity{font-weight:600}.profile-bio{white-space:pre-wrap;margin:4px 0}.profile-roles{flex-wrap:wrap;gap:4px;display:flex}.member-activity{color:var(--text)}.emoji-picker{z-index:100;background:var(--bg-dark);border-radius:8px;flex-direction:column;width:352px;height:420px;display:flex;position:fixed;box-shadow:0 8px 16px #0006}.emoji-picker.sheet{width:auto;height:60dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:12px 12px 0 0;animation:.15s ease-out sheet-in;inset:auto 0 0}.emoji-search{background:var(--bg-darkest);margin:8px 8px 0}.emoji-groups{border-bottom:1px solid var(--bg-darkest);padding:4px 8px;display:flex}.emoji-groups .emoji-button{flex:1;font-size:18px}.emoji-list{flex:1;padding:0 8px 8px;overflow-y:auto}.emoji-list h4{text-transform:uppercase;color:var(--text-muted);background:var(--bg-dark);margin:0;padding:8px 0 4px;font-size:12px;position:sticky;top:0}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid}.emoji-button{background:0 0;padding:4px;font-size:24px;line-height:1.3}.emoji-button:hover{background:var(--bg-hover)}.emoji-empty{text-align:center}.chat.dragging{outline:2px dashed var(--accent);outline-offset:-8px}.checkbox{align-items:flex-start;gap:8px;display:flex}.menu-button,.drawer-backdrop{display:none}.menu-button{position:relative}.layout.has-unread .menu-button:after{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}@media (width>=1001px){.layout:not(.members-open) .member-list,.layout:not(.members-open) .members-resizer{display:none}}.panel-resizer{z-index:2;cursor:col-resize;touch-action:none;flex-shrink:0;width:8px;margin:0 -8px;position:relative}.panel-resizer:after{content:"";border-radius:1px;transition:background .15s;position:absolute;inset:20% 3px}.panel-resizer:hover:after,body.resizing .panel-resizer:after{background:var(--accent)}body.resizing,body.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}@media (width<=1000px){.member-list{z-index:10;border-radius:0;width:min(260px,85vw);transition:transform .2s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.layout.members-open .member-list{transform:none}.members-resizer{display:none}.layout.members-open .drawer-backdrop{z-index:9;background:#00000080;display:block;position:fixed;inset:0}}@media (width<=768px){.layout{padding:0}.chat{border-radius:0}.side-panels{background:var(--ground);padding:8px}.menu-button{margin-left:-8px;display:inline-grid}.side-panels{z-index:10;width:min(372px,90vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side-panels .sidebar{flex:1;min-width:0}.panel-resizer{display:none}.layout.sidebar-open .side-panels{transform:none}.layout.sidebar-open .drawer-backdrop{z-index:9;background:#00000080;display:block;position:fixed;inset:0}.composer{padding:0 8px 8px}.message{padding:1px 8px}.message-body{max-width:85%}.channel-start h2{font-size:22px}.modal{border-radius:0;width:100%;height:100%;max-height:none}}@media (pointer:coarse){.message,.message .content,.channel,.voice-member,.voice-tile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.message:hover .message-actions,.message.selected .message-actions{display:none}.message:hover:not(.selected){background:0 0}.composer .send-button{display:inline-grid}input,select,textarea{font-size:16px}.icon-button{min-width:40px;min-height:40px}}.live-badge{color:#fff;background:var(--danger);border-radius:4px;padding:0 5px;font-size:10px;font-weight:700}.field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.sound-list{margin:8px 0 0;padding:0;list-style:none}.sound-list li{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.menu-details summary{cursor:pointer;list-style:none;display:flex}.menu-details summary::-webkit-details-marker{display:none}.menu-details summary:after{content:"›";margin-left:auto;padding-left:12px}.menu-details[open] summary:after{transform:rotate(90deg)}.menu-sub{padding-left:20px}.menu-hint{color:var(--text-muted);font-size:11px;display:block}.menu-check{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.menu-check:hover{background:var(--bg-hover)}.menu-check input{accent-color:var(--accent)}.menu-item.accent{color:var(--link)}.role-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.modal.settings-modal{flex-direction:column;width:min(960px,96vw);height:min(720px,90vh);display:flex}.settings-layout{flex:1;gap:20px;min-height:0;margin-top:12px;display:flex}.settings-tabs{flex-direction:column;flex-shrink:0;gap:2px;width:160px;display:flex}.settings-tab{text-align:left;color:var(--text-muted);background:0 0}.settings-tab:hover{color:var(--text);background:var(--bg-hover)}.settings-tab.active{color:var(--text-strong);background:var(--bg-hover)}.settings-content{flex:1;min-width:0;overflow-y:auto}.settings-content>section{padding:4px 4px 20px}.settings-content>section+section{border-top:1px solid var(--bg-hover);padding-top:16px}.settings-content>section>h3:first-child{margin-top:4px}.settings-logout{color:var(--danger);margin-top:auto}.settings-logout:hover{color:var(--danger);background:var(--bg-hover)}.account-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.account-card form{width:min(360px,100%)}.account-name{color:var(--text-strong);font-size:20px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.roles-layout{gap:16px;min-height:100%;display:flex}.role-list{flex-direction:column;flex-shrink:0;gap:2px;width:200px;display:flex}.role-list>button:first-child{margin-bottom:8px}.role-row{text-align:left;background:0 0;align-items:center;gap:8px;display:flex}.role-row:hover,.role-row.active{background:var(--bg-hover)}.role-count{margin-left:auto;font-size:12px}.hint{font-size:12px}.role-form{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.permission-row{border-bottom:1px solid var(--bg-dark);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.permission-description{font-size:12px;display:block}.switch{appearance:none;background:var(--text-muted);cursor:pointer;border-radius:12px;flex-shrink:0;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--speaking)}.switch:checked:after{transform:translate(16px)}.switch:disabled{opacity:.4;cursor:not-allowed}.role-actions{background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}button.secondary{background:var(--bg-hover)}button:disabled{opacity:.5;cursor:not-allowed}.tri-state{border:1px solid var(--bg-darkest);border-radius:4px;flex-shrink:0;display:flex;overflow:hidden}.tri-state button{width:32px;color:var(--text-muted);background:0 0;border-radius:0;padding:4px 0}.tri-state .tri-deny.selected{color:#fff;background:var(--danger)}.tri-state .tri-inherit.selected{color:var(--bg);background:var(--text-muted)}.tri-state .tri-allow.selected{color:#fff;background:var(--speaking)}.icon-editor{align-items:center;gap:20px;margin-bottom:8px;display:flex}.button-like{cursor:pointer;background:var(--accent);border-radius:4px;padding:6px 12px;display:inline-block}.member-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-chip{background:var(--bg-dark);border-radius:4px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.admin-list li>.stacked{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0}.stacked .muted{font-size:12px}.invite-banner{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.invite-banner .server-icon{background:var(--bg-hover)}input[type=color]{cursor:pointer;width:48px;height:28px;padding:2px}.invite-banner h1,.invite-banner h2{margin:4px 0 0}.invite-banner button{align-self:stretch;margin-top:12px}.channel-type-choice{flex-direction:column;gap:4px;display:flex}.channel-type-choice .checkbox{cursor:pointer;background:var(--bg-dark);border-radius:6px;padding:10px 12px}.modal-switch{margin-top:12px}.chat.welcome{text-align:center;gap:8px;padding:16px}.chat.welcome h2{color:var(--text);margin:0}@media (width<=768px){.settings-layout{flex-direction:column}.settings-tabs{flex-direction:row;width:auto;overflow-x:auto}.settings-tab{flex-shrink:0}.roles-layout{flex-direction:column}.role-list{width:auto}.modal.settings-modal{width:100%;height:100%}}@media (pointer:coarse){.category-add{opacity:1}}body.sorting,body.sorting *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.sort-dragged{opacity:.4}.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.drop-into{background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:4px}.blocked-message{text-align:left;color:var(--text-muted);background:0 0;margin:2px 16px 2px 56px;padding:4px 0;font-size:13px;display:block}.blocked-message:hover{color:var(--text)}.voice-mini{background:var(--bg-hover);border-radius:16px;align-items:center;gap:8px;min-width:0;height:32px;padding:0 12px 0 6px;font-size:13px;font-weight:400;display:flex}.voice-mini-avatars{display:flex}.voice-mini-avatars .avatar+.avatar{margin-left:-6px}.voice-mini-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.voice-mini-label{display:none}}.theme-choices{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.theme-choice{text-align:left;color:var(--text);background:var(--ground);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:8px;padding:8px 8px 10px;font-size:14px;display:flex}.theme-choice.active{border-color:var(--accent)}.theme-preview{background:var(--bg);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.theme-preview-bubble{background:var(--bubble);border-radius:7px 7px 7px 3px;width:70%;height:14px}.theme-preview-bubble.own{background:var(--bubble-own);border-radius:7px 7px 3px;align-self:flex-end;width:55%}.soundboard{z-index:100;background:var(--bg-dark);border-radius:8px;flex-direction:column;gap:6px;width:340px;max-width:calc(100vw - 16px);max-height:min(480px,70dvh);padding:10px;display:flex;position:fixed;box-shadow:0 8px 16px #0006}.soundboard-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.soundboard-head .muted{font-size:12px}.soundboard-sections{min-height:0;overflow-y:auto}.soundboard-sections h4{text-transform:uppercase;color:var(--text-muted);margin:8px 0 4px;font-size:12px}.soundboard-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.soundboard-item{background:var(--bg);border-radius:6px;align-items:center;min-width:0;display:flex}.soundboard-play{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.soundboard-play:hover{background:var(--bg-hover)}.soundboard-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.soundboard-item .icon-button{padding:4px}.soundboard-star.active{color:#f0b232}.soundboard-manage{align-self:flex-start;font-size:13px}.personal-sound-group{margin-bottom:8px}.personal-sound-category{text-transform:uppercase;color:var(--text-muted);margin:8px 0 4px;font-size:12px;font-weight:700}.soundboard-search{background:var(--bg-darkest)}.modal.levels-modal{width:min(560px,100%)}.level-mine{background:var(--bg-dark);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.level-mine-head{justify-content:space-between;gap:8px;display:flex}.level-progress{background:var(--bg-hover);border-radius:3px;height:6px;display:block;overflow:hidden}.level-progress>span{background:var(--accent);border-radius:3px;height:100%;display:block}.level-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.level-list li{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.level-list li.me{background:var(--bg-hover)}.level-rank{width:22px;color:var(--text-muted);text-align:right;font-weight:700}.level-name{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.level-number{flex-direction:column;align-items:flex-end;font-size:13px;font-weight:600;display:flex}.level-number .muted{font-size:12px;font-weight:400}.level-rules{margin:0;padding-left:18px;font-size:14px;line-height:1.7}.level-chip{font-size:12px;font-weight:600}.voice-main{position:relative}.icon-button.active{color:var(--speaking)}.icon-button.flipped svg{transform:rotate(180deg)}.voice-stage{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px;display:flex;position:relative}.stage-bar{align-items:center;gap:8px;display:flex}.stage-tabs{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.stage-tab{max-width:240px;color:var(--text-muted);background:var(--bg-dark);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.stage-tab:hover{color:var(--text);background:var(--bg-hover)}.stage-tab.active{color:var(--accent-text);background:var(--accent)}.stage-tab-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-tab.fresh{animation:1.2s ease-in-out 3 stage-tab-pulse}@keyframes stage-tab-pulse{50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}}.live-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:6px;height:6px}.stage-actions{gap:2px;display:flex}.stage-main{border-radius:14px;flex:1;min-height:0;display:flex;position:relative}.stage-main:fullscreen{background:var(--bg);border-radius:0;padding:16px}.stage-main>.screen-tile,.stage-main>.media-slot{flex:1;min-width:0}.stage-main>.media-slot{background:#000;border-radius:12px}.stage-strip{flex-shrink:0;gap:10px;height:112px;display:flex;overflow:auto hidden}.stage-strip>.voice-tile{flex-shrink:0;width:199px;height:100%}.stage-grid{flex:1;min-height:0;display:flex;overflow-y:auto}.stage-grid-inner{flex-wrap:wrap;justify-content:center;gap:12px;margin:auto;display:flex}.stage-grid-inner>.voice-tile{width:var(--tile-width);aspect-ratio:16/9}.voice-tile{font:inherit;color:var(--text);background:var(--bg-dark);cursor:pointer;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;container-type:size}.voice-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voice-tile:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;transition:box-shadow .1s;position:absolute;inset:0;box-shadow:inset 0 0 #0000}.voice-tile.speaking:after{box-shadow:inset 0 0 0 3px var(--speaking)}.member-tile.has-image:before{content:"";background:var(--tile-image) center / cover;filter:blur(28px)brightness(.45)saturate(1.2);position:absolute;inset:-24px}.member-tile-avatar{border-radius:50%;transition:box-shadow .1s;display:grid;position:relative}.member-tile.speaking .member-tile-avatar{box-shadow:0 0 0 3px var(--speaking)}.tile-label{z-index:1;color:#fff;background:#0000008c;border-radius:6px;align-items:center;gap:5px;max-width:calc(100% - 16px);padding:3px 8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.member-tile .tile-label svg{color:var(--danger-text);flex-shrink:0}.tile-label-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-video.mirrored{transform:scaleX(-1)}.voice-tile.camera-tile,.screen-tile{background:#000}.screen-tile video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.screen-tile.compact video{object-fit:cover}.stage-main>.screen-tile{cursor:default}.screen-quality,.screen-stop{z-index:1;font-size:13px;position:absolute;top:10px;right:10px}.screen-quality{color:#fff;opacity:0;background:#0009;padding:5px 8px;transition:opacity .15s}.screen-tile:hover .screen-quality,.screen-quality:focus{opacity:1}.screen-stop{color:#fff;background:var(--danger)}.app-tile{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 35%, var(--bg-dark)), var(--bg-dark));flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.app-tile-icon{font-size:34px;line-height:1}.app-tile-status{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-muted);font-size:12px;overflow:hidden}.media-slot.compact{background:#000}@container (height<=130px){.member-tile-avatar{transform:scale(.5)}.tile-label{padding:2px 6px;font-size:11px;bottom:4px;left:4px}.tile-label .live-badge{display:none}.app-tile-icon{font-size:22px}.app-tile strong{font-size:12px}}@container (height>=131px) and (height<=200px){.member-tile-avatar{transform:scale(.72)}}.voice-dock{background:var(--bg-darkest);border-radius:18px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:100%;padding:8px;display:flex;box-shadow:0 6px 20px #00000040}.dock-group{gap:6px;display:flex}.dock-group+.dock-group{border-left:1px solid var(--bg-hover);padding-left:10px}.dock-button{width:44px;height:44px;color:var(--text);background:var(--bg-hover);border-radius:12px;place-items:center;padding:0;transition:background .1s;display:grid}.dock-button:hover:not(:disabled){background:color-mix(in srgb, var(--bg-hover) 82%, var(--text))}.dock-button.active,.dock-button.active:hover{color:var(--accent-text);background:var(--accent)}.dock-button.off,.dock-button.off:hover:not(:disabled){color:var(--danger-text);background:color-mix(in srgb, var(--danger) 22%, var(--bg-hover))}.dock-button.danger,.dock-button.danger:hover:not(:disabled){color:#fff;background:var(--danger);width:56px}.dock-button:disabled{opacity:.4;cursor:not-allowed}.dock-anchor{position:relative}.dock-popover{z-index:20;border:1px solid var(--bg-hover);background:var(--bg-darkest);border-radius:14px;padding:8px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.dock-reactions{gap:2px;display:flex}.dock-reactions .emoji-button{border-radius:50%;font-size:22px}.dock-reactions .emoji-button:active{transform:scale(.85)}.dock-apps{flex-direction:column;gap:2px;width:min(360px,100vw - 32px);display:flex}.dock-apps h4{text-transform:uppercase;color:var(--text-muted);margin:4px 8px 6px;font-size:12px}.app-row{align-items:center;gap:6px;display:flex}.app-launch{text-align:left;min-width:0;color:var(--text);background:0 0;border-radius:10px;flex:1;align-items:center;gap:12px;padding:8px;display:flex}.app-launch:hover{background:var(--bg-hover)}.app-icon{background:var(--bg-hover);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.app-text{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.app-text>span{color:var(--text-muted)}.app-running{color:var(--accent-text);background:var(--accent);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.app-extra{background:var(--bg-hover);flex-shrink:0;font-size:13px}.voice-join{flex:1;place-items:center;padding:24px;display:grid;overflow-y:auto}.voice-join-card{text-align:center;background:var(--bg-dark);border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:32px 28px;display:flex}.voice-join-card h2,.voice-join-card p{margin:0}.voice-join-icon{width:56px;height:56px;color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:50%;place-items:center;display:grid}.voice-join-avatars{margin-top:4px;display:flex}.voice-join-avatars>span{box-shadow:0 0 0 3px var(--bg-dark);border-radius:50%;display:grid}.voice-join-avatars>span+span{margin-left:-10px}.voice-join-more{background:var(--bg-hover);place-items:center;width:40px;height:40px;font-size:13px}.voice-join-button{border-radius:10px;margin-top:8px;padding:10px 28px;font-size:15px;font-weight:600}.media-player{z-index:80;border:1px solid var(--bg-hover);background:var(--bg-darkest);border-radius:14px;flex-direction:column;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:96px;right:16px;overflow:hidden;box-shadow:0 12px 32px #0006}.media-screen{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.media-player.collapsed:not(.docked) .media-screen{aspect-ratio:auto;height:0}.media-player.collapsed .media-collapse svg{transform:rotate(180deg)}.youtube-frame,.youtube-frame iframe{width:100%;height:100%;display:block}.media-shield{position:absolute;inset:0}.media-info{flex:1;align-items:baseline;gap:8px;min-width:0;margin:0 8px;display:flex}.media-added-by{color:var(--text-muted);flex-shrink:0;font-size:12px}.media-player:not(.docked):not(:fullscreen) .media-info{visibility:hidden}.media-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.media-compact-label{display:none}.media-big-play{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-big-play:hover{color:var(--accent-text);background:var(--accent)}.media-controls{flex-direction:column;gap:2px;padding:4px 8px 6px;display:flex}.media-buttons{align-items:center;gap:2px;min-width:0;display:flex}.media-buttons .icon-button{padding:6px}.media-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-muted);margin-left:4px;font-size:12px}.media-volume-group{align-items:center;display:inline-flex}.media-volume{opacity:0;width:0;accent-color:var(--accent);padding:0;transition:width .15s,opacity .15s}.media-volume-group:hover .media-volume,.media-volume:focus-visible{opacity:1;width:80px}.media-seek{width:100%}.media-close:hover{color:var(--danger-text)}.media-queue-toggle{position:relative}.media-queue-toggle.active{color:var(--text-strong);background:var(--bg-hover)}.media-queue-count{min-width:14px;color:var(--accent-text);background:var(--accent);border-radius:7px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:0;right:0}.media-queue{border-top:1px solid var(--bg-hover);flex-direction:column;gap:8px;max-height:240px;padding:8px 10px 10px;font-size:13px;display:flex;overflow-y:auto}.media-queue-head{justify-content:space-between;align-items:center;display:flex}.media-queue p{margin:0}.media-queue ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.media-queue li{align-items:center;gap:8px;display:flex}.media-queue img,.media-queue-radio{object-fit:cover;background:#000;border-radius:4px;flex-shrink:0;place-items:center;width:64px;height:36px;display:grid}.media-queue-text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.media-queue>button{align-self:flex-start}.media-player.docked{z-index:5;box-shadow:none;border:none;border-radius:12px;bottom:auto;right:auto}.media-player:fullscreen{border:none;border-radius:0}:is(.media-player.docked .media-screen,.media-player:fullscreen .media-screen){aspect-ratio:auto;flex:1;height:auto;min-height:0}:is(.media-player.docked .media-controls,.media-player:fullscreen .media-controls){padding:2px 12px 8px}:is(.media-player.docked .media-queue,.media-player:fullscreen .media-queue){color:#fff;background:#121212eb;border:none;border-radius:12px;width:min(340px,70%);max-height:none;position:absolute;top:10px;bottom:84px;right:10px}.media-player:not(.docked):not(:fullscreen) .media-time{display:none}.media-player.compact{pointer-events:none;border-radius:14px}.media-player.compact .media-controls,.media-player.compact .media-queue,.media-player.compact .media-big-play{display:none}.media-player.compact .media-compact-label{color:#fff;background:#0000008c;border-radius:6px;gap:5px;max-width:calc(100% - 16px);padding:2px 8px;display:flex;position:absolute;bottom:8px;left:8px}.media-player.compact .media-title{font-size:12px}.radio-screen{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent) 35%, #000), #000 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.radio-visual{align-items:center;gap:16px;display:flex}.radio-art{font-size:48px}.radio-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:90%;font-weight:600;overflow:hidden}.media-player.compact .radio-name{display:none}.radio-bars{align-items:flex-end;gap:3px;height:32px;display:flex}.radio-bars span{background:var(--accent);border-radius:2px;width:5px;height:20%}.radio-screen.playing .radio-bars span{animation:.9s ease-in-out infinite alternate radio-bar}.radio-bars span:nth-child(2){animation-delay:-.3s}.radio-bars span:nth-child(3){animation-delay:-.6s}.radio-bars span:nth-child(4){animation-delay:-.15s}.radio-bars span:nth-child(5){animation-delay:-.45s}@keyframes radio-bar{to{height:100%}}.media-player.compact .radio-art{font-size:28px}@media (hover:none){.screen-quality{opacity:1}.media-volume{opacity:1;width:72px}}@media (width<=768px){.voice-stage{gap:8px;padding:8px}.stage-strip{gap:8px;height:84px}.stage-strip>.voice-tile{width:150px}.stage-tab{max-width:160px}.voice-dock{gap:6px;padding:6px}.dock-group{gap:4px}.dock-group+.dock-group{padding-left:6px}.dock-button{width:40px;height:40px}.dock-button.danger{width:48px}}@media (width<=480px){.voice-dock{border-radius:14px;gap:4px;padding:5px}.dock-group{gap:3px}.dock-group+.dock-group{padding-left:4px}.dock-button{border-radius:10px;width:36px;height:38px}.dock-button.danger{width:42px}}.hidden-slot{display:none}