@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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}@font-face{font-family:Yekan Bakh FaNum;src:url(/assets/YekanBakhFaNum-VF-BXUVQzlP.woff2)format("woff2-variations");font-weight:100 950;font-display:swap;unicode-range:U+6??,U+200C-200F,U+2068-2069,U+FB50-FDFF,U+FE70-FEFF}:root{--radius-s:4px;--radius-m:8px;--radius-l:12px;--z-menu:30;--z-toast:40;--z-tooltip:50;--font:"Figtree Variable", "Yekan Bakh FaNum", "Segoe UI", Tahoma, system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--fast:.1s;--normal:.17s;--ease:cubic-bezier(.2, .8, .2, 1);--panel-width:360px;--slider-dir:to right;--zoom:1;--vw:calc(1vw / var(--zoom));--vh:calc(1dvh / var(--zoom))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--app-gradient,var(--bg-rail));color:var(--text-2);font:400 16px/1.375 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden;container:app/inline-size}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:700}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img,video{max-width:100%;display:block}hr.divider{background:var(--line-strong);border:none;width:100%;height:1px;margin:12px 0}small{font-size:13px}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}::selection{background:#5865f266}*{scrollbar-width:thin;scrollbar-color:var(--track) transparent}.muted{color:var(--muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.is-red{color:var(--red-bright)}.skip-link{z-index:var(--z-tooltip);inset-inline-start:8px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-m);transition:top var(--fast) var(--ease);padding:8px 14px;position:absolute;top:-48px}.skip-link:focus{top:8px}.button{background:var(--bg-secondary);min-height:40px;color:var(--text);border-radius:var(--radius-m);white-space:nowrap;transition:background var(--fast) var(--ease), opacity var(--fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:2px 16px;font-size:14px;font-weight:500;display:inline-flex;text-decoration:none!important}.button:disabled{opacity:.5}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{background:var(--bg-secondary);border-color:var(--line)}.button-secondary:hover:not(:disabled){background:var(--bg-secondary-hover)}.button-green{background:var(--green);color:#fff}.button-green:hover:not(:disabled){background:var(--green-hover)}.button-red{background:var(--red);color:#fff}.button-red:hover:not(:disabled){background:var(--red-hover)}.button-small{min-height:32px;padding:2px 12px;font-size:14px}.button-large{min-height:44px;font-size:16px}.button-full{width:100%}.link-button{color:var(--text);background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500}.link-button:hover{text-decoration:underline}.inline-link{color:var(--link);font-size:inherit;background:0 0;border:none;padding:0;font-weight:500}.inline-link:hover{text-decoration:underline}.icon-button{width:32px;height:32px;color:var(--subtle);border-radius:var(--radius-m);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:none;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-button:disabled{opacity:.4}.icon-button.is-active{color:var(--text);background:var(--bg-active)}.icon-button.is-danger:hover:not(:disabled){background:var(--red);color:#fff}.is-crossed{color:var(--red-bright)}.badge{background:var(--red);color:#fff;text-align:center;min-width:16px;height:16px;animation:pop .24s var(--ease);border-radius:8px;flex:none;margin-inline-start:auto;padding:0 4px;font-size:12px;font-weight:600;line-height:16px}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.15)}}.live-badge{background:var(--red);color:#fff;letter-spacing:.03em;border-radius:4px;flex:none;padding:0 5px;font-size:10px;font-weight:800;line-height:16px}.dots{vertical-align:middle;gap:4px;display:inline-flex}.dots i{width:6px;height:6px;animation:bounce 1.2s infinite var(--ease);background:currentColor;border-radius:50%}.dots i:nth-child(2){animation-delay:.14s}.dots i:nth-child(3){animation-delay:.28s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.splash{height:100%;color:var(--subtle);background:var(--bg-rail);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.splash-logo{color:var(--text);animation:1.3s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(.84)rotate(-4deg)}}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{color:var(--text);font-size:16px;font-weight:500}.has-error .field-label,.field-required{color:var(--red-bright)}.field-error{animation:nudge .28s var(--ease);font-size:14px;font-weight:400;display:inline-block}.field-hint{color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.3}@keyframes nudge{25%{transform:translate(-4px)}60%{transform:translate(3px)}}.input,.search-box input{background:var(--bg-input);width:100%;min-height:44px;color:var(--text-2);border:1px solid var(--input-border);border-radius:var(--radius-m);font:400 16px/1.25 var(--font);padding:10px 12px;transition:border-color .2s ease-in-out}.input:focus,.search-box input:focus{border-color:var(--accent);outline:none}.has-error .input{border-color:var(--red-bright)}textarea.input{resize:vertical}::placeholder{color:var(--muted);opacity:1}.form-error{color:var(--red-bright);font-size:14px}.stack{flex-direction:column;gap:16px;display:flex}.input-with-icon{position:relative}.input-with-icon svg{inset-inline-start:12px;color:var(--muted);position:absolute;top:15px}.input-with-icon .input{padding-inline-start:34px}.input-status{position:relative}.status-good{inset-inline-end:12px;color:var(--live);font-size:13px;font-weight:600;position:absolute;top:12px}.select{position:relative}.select-button{background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-m);text-align:start;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;font-size:16px;transition:border-color .2s ease-in-out;display:flex}.select-button.is-open{border-color:var(--accent)}.select-caret{color:var(--text-2);transition:transform var(--normal) var(--ease);flex:none}.is-open .select-caret{transform:rotate(180deg)}.select-list{border:1px solid var(--line);z-index:var(--z-menu);inset-inline:0;background:var(--bg-menu);border-radius:var(--radius-m);max-height:240px;box-shadow:var(--shadow-float);transform-origin:top;padding:8px;position:absolute;top:calc(100% + 4px);overflow-y:auto}.select-option{border-radius:var(--radius-s);cursor:pointer;min-height:36px;color:var(--subtle);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:16px;display:flex}.select-option.is-cursor{background:var(--bg-active);color:var(--text)}.select-option[aria-selected=true]{color:var(--text)}.select-option svg{color:var(--text);flex:none}.switch-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0;display:flex}.switch-text{min-width:0;color:var(--text);flex-direction:column;gap:4px;font-weight:500;display:flex}.switch-text small{color:var(--muted);font-size:14px;font-weight:400;line-height:1.3}.switch{background:var(--switch-off);width:40px;height:24px;transition:background var(--normal) var(--ease);border:none;border-radius:12px;flex:none;padding:2px;display:flex}.switch.is-on{background:var(--accent);justify-content:flex-end}.switch-thumb{width:20px;height:20px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0000004d}.switch.is-on .switch-thumb{color:var(--accent);background:#fff}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(var(--slider-dir), var(--accent) var(--fill), var(--track) var(--fill));border-radius:3px;height:6px}.slider::-moz-range-track{background:linear-gradient(var(--slider-dir), var(--accent) var(--fill), var(--track) var(--fill));border-radius:3px;height:6px}.slider::-webkit-slider-thumb{appearance:none;width:14px;height:18px;transition:transform var(--fast) var(--ease);background:#fff;border-radius:4px;margin-top:-6px;box-shadow:0 1px 3px #00000073}.slider::-moz-range-thumb{background:#fff;border:none;border-radius:4px;width:14px;height:18px}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.segmented{background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-m);gap:4px;padding:4px;display:flex}.segmented button{border-radius:var(--radius-s);min-height:34px;color:var(--subtle);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:none;flex:1;font-size:14px;font-weight:500}.segmented button:hover{color:var(--text)}.segmented .is-active{background:var(--accent);color:var(--on-accent)}.lang-toggle{max-width:260px}.choice-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.choice-cards.is-stacked{grid-template-columns:1fr}.choice-card{background:var(--bg-hover);border-radius:var(--radius-m);text-align:start;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease);border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.choice-card:hover{background:var(--bg-active)}.choice-card.is-active{background:var(--accent-soft);border-color:var(--accent)}.choice-icon{color:var(--text-2);flex:none;display:flex}.choice-card.is-active .choice-icon{color:var(--text)}.choice-text{flex-direction:column;flex:1;gap:1px;min-width:0;line-height:1.25;display:flex}.choice-text strong{font-weight:600}.choice-text small{color:var(--text-2)}.choice-radio{border:2px solid var(--text-2);width:20px;height:20px;transition:border-width var(--normal) var(--ease), border-color var(--fast);border-radius:50%;flex:none}.choice-card.is-active .choice-radio{border:6px solid var(--accent)}.auth-page{background:linear-gradient(160deg,#5865f2 0%,#3a48a3 100%);place-items:center;height:100%;padding:24px 16px;display:grid;position:relative;overflow:auto}.auth-lang{z-index:1;inset-inline-end:28px;width:170px;position:absolute;top:22px}.auth-logo{inset-inline-start:32px;z-index:1;color:#fff;letter-spacing:-.01em;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex;position:absolute;top:28px}.auth-card{z-index:1;background:var(--bg-float);border-radius:var(--radius-m);width:min(480px,100%);box-shadow:var(--shadow-high);padding:32px;position:relative}.auth-card form{flex-direction:column;gap:20px;display:flex}.auth-card form.shake{animation:shake .36s var(--ease)}@keyframes shake{20%{transform:translate(-8px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.auth-heading{text-align:center}.auth-heading h1{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:600}.auth-heading p{color:var(--subtle);font-size:16px}.auth-switch{color:var(--muted);margin-top:-10px;font-size:14px}.password-input{position:relative}.password-input .input{padding-inline-end:42px}.password-eye{inset-inline-end:6px;border-radius:var(--radius-s);width:32px;height:32px;color:var(--text-2);transition:color var(--fast);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:6px}.password-eye:hover{color:var(--text)}.strength{align-items:center;gap:10px;margin-top:-12px;display:flex}.strength-bars{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.strength-bars span{background:var(--bg-input);height:4px;transition:background var(--normal) var(--ease);border-radius:2px}.strength-bars .strength-1{background:var(--red)}.strength-bars .strength-2{background:var(--saffron)}.strength-bars .strength-3,.strength-bars .strength-4{background:var(--live)}.strength small{text-align:end;width:62px;color:var(--text-2)}.invite-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.invite-card>p{color:var(--text-2)}.invite-card h1{font-size:24px}.invite-icon{background:var(--bg-tile);width:72px;height:72px;color:var(--text);border-radius:16px;place-items:center;margin-bottom:8px;font-size:26px;font-weight:600;display:grid}.invite-count{align-items:center;gap:6px;margin-bottom:16px;font-size:14px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.presence-offline{box-shadow:inset 0 0 0 3px var(--muted);background:0 0}.shell{height:100%;display:flex}.nav{flex:none;min-height:0;display:flex}.nav-scrim,.nav-toggle{display:none}.main{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.rail{scrollbar-width:none;background:var(--bg-rail);flex-direction:column;flex:none;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow-y:auto}.rail-slot{justify-content:center;width:72px;display:flex;position:relative}.rail-item{background:0 0;border:none;width:48px;height:48px;padding:0;display:block;position:static;text-decoration:none!important}.rail-face{background:var(--bg-active);width:48px;height:48px;color:var(--text);transition:background var(--normal) var(--ease), color var(--normal) var(--ease), border-radius var(--normal) var(--ease);border-radius:50%;place-items:center;font-size:16px;font-weight:500;display:grid}.has-color .rail-face{background:var(--bg-active);color:var(--text)}.rail-item:hover .rail-face{background:var(--accent);color:var(--on-accent);border-radius:16px}.rail-item.is-active:hover .rail-face{background:var(--accent)}.rail-item.is-active .rail-face,.rail-item.is-active.has-color .rail-face{background:var(--accent);color:var(--on-accent);border-radius:16px}.rail-pill{inset-inline-start:0;background:var(--text);border-start-end-radius:4px;border-end-end-radius:4px;width:4px;height:40px;position:absolute;top:4px}.rail-unread{inset-inline-start:0;background:var(--text);width:4px;height:8px;animation:pop .24s var(--ease);border-start-end-radius:4px;border-end-end-radius:4px;position:absolute;top:20px}.rail-item:before{content:"";inset-inline-start:0;background:var(--text-2);width:4px;height:0;transition:height var(--normal) var(--ease), top var(--normal) var(--ease);border-start-end-radius:4px;border-end-end-radius:4px;position:absolute;top:24px}.rail-item:not(.is-active):hover:before{height:20px;top:14px}.rail-mention{margin-top:-16px;z-index:1;background:var(--red);color:#fff;border:3px solid var(--bg-rail);box-sizing:content-box;text-align:center;min-width:18px;height:18px;animation:pop .24s var(--ease);border-radius:12px;margin-inline-start:28px;padding:0 5px;font-size:12px;font-weight:700;line-height:18px;position:relative}.rail-add .rail-face{color:var(--c-emerald);background:var(--bg-active)}.rail-add:hover .rail-face{background:var(--green);color:#fff;border-radius:16px}.rail-divider{background:var(--line-strong);flex:none;width:32px;height:1px}.tooltip{border:1px solid var(--line);z-index:var(--z-tooltip);background:var(--bg-menu);color:var(--text);border-radius:var(--radius-m);box-shadow:var(--shadow-float);white-space:nowrap;pointer-events:none;padding:8px 12px;font-size:14px;font-weight:500;line-height:16px;position:fixed}.tooltip:after{content:"";background:var(--bg-menu);border-radius:1px;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip-top:after{left:var(--arrow);margin-left:-4px;bottom:-5px}.tooltip-bottom:after{left:var(--arrow);margin-left:-4px;top:-5px}.tooltip-right:after{left:-5px;top:var(--arrow);margin-top:-4px}.tooltip-left:after{right:-5px;top:var(--arrow);margin-top:-4px}.sidebar{background:var(--bg-side);border-inline-start:1px solid var(--line);border-start-start-radius:var(--radius-m);flex-direction:column;width:240px;min-height:0;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--line);z-index:1;flex:none;align-items:center;height:48px;display:flex;position:relative}.sidebar-brand{color:var(--text);padding:0 16px;font-weight:600}.server-header-button{text-align:start;min-width:0;height:100%;transition:background var(--fast) var(--ease);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding-block:0;padding-inline:16px 12px;display:flex}.server-header-button:hover{background:var(--bg-hover)}.server-header-button h2{min-width:0;color:var(--text);flex:1;font-size:16px;font-weight:600}.server-caret{display:flex}.sidebar-scroll{scrollbar-color:transparent transparent;flex:1;min-height:0;padding:8px 8px 12px;overflow-y:auto}.sidebar-scroll:hover{scrollbar-color:var(--bg-rail) transparent}.sidebar-empty{color:var(--muted);padding:4px 8px;font-size:13px}.category{justify-content:space-between;align-items:center;padding:16px 0 4px;display:flex}.category-toggle{min-width:0;color:var(--muted);text-align:start;transition:color var(--fast);background:0 0;border:none;flex:1;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:500;display:flex}.category-toggle:hover{color:var(--text)}.category-caret{display:flex}.category-add{width:20px;height:20px;color:var(--muted)}.category-static{color:var(--muted);padding:16px 8px 4px;font-size:14px;font-weight:500}.channel-link{min-height:32px;color:var(--muted);border-radius:var(--radius-m);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:6px;margin-bottom:2px;padding:4px 8px;font-size:16px;font-weight:500;display:flex;position:relative;text-decoration:none!important}.channel-link svg{flex:none}.channel-link:hover{background:var(--bg-hover);color:var(--text-2)}.channel-link.is-active{background:var(--bg-selected);color:var(--text)}.channel-link.has-unread{color:var(--text);font-weight:600}.dm-link{gap:12px;min-height:42px}.friends-link{gap:12px;min-height:42px;padding-inline-start:12px}.unread-dot{inset-inline-start:-8px;background:var(--text);border-start-end-radius:4px;border-end-end-radius:4px;width:4px;height:8px;position:absolute;top:12px}.voice-link.is-connected{color:var(--live)}.voice-link.is-connected.is-active{color:var(--text)}.voice-link.is-connected>svg{color:var(--live)}.voice-occupants{padding-inline-start:28px}.voice-occupant{overflow:hidden}.voice-occupant-inner{min-height:30px;color:var(--muted);border-radius:var(--radius-s);cursor:default;transition:background var(--fast) var(--ease);align-items:center;gap:8px;padding:3px 6px;font-size:14px;display:flex}.voice-occupant-inner:hover{background:var(--bg-hover);color:var(--text-2)}.voice-occupant .is-talking{color:var(--text)}.occupant-icons{flex:none;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.avatar{color:#fff;-webkit-user-select:none;user-select:none;transition:box-shadow var(--fast) var(--ease);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative}.avatar.is-speaking{box-shadow:0 0 0 2px var(--bg-side), 0 0 0 3.5px var(--live)}.presence{inset-inline-end:-3px;border:2.5px solid var(--bg-side);box-sizing:content-box;width:28%;min-width:8px;height:28%;min-height:8px;transition:background var(--normal) var(--ease);border-radius:50%;position:absolute;bottom:-3px}.presence-online{background:var(--online)}.presence-idle{background:var(--idle)}.presence-dnd{background:var(--dnd)}.presence-offline{background:var(--switch-off)}.main .presence,.member-list .presence{border-color:var(--bg-main)}.member-list .presence{border-color:var(--bg-side)}.voice-panel{border-top:1px solid var(--line);flex:none;overflow:hidden}.voice-panel-inner{padding:8px}.voice-panel-top{align-items:center;gap:6px;display:flex}.signal{height:16px;color:var(--muted);border-radius:var(--radius-s);flex:none;align-items:flex-end;gap:2px;padding:0 1px;display:flex}.signal i{background:currentColor;border-radius:1px;width:4px}.signal i:first-child{height:6px}.signal i:nth-child(2){height:11px}.signal i:nth-child(3){height:16px}.signal.is-ok i:nth-child(3),.signal.is-bad i:nth-child(3),.signal.is-bad i:nth-child(2){opacity:.25}.signal.is-good{color:var(--live)}.signal.is-ok{color:var(--saffron)}.signal.is-bad{color:var(--red-bright)}.signal.is-connecting{animation:1s ease-in-out infinite dim}@keyframes dim{50%{opacity:.35}}.voice-panel-info{min-width:0;color:var(--muted);flex-direction:column;flex:1;font-size:12px;line-height:1.3;display:flex;text-decoration:none!important}.voice-panel-info:hover .voice-status{text-decoration:underline}.voice-status{color:var(--saffron);font-size:14px;font-weight:700}.voice-status.is-connected{color:var(--live)}.voice-panel-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.voice-panel-actions .icon-button{background:var(--bg-hover);width:100%}.voice-panel-actions .icon-button:hover{background:var(--bg-active)}.user-bar{background:var(--bg-panel);border-top:1px solid var(--line);flex:none;align-items:center;gap:2px;height:56px;padding:0 8px;display:flex}.user-chip{border-radius:var(--radius-m);text-align:start;min-width:0;transition:background var(--fast) var(--ease);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding-block:2px;padding-inline:2px 4px;display:flex}.user-chip:hover{background:var(--bg-active)}.user-chip .presence{border-color:var(--bg-panel)}.user-chip-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-chip-text strong{color:var(--text);font-size:14px;font-weight:500}.user-chip-text small{color:var(--muted);font-size:12px}.user-actions{flex:none;display:flex}.menu{border:1px solid var(--line);z-index:var(--z-menu);background:var(--bg-menu);border-radius:var(--radius-m);min-width:188px;max-width:320px;box-shadow:var(--shadow-high);transform-origin:0 0;padding:8px;position:fixed}.menu-item{border-radius:var(--radius-s);width:100%;min-height:32px;color:var(--subtle);text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;margin-block:2px;padding:6px 8px;font-size:14px;font-weight:500;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--bg-active);color:var(--text);outline:none}.menu-item.is-danger{color:var(--red-bright)}.menu-item.is-danger:hover,.menu-item.is-danger:focus-visible{background:var(--red);color:#fff}.menu-check{border:1px solid var(--muted);width:18px;height:18px;color:var(--on-accent);border-radius:4px;place-items:center;display:grid}.menu-check.is-on{background:var(--accent);border-color:var(--accent)}.menu-content{padding:4px}.menu-volume{width:170px;color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.emoji-row{gap:2px;display:flex}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.emoji-choice{border-radius:var(--radius-s);width:38px;height:38px;transition:background var(--fast), transform var(--fast) var(--ease);background:0 0;border:none;padding:0;font-size:22px}.emoji-choice:hover{background:var(--bg-hover);transform:scale(1.18)}.mini-profile{flex-direction:column;width:268px;margin:-10px -10px 2px;padding:40px 14px 12px;line-height:1.3;display:flex;position:relative}.mini-banner{opacity:.55;inset-inline:0;border-radius:var(--radius-m) var(--radius-m) 0 0;height:56px;position:absolute;top:0}.mini-avatar{background:var(--bg-menu);border-radius:50%;width:fit-content;margin-bottom:8px;padding:4px;display:inline-block;position:relative}.mini-avatar .presence{border-color:var(--bg-menu)}.mini-profile strong{font-size:18px;font-weight:700}.mini-profile small{color:var(--text-2)}.mini-profile p{border-top:1px solid var(--line-strong);color:var(--text-2);margin-top:8px;padding-top:8px;font-size:14px}.view-header{border-bottom:1px solid var(--line);height:48px;color:var(--muted);z-index:1;flex:none;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.view-header h1{min-width:0;color:var(--text);font-size:16px;font-weight:600}.view-actions{gap:4px;margin-inline-start:auto;display:flex}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;margin:auto;padding:48px 24px;display:flex}.empty-state svg{color:var(--c-violet)}.empty-state h2{color:var(--text-2);font-size:18px;font-weight:600}.empty-state .button{margin-top:10px}.channel-view{flex:1;min-height:0;display:flex}.member-list{background:var(--bg-main);border-inline-start:1px solid var(--line);flex:none;width:240px;padding:16px 8px;overflow-y:auto}.member-heading{color:var(--muted);padding:16px 8px 4px;font-size:14px;font-weight:500}.member-heading:first-child{padding-top:0}.member-row{border-radius:var(--radius-m);text-align:start;width:100%;min-height:42px;color:var(--text-2);transition:background var(--fast), color var(--fast), opacity var(--fast);background:0 0;border:none;align-items:center;gap:12px;padding:4px 8px;display:flex}.member-row:hover{background:var(--bg-hover);color:var(--text)}.member-row.is-offline{opacity:.5}.member-row.is-offline:hover{opacity:1}.member-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.member-text strong{align-items:center;gap:4px;font-size:16px;font-weight:500;display:flex}.member-text small{color:var(--muted);font-size:12px}.owner-mark{color:var(--saffron);flex:none}.friends-view{flex-direction:column;flex:1;min-height:0;display:flex}.header-divider{background:var(--line-strong);width:1px;height:24px;margin:0 8px}.friend-tabs{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.friend-tab{border-radius:var(--radius-s);height:28px;color:var(--text-2);white-space:nowrap;transition:background var(--fast), color var(--fast);background:0 0;border:none;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.friend-tab:hover{background:var(--bg-hover);color:var(--text)}.friend-tab.is-active{background:var(--bg-active);color:var(--text)}.friend-tab-add{background:var(--accent);color:var(--on-accent)}.friend-tab-add:hover{background:var(--accent-hover);color:var(--on-accent)}.friend-tab-add.is-active{color:var(--accent-text);background:0 0}.friends-body{flex:1;min-height:0;display:flex}.friends-list{flex:1;min-width:0;padding:16px 20px;overflow-y:auto}.list-count{color:var(--muted);padding:0 8px 12px;font-size:14px;font-weight:500}.friend-row{border-top:1px solid var(--line);border-radius:var(--radius-m);min-height:60px;transition:background var(--fast);align-items:center;gap:12px;padding:8px;display:flex}.friend-row:hover{background:var(--bg-hover)}.friend-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.friend-text strong{font-weight:600}.friend-text small{color:var(--muted)}.round-action{background:var(--bg-tile);border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.round-action.is-accept:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.add-friend{padding:4px 8px}.add-friend h2{margin-bottom:6px;font-size:16px}.add-friend p{color:var(--text-2);font-size:14px}.add-friend-box{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color var(--normal) var(--ease);align-items:center;gap:8px;margin-top:16px;padding-block:6px;padding-inline:14px 6px;display:flex}.add-friend-box:focus-within{border-color:var(--focus)}.add-friend-box.has-error{border-color:var(--red)}.add-friend-box.has-success{border-color:var(--live)}.add-friend-box input{min-width:0;height:32px;color:var(--text);font:inherit;background:0 0;border:none;flex:1}.add-friend-box input:focus{outline:none}.add-friend-message{margin-top:8px;font-size:14px}.add-friend-message.is-error{color:var(--red-bright)}.add-friend-message.is-success{color:var(--live)}.active-now{border-inline-start:1px solid var(--line);flex:none;width:340px;padding:20px 16px;overflow-y:auto}.active-now h2{margin-bottom:16px;font-size:20px;font-weight:800}.active-empty{text-align:center;padding:16px 8px}.active-empty strong{margin-bottom:4px;display:block}.active-empty p{color:var(--muted);text-wrap:balance;font-size:14px}.active-card{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.active-card small{align-items:center;gap:4px;display:flex}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.messages-wrap{flex:1;min-height:0;display:flex;position:relative}.messages{overflow-anchor:none;scrollbar-gutter:stable;flex:1;min-width:0;padding:16px 0 8px;overflow-y:auto}.messages:focus-visible{outline-offset:-2px}.jump-pill{inset-inline-start:50%;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-float);border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:10px;translate:-50%}.channel-intro{padding:16px}.intro-icon{background:var(--bg-secondary);border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:8px;display:grid}.channel-intro h2{letter-spacing:-.01em;margin-bottom:4px;font-size:28px;font-weight:800}.channel-intro p{color:var(--text-2)}.message-skeleton{padding:8px 16px}.skeleton-row{gap:16px;margin-bottom:24px;animation:1.4s ease-in-out infinite dim;display:flex}.skeleton-row>div{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.skeleton-avatar{background:var(--bg-active);border-radius:50%;flex:none;width:40px;height:40px}.skeleton-line{background:var(--bg-active);border-radius:6px;height:12px}.day-divider{color:var(--muted);align-items:center;gap:8px;margin:20px 16px 6px;font-size:12px;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line-strong);flex:1;height:1px}.message{margin-top:16px;padding-block:2px;padding-inline:16px 48px;transition:background 60ms linear;position:relative}.message.is-grouped{margin-top:0}.message:hover{background:var(--bg-hover)}.message.is-new{animation:message-in .26s var(--ease)}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}}.message.is-flash{animation:flash 1.2s var(--ease)}@keyframes flash{0%,40%{background:var(--accent-soft)}}.message.mentions-me{background:var(--saffron-soft);box-shadow:inset 2px 0 0 var(--idle)}.message-main{gap:16px;display:flex}.message-gutter{flex:none;width:40px}.message-hover-time{visibility:hidden;color:var(--muted);text-align:end;white-space:nowrap;font-size:11px;line-height:22px;display:block}.message:hover .message-hover-time{visibility:visible}.message-body{flex:1;min-width:0}.message-meta{align-items:baseline;gap:8px;line-height:1.375;display:flex}.message-meta strong{color:var(--text);font-weight:500}.message-meta time{color:var(--muted);font-size:12px}.message-text{color:var(--text-2);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.375}.message-text code{background:var(--bg-tile);font:14px var(--font-mono);border-radius:4px;padding:1px 4px}.message-text pre{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-s);margin:6px 0;padding:8px 10px;overflow-x:auto}.message-text pre code{background:0 0;padding:0}.mention{background:var(--mention-bg);color:var(--mention-fg);border-radius:4px;padding:0 2px;font-weight:500}.edited{color:var(--muted);font-size:11px}.message-edit{flex-direction:column;gap:4px;margin-top:2px;display:flex}.message-edit textarea{background:var(--bg-chat-input);min-height:44px}.message-edit small{color:var(--muted);font-size:12px}.reply-preview{width:100%;color:var(--muted);text-align:start;background:0 0;border:none;align-items:center;gap:6px;padding-block:0 2px;padding-inline:56px 0;font-size:14px;display:flex}.reply-preview:not(:disabled):hover{color:var(--text)}.reply-preview svg{flex:none}.reply-preview strong{color:var(--text-2);flex:none;font-weight:600}.message-actions{top:-14px;z-index:2;background-clip:padding-box;background:var(--bg-menu);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);padding:2px;display:flex;position:absolute;inset-inline-end:16px;transform:translateY(2px)}.message:hover>.message-actions,.message:focus-within>.message-actions,.message-actions.is-open{opacity:1;pointer-events:auto;transform:none}.message-actions .icon-button{border-radius:var(--radius-s)}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:var(--bg-tile);border-radius:var(--radius-m);height:24px;transition:background var(--fast), border-color var(--fast);border:1px solid #0000;align-items:center;gap:5px;padding:0 7px;font-size:14px;font-weight:600;display:inline-flex}.reaction:hover{border-color:var(--line-strong)}.reaction.is-mine{background:var(--link-soft);border-color:var(--link);color:var(--text)}.attachment-image{border-radius:var(--radius-m);width:fit-content;margin-top:6px;display:block;overflow:hidden}.attachment-image img{object-fit:contain;max-width:min(520px,100%);max-height:340px;transition:filter var(--normal)}.attachment-image:hover img{filter:brightness(1.06)}.attachment-video{border-radius:var(--radius-m);max-width:min(520px,100%);max-height:340px;margin-top:6px}.attachment-audio{max-width:100%;margin-top:6px;display:block}.attachment-file{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);width:min(420px,100%);color:var(--text);transition:background var(--fast);align-items:center;gap:10px;margin-top:6px;padding:12px;display:flex;text-decoration:none!important}.attachment-file:hover{background:var(--bg-attachment-hover)}.attachment-file>svg:first-child{color:var(--c-sky);flex:none}.attachment-file>span{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.attachment-file strong{color:var(--link);font-weight:500}.attachment-file small{color:var(--muted);font-size:12px}.delete-preview{background:var(--bg-tile);border-radius:var(--radius-m);color:var(--text-2);overflow-wrap:anywhere;max-height:160px;padding:12px;overflow-y:auto}.typing-line{height:22px;color:var(--text-2);flex:none;align-items:center;gap:6px;padding:0 16px;font-size:13px;display:flex}.typing-line strong{font-weight:700}.typing-line .dots i{width:5px;height:5px}.composer{border:1px solid var(--line);background:var(--bg-chat-input);border-radius:var(--radius-m);transition:box-shadow var(--normal) var(--ease);flex:none;margin:0 16px 2px}.composer.is-dragging{box-shadow:0 0 0 2px var(--accent)}.composer-row{align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.composer-row>.icon-button{width:34px;height:34px}.composer textarea{min-width:0;min-height:34px;max-height:240px;color:var(--text);font:400 16px/1.375 var(--font);resize:none;field-sizing:content;background:0 0;border:none;flex:1;padding:6px}.composer textarea:focus{outline:none}.send-wrap{display:inline-flex;overflow:hidden}.send-button{color:var(--accent-text);width:34px;height:34px}.composer-reply{background:var(--bg-hover);border-radius:var(--radius-m) var(--radius-m) 0 0;overflow:hidden}.composer-reply-inner{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;padding-block:6px;padding-inline:14px 8px;font-size:14px;display:flex}.composer-reply strong{color:var(--text);font-weight:600}.upload-list{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 12px 4px;display:flex}.upload-card{background:var(--bg-tile);border-radius:var(--radius-m);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:150px;height:110px;padding:10px;font-size:13px;display:flex;position:relative}.upload-card>svg{color:var(--c-sky)}.upload-card>.truncate{text-align:center;width:100%}.upload-card.is-busy{animation:1s ease-in-out infinite dim}.upload-remove{inset-inline-end:4px;background:var(--bg-main);width:26px;height:26px;position:absolute;top:4px}.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.conversation-call{flex:0 0 52%;min-height:0;display:flex}.voice-lobby{background:var(--bg-stage);flex:1;place-items:center;min-height:0;padding:24px;display:grid}.lobby-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.lobby-card h1{letter-spacing:-.01em;font-size:26px;font-weight:800}.lobby-card p{color:var(--text-2)}.lobby-icon{background:color-mix(in srgb, var(--c-emerald) 14%, transparent);width:84px;height:84px;color:var(--c-emerald);border-radius:50%;place-items:center;display:grid}.lobby-card .button{min-width:180px;margin-top:8px}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 3px var(--bg-stage);margin-inline-start:-8px}.avatar-stack .avatar:first-child{margin-inline-start:0}.stage{background:var(--bg-stage);flex:1;min-width:0;min-height:0;display:flex}.stage-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px}.stage-main{flex-direction:column;flex:1;gap:10px;min-width:0;padding:8px 16px 16px;display:flex;position:relative}.stage-header{height:36px;color:var(--muted);flex:none;align-items:center;gap:8px;display:flex}.stage-header h1{min-width:0;color:var(--text);font-size:16px}.stage-chat-toggle{margin-inline-start:auto}.control-badge{top:-2px;background:var(--red);color:#fff;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset-inline-end:-2px}.now-playing-chip{background:var(--bg-hover);max-width:220px;height:24px;color:var(--text-2);transition:background var(--fast);border:none;border-radius:12px;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.now-playing-chip:hover{background:var(--bg-active)}.tile-grid{--gap:8px;place-content:center;gap:var(--gap);flex-wrap:wrap;flex:1;min-height:0;display:flex;container-type:size}.tile-grid>.tile{aspect-ratio:16/9;width:min((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols), (100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows) * 16 / 9);flex:none}.stage-focus{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.focus-main{flex:1;min-height:0;display:flex}.filmstrip{scrollbar-width:none;flex:none;justify-content:center;gap:8px;height:112px;display:flex;overflow-x:auto}.filmstrip .tile{flex:none;width:199px}.filmstrip .tile-avatar .avatar{width:48px!important;height:48px!important;font-size:18px!important}.tile{box-shadow:inset 0 0 0 1px var(--line);background:var(--bg-tile);border-radius:var(--radius-m);isolation:isolate;flex:1;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.tile:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 0 var(--live);pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease), box-shadow var(--fast) var(--ease);position:absolute;inset:0}.tile.is-speaking:after{opacity:1;box-shadow:inset 0 0 0 2px var(--live)}.tile.is-screen{background:#05090b}.tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile video.is-contain{object-fit:contain}.tile video.is-mirrored{transform:scaleX(-1)}.tile-avatar{place-items:center;display:grid;position:absolute;inset:0}.tile-avatar .avatar{box-shadow:none}.tile-avatar .avatar.is-speaking{box-shadow:0 0 0 3px var(--bg-tile), 0 0 0 6px var(--live)}.tile-label{z-index:2;inset-inline-start:8px;border-radius:var(--radius-s);color:#fff;background:#0000009e;align-items:center;gap:5px;max-width:calc(100% - 16px);height:24px;padding:0 8px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px}.tile-label svg{color:var(--red-bright);flex:none}.tile-status{z-index:2;top:8px;border-radius:var(--radius-s);color:#fff;background:#0000009e;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex;position:absolute;inset-inline-start:8px}.tile-status .dots i{width:4px;height:4px}.tile-actions{z-index:2;top:8px;opacity:0;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);gap:4px;display:flex;position:absolute;inset-inline-end:8px;transform:translateY(-3px)}.tile:hover .tile-actions,.tile:focus-within .tile-actions{opacity:1;transform:none}.tile-actions .icon-button{color:#fff;background:#0000009e}.tile-actions .icon-button:hover{background:#000000d9}.tile-actions .icon-button.is-active{background:var(--accent);color:var(--on-accent)}.stage-hint{color:var(--muted);flex:none;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.ring-pulse{border-radius:50%;display:inline-flex;position:relative}.ring-pulse:before,.ring-pulse:after{content:"";border:2px solid var(--live);border-radius:50%;animation:1.8s ease-out infinite ring;position:absolute;inset:0}.ring-pulse:after{animation-delay:.6s}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.call-controls{flex-wrap:wrap;flex:none;justify-content:center;align-self:center;align-items:center;gap:8px;max-width:100%;display:flex}.control-group{background:var(--bg-menu);border:1px solid var(--line);border-radius:var(--radius-l);gap:4px;padding:4px;display:flex}.control{width:48px;height:44px;color:var(--text);border-radius:var(--radius-m);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.control:hover{background:var(--bg-active)}.control.is-off{background:var(--red);color:#fff}.control.is-off:hover{background:var(--red-hover)}.control.is-on{background:var(--accent);color:var(--on-accent)}.control.is-on:hover{background:var(--accent-hover)}.control[data-testid=disconnect]{background:var(--red);color:#fff;border-radius:12px;width:64px;height:52px}.control[data-testid=disconnect]:hover{background:var(--red-hover)}.stage.is-compact .stage-main{padding:12px}.stage.is-compact .tile-avatar .avatar{width:64px!important;height:64px!important;font-size:24px!important}.stage-panel{background:var(--bg-side);border-inline-start:1px solid var(--line);flex:none;overflow:hidden}.stage-panel-inner{width:var(--panel-width);flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:48px;padding-block:0;padding-inline:16px 8px;display:flex}.panel-header h2{font-size:16px}.panel-scroll{flex:1;min-height:0;padding:12px;overflow-y:auto}.incoming-call{border:1px solid var(--line-strong);z-index:var(--z-toast);inset-inline-start:50%;background:var(--bg-float);border-radius:var(--radius-l);width:236px;box-shadow:var(--shadow-high);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 16px 18px;display:flex;position:fixed;top:16%;translate:-50%}.incoming-call strong{color:var(--text);margin-top:10px;font-size:18px;font-weight:600}.incoming-call>span:not(.ring-pulse){color:var(--text-2);font-size:14px}.incoming-actions{gap:20px;margin-top:16px;display:flex}.round-button{color:#fff;border-radius:50%;width:48px;height:48px}.round-red,.round-red:hover:not(:disabled){background:var(--red);color:#fff}.round-green,.round-green:hover:not(:disabled){background:var(--green);color:#fff}.music{flex-direction:column;gap:12px;min-width:0;font-size:14px;display:flex}.music-connect{color:var(--text-2);flex-direction:column;gap:10px;display:flex}.now-playing{background:var(--bg-tile);border-radius:var(--radius-m);flex-direction:column;gap:8px;padding:12px;display:flex}.now-head{align-items:center;gap:10px;min-width:0;display:flex}.now-head img,.art-large{border-radius:var(--radius-s);flex:none;width:52px;height:52px}.spotify-link{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}.music-progress{align-items:center;gap:8px;display:flex}.music-progress small{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.music-transport{justify-content:center;align-items:center;gap:6px;display:flex}.music-play{background:var(--accent);color:var(--on-accent);border-radius:50%}.music-play:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.music-volume{color:var(--muted);align-items:center;gap:8px;display:flex}.music-search{flex-direction:column;gap:8px;display:flex}.search-box{align-items:center;gap:4px;display:flex}.search-box input{min-height:34px;padding:4px 10px;font-size:14px}.section-title{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:500}.track-list{flex-direction:column;gap:2px;display:flex}.track-row{border-radius:var(--radius-s);min-height:44px;transition:background var(--fast);align-items:center;gap:8px;padding:4px 6px;display:flex}.track-row:hover{background:var(--bg-hover)}.track-row img,.art-placeholder{border-radius:var(--radius-s);flex:none;width:36px;height:36px}.art-placeholder{background:var(--bg-active);color:var(--muted);place-items:center;display:grid}.track-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.track-text strong{font-weight:600}.track-text small{color:var(--muted);font-size:12px}.track-jump{text-align:start;background:0 0;border:none;flex-direction:column;flex:1;min-width:0;padding:0;line-height:1.25;display:flex}.track-jump strong{font-weight:500}.track-jump small{color:var(--muted);font-size:12px}.track-row.is-current strong{color:var(--text);font-weight:700}.dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--text-2);background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.dialog::backdrop{background:0 0}.dialog.modal{background:var(--scrim);place-items:center;padding:16px;display:grid;overflow:auto}.modal .dialog-card{border:1px solid var(--line-strong);background:var(--bg-float);border-radius:var(--radius-l);width:min(440px,100%);box-shadow:var(--shadow-high);overflow:hidden}.modal-header{padding-block:24px 0;padding-inline:24px 56px;position:relative}.modal-header h2{color:var(--text);font-size:20px;font-weight:600}.modal-header p{color:var(--subtle);text-wrap:pretty;margin-top:8px;font-size:16px}.modal-close{inset-inline-end:16px;position:absolute;top:16px}.modal-body{flex-direction:column;gap:20px;padding:16px 24px 24px;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:8px;padding:0 24px 24px;display:flex}.modal-steps{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.template-row{border:1px solid var(--line-strong);border-radius:var(--radius-m);text-align:start;width:100%;transition:background var(--fast);background:0 0;align-items:center;gap:12px;margin-bottom:-8px;padding-block:8px;padding-inline:8px 16px;display:flex}.template-row:hover{background:var(--bg-hover)}.template-row strong{flex:1;font-weight:600}.template-icon{background:color-mix(in srgb, var(--tone,var(--c-violet)) 16%, transparent);width:44px;height:44px;color:var(--tone,var(--c-violet));border-radius:var(--radius-m);place-items:center;display:grid}.modal-alt{text-align:center;flex-direction:column;gap:10px;margin-top:16px;display:flex}.modal-alt h3{font-size:16px}.server-preview{background:var(--accent);width:80px;height:80px;color:var(--on-accent);border-radius:18px;align-self:center;place-items:center;font-size:28px;font-weight:700;display:grid}.copy-box{background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--radius-m);transition:border-color var(--normal) var(--ease);align-items:center;gap:8px;padding-block:4px;padding-inline:12px 4px;display:flex}.copy-box.is-copied{border-color:var(--live)}.copy-box input{min-width:0;height:32px;color:var(--text);font:15px var(--font);background:0 0;border:none;flex:1}.copy-box input:focus{outline:none}.copy-box .button{min-width:72px}.copy-box.is-copied .button{background:var(--green)}.dialog.settings-screen{background:var(--app-gradient,var(--bg-main))}.settings-screen .dialog-card{width:100%;height:100%;display:flex}.settings-nav{background:var(--bg-side);flex:1 0 232px;justify-content:flex-end;display:flex;overflow-y:auto}.settings-nav-inner{width:232px;padding-block:60px 24px;padding-inline:20px 8px}.settings-group{color:var(--muted);min-height:22px;padding:12px 10px 6px;font-size:14px;font-weight:500}.settings-tab{border-radius:var(--radius-m);width:100%;min-height:36px;color:var(--muted);text-align:start;transition:background var(--fast), color var(--fast);background:0 0;border:none;margin-bottom:2px;padding:6px 10px;font-size:16px;font-weight:500}.settings-tab:hover{background:var(--bg-hover);color:var(--text)}.settings-tab.is-active{background:var(--bg-selected);color:var(--text)}.settings-tab.is-danger{color:var(--red-bright)}.settings-content{background:var(--bg-main);flex:800px;min-width:0;padding-block:60px 96px;padding-inline:40px 72px;position:relative;overflow-y:auto}.settings-page{flex-direction:column;gap:20px;max-width:740px;display:flex}.settings-page>h2{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:600}.settings-subhead{color:var(--text);font-size:18px;font-weight:600}.settings-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.settings-close{top:56px;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;position:fixed;inset-inline-end:max(24px, calc(calc(50 * var(--vw)) - 560px))}.esc-button{border:2px solid var(--muted);width:36px;height:36px;color:var(--text-2);transition:background var(--fast), color var(--fast), transform var(--fast) var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.esc-button:hover{background:var(--bg-hover);color:var(--text);transform:scale(1.06)}.settings-list{flex-direction:column;display:flex}.settings-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:52px;padding:8px;display:flex}.settings-list li>.truncate{flex:1;font-weight:500}.role-tag{background:var(--bg-active);border-radius:var(--radius-s);text-transform:capitalize;padding:1px 7px;font-size:12px;font-weight:600}.role-owner{background:var(--saffron-soft);color:var(--saffron)}.danger-zone{border:1px solid var(--red);border-radius:var(--radius-m);flex-direction:column;gap:14px;padding:16px;display:flex}.danger-zone .button{align-self:flex-start}.connection-row{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.save-bar{border:1px solid var(--line-strong);z-index:var(--z-menu);inset-inline-start:50%;width:min(700px, calc(100 * var(--vw) - 32px));background:var(--bg-menu);border-radius:var(--radius-m);box-shadow:var(--shadow-high);align-items:center;gap:8px;padding-block:10px;padding-inline:16px 10px;font-size:16px;font-weight:500;display:flex;position:fixed;bottom:20px;translate:-50%}.save-bar>span{flex:1;min-width:0}.profile-card{background:var(--bg-side);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}.profile-banner{opacity:.55;height:80px;transition:background var(--normal) var(--ease)}.profile-head{align-items:flex-end;gap:12px;margin-top:-32px;padding:0 16px;display:flex}.profile-avatar{background:var(--bg-side);border-radius:50%;padding:6px;display:inline-flex}.profile-head>div{flex-direction:column;min-width:0;padding-bottom:8px;line-height:1.25;display:flex}.profile-head strong{font-size:20px;font-weight:700}.profile-head small{color:var(--text-2)}.profile-form{flex-direction:column;gap:16px;padding:16px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:var(--radius-m);width:36px;height:36px;transition:transform var(--fast) var(--ease), box-shadow var(--fast);border:2px solid #0000;padding:0}.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:0 0 0 2px var(--bg-side), 0 0 0 4px var(--text)}.mic-check{align-items:center;gap:12px;display:flex}.mic-check .button{flex:none;min-width:120px}.mic-meter{background:var(--bg-tile);border-radius:6px;flex:1;height:12px;position:relative;overflow:hidden}.mic-meter-bar{background:var(--live);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.mic-threshold{background:var(--saffron);width:2px;position:absolute;top:0;bottom:0}.key-recorder{background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--radius-m);text-align:start;min-height:44px;transition:border-color var(--fast);align-items:center;gap:10px;padding:6px 12px;display:flex}.key-recorder>span{flex:1;font-weight:600}.key-recorder em{color:var(--muted);font-size:13px;font-style:normal}.key-recorder.is-recording{border-color:var(--red-bright);box-shadow:0 0 0 1px var(--red-bright);animation:1.2s infinite dim}.camera-preview{aspect-ratio:16/9;background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);place-items:center;max-width:420px;display:grid;position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-stop{inset-inline-end:8px;color:#fff;background:#0000009e;position:absolute;top:8px}.toasts{z-index:var(--z-toast);inset-inline-start:50%;width:min(440px, calc(calc(100 * var(--vw)) - 32px));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;translate:-50%}.toast{border:1px solid var(--line);background:var(--bg-menu);color:var(--text);border-radius:var(--radius-m);box-shadow:var(--shadow-float);pointer-events:auto;align-items:center;gap:10px;padding-block:8px;padding-inline:14px 8px;font-size:14px;font-weight:500;display:flex}.toast-error{box-shadow:var(--shadow-float), inset 3px 0 0 var(--red)}.toast .icon-button{width:24px;height:24px}@container app (width<=1160px){.member-list,.active-now{display:none}}@container app (width<=860px){.stage-panel-inner{width:100%}.sidebar{border-radius:0}.nav{z-index:25;visibility:hidden;transition:transform .2s var(--ease), visibility 0s linear .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.nav-open .nav{visibility:visible;transition:transform .24s var(--ease);box-shadow:var(--shadow-high);transform:none}.nav-open .nav-scrim{z-index:24;background:#0009;display:block;position:fixed;inset:0}.sidebar{width:min(240px, calc(calc(100 * var(--vw)) - 88px))}.nav-toggle{z-index:5;top:2px;width:44px;height:44px;color:var(--text-2);border-radius:var(--radius-m);background:0 0;border:none;place-items:center;display:grid;position:absolute;inset-inline-start:4px}.view-header{padding-inline-start:50px}.stage-header{padding-inline-start:38px}.stage-panel{z-index:20;position:fixed;inset:0}.stage-main{padding:6px 8px 8px}.filmstrip{justify-content:flex-start;height:84px}.filmstrip .tile{width:150px}.tile-grid{flex-flow:column;place-content:stretch flex-start;overflow-y:auto;container-type:normal}.tile-grid>.tile{width:100%}.control{width:44px}.control[data-testid=disconnect]{width:52px;height:44px}.call-controls{gap:4px}.composer{margin:0 8px 2px}.message{padding-inline-end:16px}.friends-list{padding:12px}.header-divider,.friends-view .view-header h1{display:none}.settings-screen .dialog-card{flex-direction:column}.settings-nav{max-height:calc(38 * var(--vh));flex:none;justify-content:flex-start}.settings-nav-inner{width:100%;padding:16px 12px}.settings-content{padding:20px 16px 96px}.settings-close{top:12px;inset-inline-end:12px}.settings-close span{display:none}}@media (hover:none){.message-actions{opacity:1;pointer-events:auto;width:fit-content;box-shadow:none;margin-block:4px 0;margin-inline:56px 0;position:static;transform:none}.tile-actions{opacity:1;transform:none}.icon-button{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[dir=rtl]{--font:"Yekan Bakh FaNum", "Figtree Variable", "Segoe UI", Tahoma, system-ui, sans-serif;--slider-dir:to left}[dir=rtl] body{line-height:1.6}[dir=rtl] [dir=ltr]{font-family:Figtree Variable,Segoe UI,system-ui,sans-serif}[dir=rtl] *{letter-spacing:0!important}[dir=rtl] .field-error,[dir=rtl] em{font-style:normal}[dir=rtl] .mirror-rtl{transform:scaleX(-1)}[dir=rtl] .mic-meter-bar{transform-origin:100%}[dir=rtl] .message.mentions-me{box-shadow:inset -2px 0 0 var(--idle)}[dir=rtl] .toast-error{box-shadow:var(--shadow-float), inset -3px 0 0 var(--red)}[dir=rtl] .menu{transform-origin:100% 0}.truncate{unicode-bidi:isolate}@container app (width<=860px){[dir=rtl] .nav{transform:translate(100%)}[dir=rtl] .nav-open .nav{transform:none}}.template-row:first-child{--tone:var(--c-pink)}.template-row:nth-child(2){--tone:var(--c-violet)}.template-row:nth-child(3){--tone:var(--c-amber)}.template-row:nth-child(4){--tone:var(--c-sky)}.choice-card:first-child .choice-icon{color:var(--c-sky)}.choice-card:nth-child(2) .choice-icon{color:var(--c-emerald)}.message.is-pending .message-text{animation:pending-fade .2s .4s var(--ease) forwards}@keyframes pending-fade{to{opacity:.55}}.avatar-image,.rail-icon{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar-image{border-radius:50%}.rail-face:has(.rail-icon){padding:0;overflow:hidden}.invite-icon{overflow:hidden}.invite-icon img{object-fit:cover;width:100%;height:100%}.group-icon{background:var(--bg-secondary);color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.sidebar-banner{object-fit:cover;border-bottom:1px solid var(--line);flex:none;width:100%;height:96px}.category-row{padding-top:0}.category-row .category-static{flex:1}.category-row .category-add{margin-top:10px;margin-inline-end:8px}.voice-limit{background:var(--bg-active);border-radius:var(--radius-s);color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding:0 6px;font-size:11px;font-weight:600}.timeout-mark{vertical-align:-2px;color:var(--c-amber);margin-inline-start:4px}.menu-heading{border-top:1px solid var(--line);color:var(--muted);padding:6px 8px 2px;font-size:12px;font-weight:600;display:block}.header-divider+.view-topic{min-width:0;color:var(--muted);flex:0 auto;font-size:13px}.message-body{position:relative}.pinned-mark{top:4px;color:var(--muted);position:absolute;inset-inline-end:8px}.message-text blockquote{border-inline-start:3px solid var(--line-strong);color:var(--muted);white-space:pre-wrap;margin:4px 0;padding-inline-start:10px}.message-text ul,.message-text ol{white-space:normal;margin:4px 0;padding-inline-start:22px}.message-text ul{list-style:outside}.message-text ol{list-style:decimal}.message-text s{color:var(--muted)}.spoiler{background:var(--bg-secondary);border-radius:var(--radius-s);color:inherit;font:inherit;border:none;padding:0 4px}button.spoiler{color:#0000;cursor:pointer}button.spoiler *{visibility:hidden}button.spoiler:hover{background:var(--bg-secondary-hover)}.spoiler.is-shown{background:var(--bg-active)}.message.is-blocked{color:var(--muted);align-items:center;gap:8px;padding:4px 16px;font-size:13px;display:flex}.link-preview-slot{min-height:1px}.link-preview{background:var(--bg-tile);border:1px solid var(--line);border-inline-start:3px solid var(--line-strong);border-radius:var(--radius-m);flex-direction:column;gap:2px;width:fit-content;max-width:min(460px,100%);margin-top:6px;padding:10px 12px;display:flex}.link-preview small{color:var(--muted)}.link-preview a{color:var(--link);overflow-wrap:anywhere;font-weight:600}.link-preview p{color:var(--text-2);font-size:13px;line-height:1.45}button.attachment-image{cursor:zoom-in;background:0 0;border:none;padding:0}.image-viewer .dialog-card{width:auto;max-width:min(calc(92 * var(--vw)), 1400px);max-height:calc(92 * var(--vh));box-shadow:none;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.image-viewer img{max-width:100%;min-height:0;max-height:calc(calc(92 * var(--vh)) - 48px);object-fit:contain;border-radius:var(--radius-m)}.dialog.image-viewer{background:#000000d9;place-items:center;padding:16px;display:grid}.image-viewer-bar{color:#e4e4e7;justify-content:space-between;align-items:center;gap:12px;display:flex}.image-viewer-bar a{color:#e4e4e7;font-size:13px}.image-viewer-bar .icon-button{color:#e4e4e7}.menu:has(.emoji-picker){width:auto;max-width:none}.emoji-picker{width:328px;height:380px;max-width:calc(calc(100 * var(--vw)) - 32px);flex-direction:column;gap:8px;padding:4px;display:flex}.emoji-tabs{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;padding-bottom:6px;display:flex}.emoji-tabs button{border-radius:var(--radius-s);width:30px;height:30px;color:var(--muted);transition:background var(--fast), color var(--fast);background:0 0;border:none;place-items:center;padding:0;display:grid}.emoji-tabs button:hover{background:var(--bg-hover);color:var(--text)}.emoji-tabs button.is-active{background:var(--bg-active);color:var(--text)}.emoji-scroll{flex:1;min-height:0;overflow-y:auto}.emoji-grid-full{grid-template-columns:repeat(8,1fr);gap:1px;display:grid}.emoji-grid-full .emoji-choice{width:100%;height:38px}.emoji-empty{color:var(--muted);text-align:center;padding:24px 8px}.emoji-more{color:var(--muted);place-items:center;display:grid}.composer{position:relative}.mention-list{inset-inline:0;z-index:var(--z-menu);background:var(--bg-menu);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-float);margin-bottom:8px;padding:8px;position:absolute;bottom:100%}.mention-option{border-radius:var(--radius-s);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-option.is-cursor{background:var(--bg-active)}.mention-option strong{font-weight:600}.mention-option small{color:var(--muted);margin-inline-start:auto}.mention-glyph{background:var(--bg-secondary);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.result-empty{color:var(--muted);text-align:center;padding:24px 8px}.result-list{max-height:calc(50 * var(--vh));flex-direction:column;gap:4px;display:flex;overflow-y:auto}.result-row{align-items:flex-start;gap:4px;display:flex}.result-open{border-radius:var(--radius-m);min-width:0;color:inherit;text-align:start;transition:background var(--fast);background:0 0;border:none;flex:1;gap:10px;padding:8px;display:flex}.result-open:hover{background:var(--bg-hover)}.result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.result-meta{color:var(--muted);font-size:12px}.result-meta strong{color:var(--text);font-size:14px}.result-text .message-text{max-height:96px;display:block;overflow:hidden}.report-list{flex-direction:column;gap:12px;display:flex}.report-row{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);flex-direction:column;gap:8px;padding:12px;display:flex}.report-row small{color:var(--muted)}.report-actions{gap:8px;display:flex}.mini-banner.is-image{object-fit:cover;opacity:1;width:100%}.profile-status{font-weight:500}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.role-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.role-chip{background:var(--bg-active);border-radius:var(--radius-s);align-items:center;gap:5px;padding:1px 7px;font-size:12px;font-weight:500;display:inline-flex}.role-chip i,.role-dot{border-radius:50%;flex:none;width:10px;height:10px}.role-dot{width:14px;height:14px}.profile-banner.is-image{object-fit:cover;opacity:1;width:100%;display:block}.profile-banner-wrap,.server-banner-edit{position:relative}.picture-actions{top:8px;gap:4px;display:flex;position:absolute;inset-inline-end:8px}.image-pick{color:#fff;width:30px;height:30px;transition:background var(--fast);background:#09090bb8;border:1px solid #ffffff24;border-radius:50%;place-items:center;padding:0;display:grid}.image-pick:hover{background:var(--bg-secondary-hover)}.profile-avatar,.server-icon-edit{position:relative}.avatar-pick{bottom:2px;width:26px;height:26px;position:absolute;inset-inline-end:2px}.server-pictures{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.server-icon-edit{flex-direction:column;align-items:center;gap:6px;display:flex}.server-icon-preview{background:var(--bg-tile);border:1px solid var(--line-strong);border-radius:20px;place-items:center;width:88px;height:88px;font-size:28px;font-weight:700;display:grid;overflow:hidden}.server-icon-preview img{object-fit:cover;width:100%;height:100%}.server-icon-edit .avatar-pick{top:62px;bottom:auto;inset-inline-end:-6px}.server-banner-edit{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-m);min-width:220px;min-height:88px;color:var(--muted);flex:1;place-items:center;font-size:13px;display:grid;overflow:hidden}.server-banner-edit>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.settings-section{margin-top:12px}.settings-section-head{background:var(--bg-tile);border-radius:var(--radius-s);align-items:center;gap:4px;padding:8px;display:flex}.settings-section-head h3{color:var(--text-2);flex:1;font-size:13px;font-weight:600}.settings-meta{color:var(--muted);font-size:12px}.settings-note{color:var(--muted);font-size:14px}.settings-list code{font:13px var(--font-mono);flex:1}.icon-button:disabled{opacity:.3;pointer-events:none}.align-start{align-self:flex-start}.link-button.is-danger{color:var(--red-bright)}.auth-forgot{margin:-4px 0 12px;font-size:13px}.pick-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.pick-row{border-radius:var(--radius-m);width:100%;color:inherit;text-align:start;transition:background var(--fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px;display:flex}.pick-row:hover{background:var(--bg-hover)}.pick-row .truncate{flex:1;font-weight:500}.pick-box{border:1px solid var(--line-strong);border-radius:var(--radius-s);place-items:center;width:20px;height:20px;display:grid}.pick-row.is-on .pick-box{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tile-watch{background:#09090b8c;place-items:center;display:grid;position:absolute;inset:0}.tile-watch .button{align-items:center;gap:6px;display:inline-flex}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-rail:#121214;--bg-side:#121214;--bg-panel:#121214;--bg-main:#1a1a1e;--bg-chat-input:#242429;--bg-input:#0000001f;--bg-float:#242429;--bg-menu:#28282d;--bg-stage:#070709;--bg-tile:#202024;--bg-hover:#97979f1f;--bg-active:#97979f29;--bg-selected:#97979f33;--bg-secondary:#97979f1f;--bg-secondary-hover:#97979f29;--bg-attachment-hover:#97979f1f;--track:#474851;--switch-off:#474851;--icon-faint:#4f505a;--line:#97979f1f;--line-strong:#97979f33;--input-border:#97979f33;--dot:#97979f33;--text:#fbfbfb;--text-2:#efeff1;--muted:#96979e;--subtle:#abacb2;--accent:#5865f2;--accent-hover:#4452bb;--accent-pressed:#3a48a3;--accent-soft:#5865f229;--accent-text:#fbfbfb;--on-accent:#fff;--green:#008545;--green-hover:#006c37;--link:#4d96ee;--link-soft:#4d96ee29;--mention-bg:#5865f23d;--mention-fg:#a9bbff;--focus:#6aa8f4;--live:#5eb479;--online:#3d9e60;--idle:#ffcb6e;--dnd:#dc4247;--saffron:#ea9800;--saffron-soft:#f8a30014;--c-sky:#38bdf8;--c-emerald:#34d399;--c-amber:#fbbf24;--c-violet:#a78bfa;--c-pink:#f472b6;--red:#d22d39;--red-hover:#a9232e;--red-bright:#f87e7a;--scrim:#000000b8;--shadow-float:0 8px 16px #00000080;--shadow-high:0 12px 36px #00000080}[data-theme=ash]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-rail:#2c2d32;--bg-side:#2c2d32;--bg-panel:#2c2d32;--bg-main:#323339;--bg-chat-input:#393a41;--bg-input:#00000014;--bg-float:#393a41;--bg-menu:#3c3d45;--bg-stage:#25262a;--bg-tile:#36373e;--bg-hover:#97979f1f;--bg-active:#97979f29;--bg-selected:#97979f33;--bg-secondary:#97979f1f;--bg-secondary-hover:#97979f29;--bg-attachment-hover:#97979f1f;--track:#595a63;--switch-off:#595a63;--icon-faint:#4f505a;--line:#97979f1f;--line-strong:#97979f33;--input-border:#97979f33;--dot:#97979f33;--text:#fff;--text-2:#f3f3f4;--muted:#abacb2;--subtle:#c5c6ca;--accent:#5865f2;--accent-hover:#4452bb;--accent-pressed:#3a48a3;--accent-soft:#5865f229;--accent-text:#fff;--on-accent:#fff;--green:#008545;--green-hover:#006c37;--link:#76aff6;--link-soft:#76aff629;--mention-bg:#5865f23d;--mention-fg:#cdd7ff;--focus:#6aa8f4;--live:#7ecb94;--online:#3d9e60;--idle:#ffcb6e;--dnd:#dc4247;--saffron:#fcb529;--saffron-soft:#f8a30014;--c-sky:#38bdf8;--c-emerald:#34d399;--c-amber:#fbbf24;--c-violet:#a78bfa;--c-pink:#f472b6;--red:#d22d39;--red-hover:#a9232e;--red-bright:#ffa09b;--scrim:#000000b8;--shadow-float:0 8px 16px #00000073;--shadow-high:0 12px 36px #00000073}[data-theme=onyx]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-rail:#000;--bg-side:#000;--bg-panel:#000;--bg-main:#000;--bg-chat-input:#131416;--bg-input:#0000001f;--bg-float:#0a0a0c;--bg-menu:#121214;--bg-stage:#000;--bg-tile:#0a0a0c;--bg-hover:#97979f1f;--bg-active:#97979f33;--bg-selected:#97979f3d;--bg-secondary:#97979f1f;--bg-secondary-hover:#97979f33;--bg-attachment-hover:#97979f1f;--track:#383940;--switch-off:#383940;--icon-faint:#4f505a;--line:#97979f33;--line-strong:#97979f3d;--input-border:#97979f3d;--dot:#97979f33;--text:#dcdcdf;--text-2:#d4d5d8;--muted:#81828a;--subtle:#96979e;--accent:#5865f2;--accent-hover:#4452bb;--accent-pressed:#3a48a3;--accent-soft:#5865f229;--accent-text:#dcdcdf;--on-accent:#fff;--green:#008545;--green-hover:#006c37;--link:#2781e7;--link-soft:#2781e72e;--mention-bg:#5865f23d;--mention-fg:#8ca0fd;--focus:#6aa8f4;--live:#41a063;--online:#3d9e60;--idle:#ffcb6e;--dnd:#dc4247;--saffron:#ce8100;--saffron-soft:#f8a30014;--c-sky:#38bdf8;--c-emerald:#34d399;--c-amber:#fbbf24;--c-violet:#a78bfa;--c-pink:#f472b6;--red:#d22d39;--red-hover:#a9232e;--red-bright:#eb5f5e;--scrim:#000000b8;--shadow-float:0 8px 16px #0009;--shadow-high:0 12px 36px #0009}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-rail:#f3f3f4;--bg-side:#f3f3f4;--bg-panel:#f3f3f4;--bg-main:#fbfbfb;--bg-chat-input:#f3f3f4;--bg-input:#00000005;--bg-float:#fff;--bg-menu:#fff;--bg-stage:#e8e8ea;--bg-tile:#f3f3f4;--bg-hover:#97979f1f;--bg-active:#97979f29;--bg-selected:#97979f3d;--bg-secondary:#97979f1f;--bg-secondary-hover:#97979f29;--bg-attachment-hover:#97979f1f;--track:#c5c6ca;--switch-off:#97979f;--icon-faint:#c9cace;--line:#97979f47;--line-strong:#97979f66;--input-border:#97979f66;--dot:#97979f33;--text:#28282d;--text-2:#2e2e34;--muted:#6c6d76;--subtle:#595a63;--accent:#5865f2;--accent-hover:#4452bb;--accent-pressed:#3a48a3;--accent-soft:#5865f229;--accent-text:#28282d;--on-accent:#fff;--green:#008545;--green-hover:#006c37;--link:#006dd4;--link-soft:#006dd424;--mention-bg:#5865f23d;--mention-fg:#2e3c88;--focus:#408eec;--live:#01713a;--online:#01783e;--idle:#faaa00;--dnd:#d22d39;--saffron:#945300;--saffron-soft:#f8a30014;--c-sky:#0284c7;--c-emerald:#059669;--c-amber:#b45309;--c-violet:#7c3aed;--c-pink:#db2777;--red:#d22d39;--red-hover:#a9232e;--red-bright:#b92733;--scrim:#00000085;--shadow-float:0 8px 16px #0000002e;--shadow-high:0 12px 36px #0000002e}[data-color=aurora]{--app-gradient:linear-gradient(239.16deg, #062053 10.39%, #191fbb 26.87%, #13929a 48.31%, #218573 64.98%, #051a81 92.5%);--bg-rail:#0000009e;--bg-side:#0000008a;--bg-panel:#0000008a;--bg-main:#0006;--bg-chat-input:#20232f;--bg-input:#0003;--bg-float:#20232f;--bg-menu:#262b37;--bg-stage:#0000008a;--bg-tile:#0000007a;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=blurple-twilight]{--app-gradient:linear-gradient(47.61deg, #2c3fe7 11.18%, #261d83 64.54%);--bg-rail:#00000080;--bg-side:#0000006b;--bg-panel:#0000006b;--bg-main:#00000047;--bg-chat-input:#252844;--bg-input:#0003;--bg-float:#252844;--bg-menu:#2c304f;--bg-stage:#0000006b;--bg-tile:#0000005c;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=chroma-glow]{--app-gradient:linear-gradient(128.92deg, #0eb5bf 3.94%, #4c0ce0 26.1%, #a308a7 39.82%, #9a53ff 56.89%, #218be0 76.45%);--bg-rail:#000000b8;--bg-side:#000000a3;--bg-panel:#000000a3;--bg-main:#00000080;--bg-chat-input:#21383e;--bg-input:#0003;--bg-float:#21383e;--bg-menu:#274349;--bg-stage:#000000a3;--bg-tile:#00000094;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=citrus-sherbert]{--app-gradient:linear-gradient(180deg, #f3b336 31.1%, #ee8558 67.09%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#fef7eb;--bg-input:#ffffff80;--bg-float:#fef7eb;--bg-menu:#fefaf1;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=cotton-candy]{--app-gradient:linear-gradient(180.14deg, #f4abb8 8.5%, #b1c2fc 94.28%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#fef7f8;--bg-input:#ffffff80;--bg-float:#fef7f8;--bg-menu:#fef9fa;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=crimson-moon]{--app-gradient:linear-gradient(64.92deg, #950909 16.17%, #000 72%);--bg-rail:#00000080;--bg-side:#0000006b;--bg-panel:#0000006b;--bg-main:#00000047;--bg-chat-input:#342025;--bg-input:#0003;--bg-float:#342025;--bg-menu:#3d272b;--bg-stage:#0000006b;--bg-tile:#0000005c;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=desert-khaki]{--app-gradient:linear-gradient(38.99deg, #e7dbd0 12.92%, #dfd0b2 32.92%, #e0d6a3 52.11%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#fdfbfa;--bg-input:#ffffff80;--bg-float:#fdfbfa;--bg-menu:#fdfcfc;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=forest]{--app-gradient:linear-gradient(162.27deg, #142215 11.2%, #2d4d39 29.93%, #454c32 48.64%, #5a7c58 67.85%, #a98e4b 83.54%);--bg-rail:#000000a8;--bg-side:#00000094;--bg-panel:#00000094;--bg-main:#00000070;--bg-chat-input:#222426;--bg-input:#0003;--bg-float:#222426;--bg-menu:#282b2d;--bg-stage:#00000094;--bg-tile:#00000085;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=hanami]{--app-gradient:linear-gradient(38.08deg, #efaab3 3.56%, #efd696 35.49%, #a6daa2 68.78%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#fdf6f7;--bg-input:#ffffff80;--bg-float:#fdf6f7;--bg-menu:#fef9fa;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=lofi-vibes]{--app-gradient:linear-gradient(179.52deg, #a4c0f7 7.08%, #a9e4e8 34.94%, #b0e2b8 65.12%, #cfdfa2 96.23%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#f6f9fe;--bg-input:#ffffff80;--bg-float:#f6f9fe;--bg-menu:#f9fbfe;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=mars]{--app-gradient:linear-gradient(170.82deg, #895240 14.61%, #8f4343 74.62%);--bg-rail:#00000080;--bg-side:#0000006b;--bg-panel:#0000006b;--bg-main:#00000047;--bg-chat-input:#322a2c;--bg-input:#0003;--bg-float:#322a2c;--bg-menu:#3b3334;--bg-stage:#0000006b;--bg-tile:#0000005c;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=midnight-blurple]{--app-gradient:linear-gradient(48.17deg, #5348ca 11.21%, #140730 61.92%);--bg-rail:#00000080;--bg-side:#0000006b;--bg-panel:#0000006b;--bg-main:#00000047;--bg-chat-input:#2b2940;--bg-input:#0003;--bg-float:#2b2940;--bg-menu:#32314a;--bg-stage:#0000006b;--bg-tile:#0000005c;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=mint-apple]{--app-gradient:linear-gradient(180deg, #56b69f 6.15%, #63bc61 48.7%, #9eca67 93.07%);--bg-rail:#ffffffa3;--bg-side:#ffffff8f;--bg-panel:#ffffff8f;--bg-main:#ffffff6b;--bg-chat-input:#eef8f5;--bg-input:#ffffff80;--bg-float:#eef8f5;--bg-menu:#f3faf8;--bg-stage:#ffffff8f;--bg-tile:#ffffff80;--muted:#44454c;--subtle:#44454c}[data-color=neon-nights]{--app-gradient:linear-gradient(180deg, #01a89e 0%, #7d60ba 50%, #b43898 100%);--bg-rail:#000000ad;--bg-side:#0009;--bg-panel:#0009;--bg-main:#00000075;--bg-chat-input:#1f3639;--bg-input:#0003;--bg-float:#1f3639;--bg-menu:#254143;--bg-stage:#0009;--bg-tile:#0000008a;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=retro-raincloud]{--app-gradient:linear-gradient(148.71deg, #3a7ca1 5.64%, #7f7eb9 26.38%, #7f7eb9 49.92%, #3a7ca1 73.12%);--bg-rail:#ffffffb3;--bg-side:#ffffff9e;--bg-panel:#ffffff9e;--bg-main:#ffffff7a;--bg-chat-input:#ebf2f6;--bg-input:#ffffff80;--bg-float:#ebf2f6;--bg-menu:#f1f6f8;--bg-stage:#ffffff9e;--bg-tile:#ffffff8f;--muted:#44454c;--subtle:#44454c}[data-color=retro-storm]{--app-gradient:linear-gradient(148.71deg, #3a7ca1 5.64%, #58579a 26.38%, #58579a 49.92%, #3a7ca1 73.12%);--bg-rail:#0000008a;--bg-side:#00000075;--bg-panel:#00000075;--bg-main:#00000052;--bg-chat-input:#27303a;--bg-input:#0003;--bg-float:#27303a;--bg-menu:#2e3a44;--bg-stage:#00000075;--bg-tile:#0006;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=sepia]{--app-gradient:linear-gradient(69.98deg, #857664 14.14%, #5b4421 60.35%);--bg-rail:#0000008a;--bg-side:#00000075;--bg-panel:#00000075;--bg-main:#00000052;--bg-chat-input:#322f31;--bg-input:#0003;--bg-float:#322f31;--bg-menu:#3a393a;--bg-stage:#00000075;--bg-tile:#0006;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=strawberry-lemonade]{--app-gradient:linear-gradient(161.03deg, #af1a6c 18.79%, #c26b20 49.76%, #e7a525 80.72%);--bg-rail:#000000c2;--bg-side:#000000ad;--bg-panel:#000000ad;--bg-main:#0000008a;--bg-chat-input:#372332;--bg-input:#0003;--bg-float:#372332;--bg-menu:#412a3b;--bg-stage:#000000ad;--bg-tile:#0000009e;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=sunrise]{--app-gradient:linear-gradient(154.19deg, #9f4175 8.62%, #c49064 48.07%, #a6953d 76.04%);--bg-rail:#ffffffc2;--bg-side:#ffffffad;--bg-panel:#ffffffad;--bg-main:#ffffff8a;--bg-chat-input:#f5ecf1;--bg-input:#ffffff80;--bg-float:#f5ecf1;--bg-menu:#f8f2f5;--bg-stage:#ffffffad;--bg-tile:#ffffff9e;--muted:#44454c;--subtle:#44454c}[data-color=sunset]{--app-gradient:linear-gradient(141.68deg, #48288c 27.57%, #db7f4b 71.25%);--bg-rail:#000000ad;--bg-side:#0009;--bg-panel:#0009;--bg-main:#00000075;--bg-chat-input:#292537;--bg-input:#0003;--bg-float:#292537;--bg-menu:#302c40;--bg-stage:#0009;--bg-tile:#0000008a;--muted:#c5c6ca;--subtle:#c5c6ca}[data-color=under-the-sea]{--app-gradient:linear-gradient(179.14deg, #647962 1.91%, #588575 48.99%, #6a8482 96.35%);--bg-rail:#00000094;--bg-side:#00000080;--bg-panel:#00000080;--bg-main:#0000005c;--bg-chat-input:#2d3031;--bg-input:#0003;--bg-float:#2d3031;--bg-menu:#35393a;--bg-stage:#00000080;--bg-tile:#00000070;--muted:#c5c6ca;--subtle:#c5c6ca}.appearance-row{flex-wrap:wrap;gap:16px;display:flex}.theme-swatch{width:72px;color:var(--subtle);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:500;display:flex}.theme-circle{border:1px solid var(--line-strong);width:64px;height:64px;transition:box-shadow var(--fast) var(--ease);border-radius:50%;display:block;position:relative}.theme-swatch:hover .theme-circle{box-shadow:0 0 0 2px var(--line-strong)}.theme-swatch[aria-checked=true]{color:var(--text)}.theme-swatch[aria-checked=true] .theme-circle{box-shadow:0 0 0 2px var(--accent)}.theme-check{top:-2px;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;inset-inline-end:-2px}.theme-sync{background:var(--bg-tile);color:var(--text-2);place-items:center;display:grid}.scale-row{align-items:center;gap:12px;display:flex}.scale-row .slider{flex:1}.scale-value{min-width:52px;color:var(--text);font-variant-numeric:tabular-nums;text-align:end;flex:none;font-weight:500}.call-notice{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding-block:6px;display:flex}.call-notice time{font-size:12px}.call-notice-icon{width:40px;color:var(--online);flex:none;justify-content:center;display:flex}.call-notice-icon.is-missed{color:var(--red-bright)}.splash-tip{flex-direction:column;gap:8px;max-width:460px;min-height:96px;display:flex}.splash-tip strong{color:var(--text);font-size:14px;font-weight:600}.splash-tip p{line-height:1.5}.splash-offline{flex-direction:column;align-items:center;gap:12px;max-width:460px;display:flex}.splash-offline svg{color:var(--saffron)}.splash-offline h1{color:var(--text);font-size:24px;font-weight:600}.splash-slow{color:var(--muted);font-size:14px}.connection-banner{z-index:var(--z-toast);inset-inline-start:50%;max-width:calc(100 * var(--vw) - 32px);background:var(--red);color:#fff;box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:500;display:flex;position:fixed;top:8px;translate:-50%}.connection-banner.is-reconnecting{background:var(--bg-menu);color:var(--text);border:1px solid var(--line)}