:root{--accent: #5865f2;--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--bg-rail: #1e1f22;--bg-side: #2b2d31;--bg-main: #313338;--bg-input: #383a40;--bg-float: #111214;--bg-hover: rgba(78, 80, 88, .3);--bg-active: rgba(78, 80, 88, .6);--bg-msg-hover: rgba(2, 2, 2, .06);--text: #dbdee1;--text-strong: #f2f3f5;--muted: #949ba4;--faint: #6d6f78;--border: rgba(255, 255, 255, .06);--danger: #f23f43;--ok: #23a55a;--mention-bg: rgba(250, 168, 26, .08);--mention-bar: #f0b232;--code-bg: #2b2d31;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--radius: 8px;--wow-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55 0.008' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.1 0 0 0 -0.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");font-family:Inter,gg sans,Noto Sans,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;color:var(--text);background:var(--bg-main)}[data-theme=amoled]{--bg-rail: #000;--bg-side: #0a0a0b;--bg-main: #000;--bg-input: #141416;--bg-float: #0d0d0f;--code-bg: #111214}[data-theme=randir]{--bg-rail: #0d1122;--bg-side: #141a31;--bg-main: #1a2140;--bg-input: #232b4f;--bg-float: #0b0f1f;--bg-hover: rgba(201, 168, 106, .1);--bg-active: rgba(201, 168, 106, .2);--bg-msg-hover: rgba(201, 168, 106, .04);--text: #e4dac6;--text-strong: #f2e8d5;--muted: #a89f8c;--faint: #7d7766;--border: rgba(201, 168, 106, .14);--mention-bg: rgba(236, 150, 35, .1);--mention-bar: #ec9623;--code-bg: #111730;--shadow: 0 8px 28px rgba(0, 0, 0, .5)}[data-theme=randir] .sidebar-header,[data-theme=randir] .chat-title,[data-theme=randir] .modal-head h2,[data-theme=randir] .channel-welcome h1,[data-theme=randir] .settings-section h3,[data-theme=randir] .event-title{font-family:Cormorant,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.02em}[data-theme=randir] .sidebar-header,[data-theme=randir] .chat-title{font-size:18px;color:#e9c98c}[data-theme=randir] .modal-head h2,[data-theme=randir] .channel-welcome h1{color:#e9c98c}[data-theme=randir] .modal{border:1px solid rgba(201,168,106,.35)}[data-theme=randir] .btn.primary{color:#1a1408}[data-theme=randir] .event-card{border-left-color:var(--accent)}[data-theme=wow]{--wow-gold: #ffd100;--wow-frame: #7a5c32;--wow-frame-hi: #f3d48a;--wow-wood: var(--wow-grain), linear-gradient(180deg, #2a1a0e, #170e07);--bg-rail: #0f0905;--bg-side: #1d120a;--bg-main: #22160c;--bg-input: #0c0704;--bg-float: #170e07;--bg-hover: rgba(233, 196, 106, .08);--bg-active: rgba(233, 196, 106, .16);--bg-msg-hover: rgba(255, 209, 0, .035);--text: #eadcc0;--text-strong: #fff3d6;--muted: #b09a76;--faint: #8c7553;--border: rgba(233, 196, 106, .16);--mention-bg: rgba(244, 140, 186, .08);--mention-bar: #f48cba;--code-bg: #110a05;--shadow: 0 10px 30px rgba(0, 0, 0, .65);--radius: 6px}[data-theme=wow] .rail{background:var(--wow-grain),#0d0804;box-shadow:inset -1px 0 #7a5c3280}[data-theme=wow] .sidebar,[data-theme=wow] .members{background:var(--wow-wood);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #7a5c328c}[data-theme=wow] .chat{background:linear-gradient(#1c120999,#1c120999),var(--wow-grain),radial-gradient(ellipse at 50% 0,#2f1e10,#1a1008 75%)}[data-theme=wow] .chat-header{border-bottom:1px solid #000;box-shadow:0 1px #7a5c328c}[data-theme=wow] .user-panel{background:#080502bf;border-top:1px solid rgba(122,92,50,.55)}[data-theme=wow] .sidebar-header,[data-theme=wow] .chat-title,[data-theme=wow] .modal-head h2,[data-theme=wow] .channel-welcome h1,[data-theme=wow] .settings-section h3,[data-theme=wow] .event-title,[data-theme=wow] .members-title,[data-theme=wow] .category-name,[data-theme=wow] .dm-section,[data-theme=wow] .channel,[data-theme=wow] .msg-author,[data-theme=wow] .btn{font-family:Philosopher,Trebuchet MS,sans-serif}[data-theme=wow] .sidebar-header,[data-theme=wow] .chat-title,[data-theme=wow] .modal-head h2,[data-theme=wow] .channel-welcome h1,[data-theme=wow] .settings-section h3,[data-theme=wow] .event-title{color:var(--wow-gold);font-weight:700;text-shadow:0 1px 2px #000}[data-theme=wow] .sidebar-header,[data-theme=wow] .chat-title{font-size:17px}[data-theme=wow] .members-title,[data-theme=wow] .category-name,[data-theme=wow] .dm-section{color:#c8a464;letter-spacing:.06em}[data-theme=wow] .msg-author{color:var(--wow-gold);font-size:16px;text-shadow:0 1px 1px #000}[data-theme=wow] .mention{background:#f48cba24;color:#f7a8cc}[data-theme=wow] .channel{border:1px solid transparent;color:#bba57f;font-size:15px}[data-theme=wow] .channel:hover,[data-theme=wow] .member:hover{background:linear-gradient(180deg,#5c3e2180,#26180c80);border-color:#7a5c32b3;color:var(--text-strong)}[data-theme=wow] .member{border:1px solid transparent}[data-theme=wow] .channel.active{background:linear-gradient(180deg,#6e4b2a,#3a2614);border-color:var(--wow-frame-hi);color:var(--wow-gold);text-shadow:0 1px 1px #000;box-shadow:0 0 6px #ffd67880,inset 0 0 10px #ffdc9633}[data-theme=wow] .channel.unread{color:var(--wow-gold)}[data-theme=wow] .rail-server.active{box-shadow:0 0 0 2px var(--wow-frame-hi),0 0 10px #ffd10073}[data-theme=wow] .btn{background:linear-gradient(180deg,#3a2716,#1f140a);border:1px solid #6d5230;color:#f0dfb8;box-shadow:inset 0 1px #ffdca01f}[data-theme=wow] .btn:hover:not(:disabled){background:linear-gradient(180deg,#4a321c,#26180c);border-color:#c9a350}[data-theme=wow] .btn.primary{background:linear-gradient(180deg,#b8180f,#7d0a05 55%,#4b0302);border:1px solid #d9b25c;color:var(--wow-gold);text-shadow:0 1px 1px #000;box-shadow:0 0 0 1px #1c0601,inset 0 1px #ffb48c59,0 2px 4px #0009}[data-theme=wow] .btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#d0231a,#92100a 55%,#5a0503);filter:none}[data-theme=wow] .btn.danger{border:1px solid #d9b25c}[data-theme=wow] .composer,[data-theme=wow] .header-search,[data-theme=wow] .dm-search input,[data-theme=wow] .person-search{background:#0a0603;border:1px solid #4f3b20;box-shadow:inset 0 1px 3px #000}[data-theme=wow] .composer:focus-within,[data-theme=wow] .header-search:focus-within,[data-theme=wow] .dm-search input:focus{border-color:#a8843f}[data-theme=wow] .modal{background:var(--wow-wood);border:1px solid var(--wow-frame);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #f3d48a40,var(--shadow)}[data-theme=wow] .event-card{border-left-color:var(--wow-gold)}[data-theme=wow] ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#5a4326,#b8924c,#5a4326)}[data-theme=light]{--bg-rail: #e3e5e8;--bg-side: #f2f3f5;--bg-main: #ffffff;--bg-input: #ebedef;--bg-float: #ffffff;--bg-hover: rgba(116, 127, 141, .16);--bg-active: rgba(116, 127, 141, .3);--bg-msg-hover: rgba(6, 6, 7, .03);--text: #313338;--text-strong: #060607;--muted: #5c5e66;--faint: #80848e;--border: rgba(0, 0, 0, .08);--code-bg: #f2f3f5;--shadow: 0 8px 24px rgba(0, 0, 0, .15)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-main);overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:disabled{cursor:default;opacity:.6}input,textarea,select{font:inherit;color:var(--text)}a{color:#00a8fc;text-decoration:none}a:hover{text-decoration:underline}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600;color:var(--text-strong)}.big{font-size:20px}.italic{font-style:italic}.spacer{flex:1}.clickable{cursor:pointer}.center{display:flex;align-items:center;justify-content:center}.splash{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:var(--bg-hover);color:var(--text-strong)}.icon-btn.danger:hover{color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;background:var(--bg-input);color:var(--text-strong);font-weight:500;transition:background .15s}.btn:hover:not(:disabled){background:var(--bg-active)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(.92)}.btn.danger{background:var(--danger);color:#fff}.btn.danger-outline{border:1px solid var(--danger);color:var(--danger);background:transparent}.btn.danger-outline:hover{background:var(--danger);color:#fff}.btn.wide{width:100%;justify-content:center;padding:11px}.link{color:#00a8fc}.link:hover{text-decoration:underline}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin-bottom:14px}label .muted{text-transform:none;font-weight:400}label.checkbox{flex-direction:row;align-items:center;text-transform:none;font-size:14px;font-weight:400;color:var(--text)}label input:not([type=checkbox]),label select,label textarea{text-transform:none;font-weight:400;letter-spacing:0;font-size:15px;background:var(--bg-rail);border:none;border-radius:4px;padding:10px;outline:none;color:var(--text-strong)}[data-theme=light] label input:not([type=checkbox]),[data-theme=light] label select,[data-theme=light] label textarea{background:var(--bg-input)}label input:focus,label select:focus,label textarea:focus{box-shadow:0 0 0 2px var(--accent)}.field-error,.form-error{color:var(--danger);font-size:13px;text-transform:none;font-weight:400}.form-error{margin-bottom:12px}.auth-bg{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:#0d1122;overflow:auto;isolation:isolate}.auth-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 2.5s ease,transform 14s linear}.auth-art.shown{opacity:1;transform:scale(1.12)}.auth-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at center,#0d112226,#0d1122bf),linear-gradient(#00000040,#00000073)}.auth-card{width:100%;max-width:440px;background:#141a31d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(201,168,106,.45);border-radius:12px;padding:28px 32px 32px;box-shadow:0 16px 48px #0000008c;color:#e4dac6;--text-strong: #f2e8d5;--muted: #a89f8c;--bg-rail: #0d1122;--bg-input: #232b4f;--accent: #c9a86a}.auth-server-name{text-align:center;font-family:Cormorant,Georgia,serif;font-weight:700;font-size:34px;line-height:1.1;color:#ec9623;margin-bottom:6px}.auth-card h1{margin:0 0 4px;text-align:center;color:var(--text-strong);font-family:Cormorant,Georgia,serif;font-weight:600;font-size:22px}.auth-card .btn.primary{background:linear-gradient(180deg,#d9b979,#b8924f);color:#1a1408}@media(prefers-reduced-motion:reduce){.auth-art{transition:opacity 1s ease;transform:none!important}}.auth-card>p{text-align:center;margin:0 0 20px}.auth-card>p.small{margin:12px 0 0;text-align:left}.app{display:grid;grid-template-columns:72px 240px minmax(0,1fr) 240px;grid-template-rows:minmax(0,1fr) auto;height:100%;background:var(--bg-rail)}.app>:not(.rail):not(.sidebar):not(.user-dock){grid-row:1 / 3}.app>.sidebar{border-top-left-radius:var(--radius);border:1px solid var(--border);border-width:1px 0 0 1px}.user-dock{grid-column:1 / 3;grid-row:2;margin:8px;border-radius:var(--radius);overflow:hidden;background:var(--bg-side);border:1px solid var(--border);box-shadow:0 2px 10px #00000040}.user-dock .user-panel{background:transparent;height:56px}.app.no-members{grid-template-columns:72px 240px minmax(0,1fr)}.rail{background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px}.rail-server{width:48px;height:48px;border-radius:16px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;-webkit-user-select:none;user-select:none}.rail-server img,.server-icon-preview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.rail-server:has(img[src^="/brand/"]),.server-icon-preview:has(img[src^="/brand/"]){background:transparent}.rail-server img[src^="/brand/"],.server-icon-preview img[src^="/brand/"]{object-fit:contain;border-radius:0}.rail-server.active:before{content:"";position:absolute;left:-16px;width:4px;height:40px;border-radius:0 4px 4px 0;background:var(--text-strong)}.rail-server{border:none;font-family:inherit;font-size:inherit;cursor:pointer;padding:0;transition:border-radius .15s}.rail-home{background:var(--bg-side);color:var(--text-strong)}.rail-home.active,.rail-home:hover{background:var(--accent);color:#fff}.rail-server:not(.active):not(.rail-home){border-radius:24px}.rail-server:hover{border-radius:16px}.rail-server:not(.active):before{display:none}.rail-badge{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-rail);box-sizing:content-box}.rail-sep{width:32px;height:2px;background:var(--bg-hover);border-radius:1px}.rail-status{margin-top:auto;width:10px;height:10px;border-radius:50%}.rail-status.on{background:var(--ok)}.rail-status.off{background:var(--danger)}.sidebar{background:var(--bg-side);display:flex;flex-direction:column;min-height:0}.sidebar-header-wrap{position:relative}.sidebar-header{width:100%;height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-strong);border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 var(--border)}.sidebar-header:hover:not(:disabled){background:var(--bg-hover)}.sidebar-header:disabled{opacity:1}.dropdown{position:absolute;top:52px;left:8px;right:8px;background:var(--bg-float);border-radius:4px;padding:6px;box-shadow:var(--shadow);z-index:20}.dropdown button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:2px;font-size:14px;color:var(--text)}.dropdown button:hover{background:var(--accent);color:#fff}.channel-list{flex:1;overflow-y:auto;padding:8px 8px 16px}.channel-group+.channel-group{margin-top:16px}.category{display:flex;align-items:center;padding:0 0 4px}.category-name{flex:1;display:flex;align-items:center;gap:2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);min-width:0}.category-name:hover{color:var(--text-strong)}.chev{display:inline-flex;transition:transform .15s}.chev.collapsed{transform:rotate(-90deg)}.category-actions{display:flex;opacity:0}.category:hover .category-actions{opacity:1}.category-actions button{color:var(--muted);display:flex;padding:2px}.category-actions button:hover{color:var(--text-strong)}.channel{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;margin:1px 0;border-radius:4px;color:var(--faint);cursor:pointer;position:relative}.channel:hover{background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--bg-active);color:var(--text-strong)}.channel.unread{color:var(--text-strong);font-weight:600}.channel.unread:before{content:"";position:absolute;left:-8px;width:4px;height:8px;border-radius:0 4px 4px 0;background:var(--text-strong)}.channel-icon{display:flex;flex-shrink:0}.channel .ellipsis{flex:1}.channel-gear{display:none;color:var(--muted)}.channel:hover .channel-gear,.channel.active .channel-gear{display:flex}.channel-gear:hover{color:var(--text-strong)}.badge{background:var(--danger);color:#fff;font-size:12px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.user-panel{display:flex;align-items:center;gap:8px;padding:0 8px;height:52px;background:color-mix(in srgb,var(--bg-rail) 70%,var(--bg-side))}.user-panel-names{flex:1;min-width:0;font-size:14px;line-height:1.2}.icon-btn.off{color:var(--danger)}.voice-users{padding:2px 0 6px 30px}.voice-user{position:relative;display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:4px;font-size:14px;color:var(--muted);cursor:pointer}.voice-user:hover{background:var(--bg-hover);color:var(--text)}.voice-user .ellipsis{flex:1}.voice-avatar{border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow .1s}.voice-avatar.speaking{box-shadow:0 0 0 2px var(--ok)}.voice-user-icons{display:flex;color:var(--danger)}.volume-menu{position:absolute;left:8px;right:0;top:32px;z-index:25;background:var(--bg-float);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;cursor:default}.volume-menu input{width:100%;accent-color:var(--accent)}.voice-panel{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:color-mix(in srgb,var(--bg-rail) 70%,var(--bg-side));border-bottom:1px solid var(--border)}.voice-panel-info{flex:1;min-width:0;line-height:1.3}.voice-status{font-size:14px;font-weight:600}.voice-status.connected{color:var(--ok)}.voice-status.connecting,.voice-status.reconnecting{color:#f0b232}.ptt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.icon-btn.on{color:var(--ok)}.live{background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.03em;flex-shrink:0}.voice-user-cam{display:flex;color:var(--muted)}.stage{background:#000}[data-theme=light] .stage{background:#1e1f22}.stage .chat-header{background:var(--bg-main)}.stage-body{flex:1;min-height:0;padding:16px;display:flex}.stage-empty{flex:1}.stage-grid{flex:1;display:grid;gap:8px;align-content:center}.stage-focus-layout{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}.stage-focus{flex:1;min-height:0;display:flex}.stage-focus .tile{flex:1;aspect-ratio:auto}.stage-strip{display:flex;gap:8px;overflow-x:auto;height:120px;flex-shrink:0}.stage-strip .tile{width:200px;flex-shrink:0;aspect-ratio:auto}.stage-strip .tile-avatar .avatar{transform:scale(.6)}.tile{position:relative;aspect-ratio:16 / 9;background:#2b2d31;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .1s}.tile.speaking{box-shadow:0 0 0 3px var(--ok)}.tile-avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.tile-video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.tile-video.contain{object-fit:contain}.tile-video.mirror{transform:scaleX(-1)}.tile:fullscreen .tile-video{object-fit:contain}.tile-label{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;background:#0009;color:#fff;font-size:13px;font-weight:500}.tile-fullscreen{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:4px;background:#0009;color:#fff;display:none;align-items:center;justify-content:center}.tile:hover .tile-fullscreen{display:flex}.stage-controls{display:flex;justify-content:center;gap:12px;padding:12px 16px 20px}.round-btn{width:52px;height:52px;border-radius:50%;background:#2b2d31;color:#fff;display:flex;align-items:center;justify-content:center;transition:filter .15s}.round-btn:hover{filter:brightness(1.25)}.round-btn.on{background:#fff;color:#000}.round-btn.off{color:var(--danger)}.round-btn.hangup{background:var(--danger)}.embed{max-width:432px;width:100%;background:var(--bg-side);border-left:4px solid var(--bg-active);border-radius:4px;padding:10px 14px 14px 12px;display:flex;flex-direction:column;gap:6px}.embed-site{font-size:12px;color:var(--muted)}.embed-title{font-weight:600;color:#00a8fc}.embed-desc{font-size:14px;color:var(--text);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.embed-image{max-width:100%;max-height:300px;border-radius:4px;object-fit:contain;align-self:flex-start}.embed-video,.embed-video-thumb{width:100%;aspect-ratio:16 / 9;border:none;border-radius:4px}.embed-video-thumb{position:relative;overflow:hidden;background:#000}.embed-video-thumb img{width:100%;height:100%;object-fit:cover}.embed-video-thumb .play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}.embed-video-thumb:hover .play{background:red}.avatar{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.presence{position:absolute;right:-2px;bottom:-2px;width:38%;height:38%;min-width:10px;min-height:10px;border-radius:50%;border:3px solid var(--bg-side)}.presence.on{background:var(--ok)}.presence.off{background:var(--faint)}.presence.idle{background:#f0b232}.presence.dnd{background:#f23f43}.presence.idle:after,.presence.dnd:after{content:"";position:absolute;background:var(--bg-side)}.presence.idle:after{width:62%;height:62%;border-radius:50%;top:-8%;left:-8%}.presence.dnd:after{width:60%;height:24%;border-radius:2px;top:38%;left:20%}.profile-card .avatar .presence:after{background:var(--bg-main)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--ok)}.status-dot.idle{background:#f0b232}.status-dot.dnd{background:#f23f43}.status-dot.invisible{background:transparent;border:2.5px solid var(--faint)}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-main);position:relative}.chat.empty-state{align-items:center;justify-content:center;color:var(--muted)}.chat-header{height:48px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 8px 0 16px;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 var(--border)}.chat-header>.muted{display:flex}.mobile-back{display:none}.chat-title{font-weight:600;color:var(--text-strong)}.header-divider{width:1px;height:24px;background:var(--bg-active);margin:0 4px}.chat-topic{color:var(--muted);font-size:14px}.banner{background:var(--danger);color:#fff;text-align:center;font-size:13px;padding:4px}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.messages-end{height:1px}.load-more{height:48px;display:flex;align-items:center;justify-content:center}.channel-welcome{padding:32px 16px 8px}.welcome-icon{width:68px;height:68px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-strong)}.channel-welcome h1{color:var(--text-strong);margin:8px 0;font-size:30px}.channel-welcome p{margin:0}.day-sep{display:flex;align-items:center;margin:24px 16px 8px;height:0;border-top:1px solid var(--bg-active);justify-content:center}.day-sep span{background:var(--bg-main);padding:0 6px;font-size:12px;font-weight:600;color:var(--muted);margin-top:-1px;transform:translateY(-50%)}.msg{position:relative;padding:2px 48px 2px 16px;margin-top:16px}.msg.grouped{margin-top:0}[data-compact=true] .msg{margin-top:6px}[data-compact=true] .msg.grouped{margin-top:0}.msg:hover,.msg.hovered{background:var(--bg-msg-hover)}.msg.mentioned{background:var(--mention-bg);box-shadow:inset 2px 0 0 var(--mention-bar)}.msg.flash{animation:flash 1.5s ease-out}@keyframes flash{0%{background:var(--accent-soft)}}.msg-row{display:flex;gap:16px}.msg-gutter{width:40px;flex-shrink:0;display:flex;justify-content:center}.msg-time-hover{visibility:hidden;font-size:11px;color:var(--muted);line-height:22px}.msg:hover .msg-time-hover{visibility:visible}.msg-body{flex:1;min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px;line-height:22px}.msg-author{font-weight:600;cursor:pointer}.msg-author:hover{text-decoration:underline}.msg-time{font-size:12px;color:var(--muted)}.role-tag{font-size:10px;font-weight:700;text-transform:uppercase;background:var(--accent);color:#fff;padding:1px 5px;border-radius:3px;align-self:center}.role-tag.subtle{background:transparent;color:var(--muted);border:1px solid var(--bg-active);text-transform:none;font-weight:600}.composer.readonly{padding:12px 16px;color:var(--muted);font-size:14px}.channel-icon{position:relative}.channel-lock{position:absolute;right:-4px;bottom:-3px;display:flex;background:var(--bg-side);border-radius:50%;padding:1px}.drop-target>.channel,.category.drop-target{box-shadow:inset 0 2px 0 var(--accent)}[draggable=true]{-webkit-user-drag:element}.roles-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;min-height:420px}.roles-list,.perm-targets{display:flex;flex-direction:column;gap:2px}.roles-list .btn{margin-top:8px}.roles-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px}.roles-item:hover{background:var(--bg-hover)}.roles-item.active{background:var(--bg-active);color:var(--text-strong)}.roles-item .ellipsis{flex:1}.roles-item button{color:var(--muted);display:flex}.roles-move{display:none;flex-direction:column}.roles-item:hover .roles-move{display:flex}.role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-editor .perm-group h3{margin-top:16px}.perm-row{margin-bottom:8px}.row-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-inline .color-row{margin-bottom:0}.row-inline.end{margin-top:16px}.row-inline.center{justify-content:center;margin-top:8px}.channel-perms{border-top:1px solid var(--border);padding-top:8px}.perm-editor{display:grid;grid-template-columns:200px 1fr;gap:16px}.perm-targets select{margin-top:6px;background:var(--bg-rail);border:none;border-radius:4px;padding:6px}.perm-tri-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}.tri{display:flex;border-radius:4px;overflow:hidden;border:1px solid var(--bg-active)}.tri-btn{width:30px;height:26px;color:var(--muted)}.tri-btn.active.deny{background:var(--danger);color:#fff}.tri-btn.active.inherit{background:var(--bg-active);color:var(--text-strong)}.tri-btn.active.allow{background:var(--ok);color:#fff}.member-admin{width:100%}.role-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:4px 0}.role-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;background:var(--bg-side);font-size:13px}.role-chip button{display:flex;color:var(--muted)}.role-chip button:hover{color:var(--danger)}.role-add{background:var(--bg-side);border:1px dashed var(--bg-active);border-radius:4px;padding:2px 6px;font-size:13px}@media(max-width:640px){.roles-layout,.perm-editor{grid-template-columns:1fr}}.role-tag.bot{background:#e5a50a;color:#1e1f22}.row-2 .btn.align-end{align-self:end;margin-bottom:14px;height:41px;justify-content:center}.notice{background:var(--bg-side);border-left:4px solid #e5a50a;border-radius:4px;padding:4px 16px}.notice ol{padding-left:18px}.notice li{margin-bottom:6px}.msg-content{line-height:1.375;color:var(--text);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.msg-content>.md{display:inline}.msg-content>.md>div:last-child{display:inline}.edited{font-size:10px;color:var(--muted)}.msg-reply{display:flex;align-items:center;gap:4px;margin-left:72px;font-size:13px;color:var(--muted);position:relative;cursor:pointer;min-width:0}.reply-spine{position:absolute;left:-38px;top:50%;width:33px;height:12px;border-left:2px solid var(--bg-active);border-top:2px solid var(--bg-active);border-top-left-radius:6px}.reply-author{font-weight:600;flex-shrink:0}.reply-text{opacity:.85}.msg-reply:hover .reply-text{color:var(--text-strong)}.msg-toolbar{position:absolute;top:-16px;right:16px;display:none;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;box-shadow:0 2px 6px #0003;z-index:5}.msg:hover .msg-toolbar,.msg.hovered .msg-toolbar{display:flex}.msg-toolbar button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.msg-toolbar button:hover{background:var(--bg-hover);color:var(--text-strong)}.msg-toolbar button.danger:hover{color:var(--danger)}.msg-toolbar .emoji{font-size:16px}.msg-picker{position:absolute;right:16px;top:20px;z-index:10}.emoji-picker{display:grid;grid-template-columns:repeat(8,36px);gap:2px;padding:8px;background:var(--bg-float);border-radius:var(--radius);box-shadow:var(--shadow)}.emoji-picker button{font-size:22px;height:36px;border-radius:4px}.emoji-picker button:hover{background:var(--bg-hover)}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:8px;background:var(--bg-input);border:1px solid transparent;font-size:14px}.reaction:hover{border-color:var(--faint)}.reaction.mine{background:var(--accent-soft);border-color:var(--accent)}.reaction-count{font-size:13px;font-weight:600;color:var(--muted)}.reaction.mine .reaction-count{color:var(--text-strong)}.reaction.add{color:var(--muted);opacity:0}.msg:hover .reaction.add{opacity:1}.attachments{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}.att-image{max-width:min(400px,100%);max-height:320px;border-radius:var(--radius);cursor:zoom-in;display:block}.att-video{max-width:min(480px,100%);max-height:320px;border-radius:var(--radius)}.att-file{display:flex;align-items:center;gap:10px;max-width:400px;width:100%;padding:10px;border-radius:var(--radius);background:var(--bg-side);border:1px solid var(--border);color:var(--muted)}.att-file:hover{text-decoration:none}.att-file-info{min-width:0}.att-name{color:#00a8fc}.att-file:hover .att-name{text-decoration:underline}.edit-box textarea{width:100%;resize:none;background:var(--bg-input);border:none;border-radius:var(--radius);padding:10px 12px;outline:none;line-height:1.375}.md-code{background:var(--code-bg);padding:.1em .3em;border-radius:4px;font-family:Consolas,JetBrains Mono,monospace;font-size:.875em}.md-codeblock{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:8px;margin:4px 0;overflow-x:auto;font-family:Consolas,JetBrains Mono,monospace;font-size:.875em;white-space:pre;max-width:100%}.md blockquote{margin:2px 0;padding-left:12px;border-left:4px solid var(--bg-active)}.md-h1{font-size:1.5em;font-weight:700;color:var(--text-strong);margin:6px 0 2px}.md-h2{font-size:1.25em;font-weight:700;color:var(--text-strong);margin:6px 0 2px}.md-h3{font-size:1.05em;font-weight:700;color:var(--text-strong);margin:4px 0 2px}.md-spoiler{background:var(--bg-rail);color:transparent;border-radius:3px;cursor:pointer;padding:0 2px}.md-spoiler *{color:transparent!important}.md-spoiler.shown{background:var(--bg-active);color:inherit;cursor:auto}.md-spoiler.shown *{color:inherit!important}.md-jumbo{font-size:48px;line-height:1.2}.mention{background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 60%,white);border-radius:3px;padding:0 2px;font-weight:500}[data-theme=light] .mention{color:var(--accent)}.mention.clickable:hover{background:var(--accent);color:#fff}.composer-wrap{padding:0 16px;position:relative;flex-shrink:0}.composer{background:var(--bg-input);border-radius:var(--radius)}.composer-row{display:flex;align-items:flex-start;padding:0 12px 0 4px}.composer-row .attach{margin:6px 4px}.composer textarea{flex:1;resize:none;background:transparent;border:none;outline:none;padding:11px 0;line-height:1.375;max-height:50vh;color:var(--text)}.composer textarea::placeholder{color:var(--faint)}.sending{align-self:center}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 16px;background:var(--bg-side);border-radius:var(--radius) var(--radius) 0 0;font-size:13px;color:var(--muted)}.pending-files{display:flex;gap:12px;padding:12px 12px 4px;overflow-x:auto;border-bottom:1px solid var(--border)}.file-chip{position:relative;width:150px;flex-shrink:0;background:var(--bg-side);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}.file-chip img{width:100%;height:90px;object-fit:cover;border-radius:3px}.file-chip-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--bg-float);color:var(--danger);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.typing{height:24px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);padding-left:4px}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--text);animation:typing 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.suggestions{position:absolute;left:16px;right:16px;bottom:calc(100% - 20px);background:var(--bg-side);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow);z-index:15}.suggestions-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:0 8px 6px}.suggestion{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer}.suggestion.active{background:var(--bg-active)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--accent) 85%,transparent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;z-index:30;pointer-events:none}.drop-overlay div{border:2px dashed rgba(255,255,255,.7);border-radius:16px;padding:48px 64px}.members{background:var(--bg-side);overflow-y:auto;padding:16px 8px}.members-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px}.members>div+div{margin-top:12px}.member{display:flex;align-items:center;gap:12px;padding:5px 8px;border-radius:4px;cursor:pointer;font-weight:500}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.4}.member.offline:hover{opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fade .12s ease-out}@keyframes fade{0%{opacity:0}}.confirm-backdrop{z-index:150}.modal.confirm{max-width:400px}.modal.confirm p{margin:4px 0;line-height:1.4}.modal{width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-main);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.modal.wide{max-width:640px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.modal-head h2{margin:0;font-size:20px;color:var(--text-strong)}.modal-body{padding:8px 20px 16px;overflow-y:auto}.modal-body h3{font-size:12px;text-transform:uppercase;color:var(--muted);margin:8px 0 12px}.modal-foot{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--bg-side)}.settings-section{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.settings-section:last-child{border-bottom:none}.profile-preview{display:flex;align-items:center;gap:16px;margin-bottom:16px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-3{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.row-3 .btn{margin-bottom:14px;height:41px}.color-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.swatch{width:32px;height:32px;border-radius:6px;border:2px solid transparent}.swatch.active{border-color:var(--text-strong)}.color-row input[type=color]{width:40px;height:32px;border:none;background:none;padding:0;cursor:pointer}.theme-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.theme-option{flex:1;min-width:72px;height:56px;border-radius:var(--radius);border:2px solid var(--border);font-weight:600}.theme-option.active{border-color:var(--accent)}.theme-randir{background:linear-gradient(135deg,#1a2140,#0d1122);color:#e9c98c;font-family:Cormorant,Georgia,serif;font-size:17px}.theme-wow{background:var(--wow-grain),linear-gradient(180deg,#3b2715,#1a0f08);border-color:#7a5c32;color:#ffd100;font-family:Philosopher,Trebuchet MS,sans-serif;font-size:16px;text-shadow:0 1px 1px #000}.theme-dark{background:#313338;color:#f2f3f5}.theme-amoled{background:#000;color:#f2f3f5}.theme-light{background:#fff;color:#060607}.type-picker{display:grid;gap:8px;margin-bottom:16px}.type-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:4px;background:var(--bg-input);border:2px solid transparent;text-align:left}.type-option.active{border-color:var(--accent)}.invite-list{display:flex;flex-direction:column;gap:6px}.invite-row{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--bg-side);border-radius:4px}.invite-code{font-family:Consolas,monospace;cursor:pointer;color:var(--text-strong)}.invite-code:hover{color:var(--accent)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;padding-top:40px}.profile-banner{position:absolute;top:0;left:-20px;right:-20px;height:80px;opacity:.6}.profile-card .avatar{border:6px solid var(--bg-main);box-sizing:content-box}.profile-card .avatar .presence{border-color:var(--bg-main)}.profile-meta{display:flex;gap:8px;align-items:center;margin:8px 0}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}.lightbox img{max-width:90vw;max-height:82vh;border-radius:4px}.lightbox figcaption a{color:#fff;opacity:.8}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-float);color:var(--text-strong);padding:10px 18px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;font-size:14px}.voice-limit{display:inline-flex;margin-left:auto;border-radius:6px;overflow:hidden;font-size:11px;font-variant-numeric:tabular-nums;line-height:16px;flex-shrink:0}.voice-limit span{padding:0 4px;background:var(--bg-rail);color:var(--muted)}.voice-limit span+span{background:var(--bg-active);color:var(--text)}.voice-limit.full span:first-child{color:var(--danger)}.channel:hover .voice-limit:has(+.channel-gear),.channel.active .voice-limit:has(+.channel-gear){display:none}.auth-downloads{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.auth-downloads .btn{padding:6px 14px;text-decoration:none}.guest-notice{display:flex;flex-direction:column;gap:4px;margin:8px 0 12px;padding:10px 12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);font-size:13px;line-height:1.35}.guest-notice strong{color:var(--text-strong)}.music-embed{display:block;width:min(420px,100%);height:152px;border:0;border-radius:12px;background:var(--bg-float)}.music-embed.yandex{height:180px}.music-embed.tall{height:352px}.music-embed.yandex.tall{height:450px}.member-names{display:flex;flex-direction:column;min-width:0;flex:1}.member-activity{font-size:12px;color:var(--muted)}.music-note{color:#1db954;font-size:13px;flex-shrink:0}.now-playing-card{position:fixed;z-index:300;width:260px;pointer-events:none;animation:fade .12s ease-out}.now-playing{padding:10px 12px;border-radius:var(--radius);background:var(--bg-float);border:1px solid var(--border);border-left:4px solid #1db954;box-shadow:var(--shadow);text-align:left;width:100%}.now-playing.yandex{border-left-color:#fc0}.now-playing-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:4px}.now-playing-title{font-weight:600;color:var(--text-strong)}.now-playing-artist{font-size:13px;color:var(--muted)}.profile-card .now-playing{max-width:320px}.custom-emoji{width:1.375em;height:1.375em;object-fit:contain;vertical-align:-.3em}.md-jumbo .custom-emoji{width:48px;height:48px}.emoji-picker .custom-emoji,.reaction .custom-emoji{width:20px;height:20px;vertical-align:middle}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,3fr);background:var(--bg-main);animation:fade .15s ease-out}.settings-nav{background:var(--bg-side);overflow-y:auto;display:flex;justify-content:flex-end}.settings-nav-inner{width:220px;padding:48px 8px 24px 16px}.settings-nav-group+.settings-nav-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.settings-nav-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:6px 10px}.settings-nav-item{display:block;width:100%;text-align:left;padding:7px 10px;margin:1px 0;border-radius:4px;color:var(--text);font-size:15px}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-strong)}.settings-nav-item.active{background:var(--bg-active);color:var(--text-strong)}.settings-content{position:relative;overflow-y:auto}.settings-content-inner{max-width:820px;padding:48px 72px 64px 40px}.settings-close{position:fixed;top:44px;right:max(24px,calc(50% - 600px));display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.settings-close svg{width:40px;height:40px;padding:8px;border:2px solid currentColor;border-radius:50%}.settings-close:hover{color:var(--text-strong)}.settings-page-section h2{margin:0 0 16px;font-size:22px;color:var(--text-strong)}.settings-page-section h3{margin:28px 0 10px;font-size:15px;color:var(--text-strong)}.settings-page-section>label,.settings-page-section .row-2,.settings-page-section .row-3{margin-bottom:12px}.settings-page-foot{display:flex;gap:8px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.settings-page-section.drop-target{outline:2px dashed var(--accent);outline-offset:12px;border-radius:var(--radius)}.access-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-radius:var(--radius);background:var(--bg-side)}.access-mode{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;text-align:center;border-radius:var(--radius);border:1px solid transparent;color:var(--text)}.access-mode:hover{background:var(--bg-hover)}.access-mode.active{background:var(--bg-active);border-color:var(--accent);color:var(--text-strong)}.access-mode-icon{font-size:26px}.rules-list{margin:0 0 12px;padding-left:22px}.rules-list li{padding:6px 0}.rules-list li>span{margin-right:8px}.rules-list li .icon-btn{display:inline-flex;vertical-align:middle}.row-inline input{flex:1;min-width:0}.rule-examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.chip{padding:4px 10px;border-radius:999px;background:var(--bg-input);color:var(--text);font-size:13px}.chip:hover{background:var(--bg-active)}.table-tools{display:flex;align-items:center;gap:8px;margin-bottom:12px}.table-search,.table-tools select{background:var(--bg-input);color:var(--text-strong);border:1px solid var(--border);border-radius:4px;padding:7px 10px}.table-search{width:240px}.settings-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-table-head,.settings-table-row{display:grid;align-items:center;gap:12px;padding:8px 14px}.members-table .settings-table-head,.members-table .settings-table-row{grid-template-columns:minmax(0,2.2fr) 1.3fr 1.4fr minmax(0,2fr) 70px}.emoji-table .settings-table-head,.emoji-table .settings-table-row{grid-template-columns:120px minmax(0,1.5fr) minmax(0,1.5fr) 40px}.settings-table-head{background:var(--bg-side);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted)}.settings-table-row{border-top:1px solid var(--border)}.members-table .settings-table-row{cursor:pointer}.settings-table-row:hover{background:var(--bg-msg-hover)}.member-cell{display:flex;align-items:center;gap:10px;min-width:0}.invite-chip{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--bg-input);font-size:13px;font-family:ui-monospace,Consolas,monospace}.emoji-preview{width:36px;height:36px;object-fit:contain}.emoji-name{display:flex;align-items:center;font-size:15px}.emoji-name input{min-width:0;width:18ch;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-strong);padding:4px}.emoji-name input:hover,.emoji-name input:focus{border-color:var(--border);background:var(--bg-input)}.auth-rules{margin:4px 0 14px;padding:10px 12px;border-radius:var(--radius);background:#0000002e;border:1px solid var(--border);font-size:14px}.auth-rules ol{margin:6px 0 8px;padding-left:20px}@media(max-width:760px){.settings-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-nav{justify-content:flex-start}.settings-nav-inner{width:100%;padding:12px 16px;display:flex;flex-wrap:wrap;gap:4px}.settings-nav-group+.settings-nav-group{margin:0;padding:0;border:none}.settings-nav-title{display:none}.settings-nav-item{display:inline-block;width:auto}.settings-content-inner{padding:20px 16px 48px}.settings-close{top:10px;right:12px}.access-modes{grid-template-columns:1fr}.members-table .settings-table-head{display:none}.members-table .settings-table-row{grid-template-columns:1fr;gap:4px}}html.overlay-page,html.overlay-page body,html.overlay-page #root{background:transparent!important;overflow:hidden}.overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;padding:4px;display:flex;flex-direction:column;align-items:flex-start}.overlay-root.up{justify-content:flex-end}.ov{--ov-font: "Segoe UI Semibold", "Segoe UI", Inter, system-ui, sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:var(--ov-font);color:#fff;-webkit-user-select:none;user-select:none;transition:opacity .5s ease}.ov-up,.ov-up .ov-rows{flex-direction:column-reverse}.ov-drag,.ov-drag *{cursor:move!important}.ov-drag{outline:2px dashed rgba(255,255,255,.6);outline-offset:3px;border-radius:8px}.ov-bar{display:inline-flex;align-items:center;gap:6px;padding:4px 14px 4px 4px;border-radius:999px;position:relative;isolation:isolate}.ov-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:#1e1f22d1;opacity:var(--ov-plate, 1)}.ov-bar-buttons .ov-bar{padding-right:4px}.ov-bar-bare{padding:4px}.ov-btn{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff;flex-shrink:0}.ov-btn:hover{background:#ffffff38}.ov-btn.off{color:#f23f43}.ov-btn.talking{box-shadow:0 0 0 2px #23a55a}.ov-channel{font-size:14px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;padding-left:4px}.ov-rows{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ov-row{display:inline-flex;align-items:center;gap:8px;max-width:320px;padding:3px 14px 3px 3px;border-radius:999px;background:#1e1f22d1;font-size:15px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.9);color:#ffffffb8}.ov-row.talking{color:#fff}.ov-row.leaving{opacity:.6}.ov-avatar{border-radius:50%;display:inline-flex;box-shadow:0 0 0 2px transparent;transition:box-shadow .12s}.ov-row.talking .ov-avatar{box-shadow:0 0 0 2px #23a55a}.ov-face{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.ov-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-status{display:inline-flex;gap:3px;color:#f23f43}.ov-notice{font-size:11px;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:4px}.ov-notice.join{background:#23a55a;color:#fff}.ov-notice.leave{background:#f23f43;color:#fff}.ov-bubble{position:relative;display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px transparent}.ov-bubble.talking{box-shadow:0 0 0 2px #23a55a,0 0 8px #23a55a}.ov-bubble.quiet{opacity:.55}.ov-bubble.leaving{opacity:.4}.ov-bubble-badge,.ov-bubble-notice{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f23f43;color:#fff;font-size:12px;font-weight:700}.ov-bubble-notice{top:-3px;bottom:auto}.ov-bubble-notice.join{background:#23a55a}.ov-wow{--ov-font: Philosopher, Georgia, "Palatino Linotype", serif}.ov-wow .ov-bar{border-radius:4px}.ov-wow .ov-bar:before,.ov-wow .ov-row{border-radius:4px;background:linear-gradient(180deg,#281a0eeb,#120b06eb);border:1px solid #b8924c;box-shadow:0 0 0 1px #000c,inset 0 1px #ffdca026}.ov-wow .ov-bar{padding-right:12px}.ov-wow .ov-btn{border-radius:4px;background:#00000073;border:1px solid #6d5230;color:#f0dfb8}.ov-wow .ov-btn.off{color:#ff4c3b}.ov-wow .ov-btn.talking{box-shadow:0 0 0 2px #3fbf3f}.ov-wow .ov-channel{color:#ffd100;font-weight:700}.ov-wow:not(.ov-compact) .ov-rows,.ov-wow:not(.ov-compact) .ov-row{width:220px;max-width:none}.ov-wow .ov-row{color:#e8d8b8}.ov-wow .ov-row.talking{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 45%),linear-gradient(180deg,#2f9e2f,#1b6b1b)}.ov-wow .ov-avatar{box-shadow:0 0 0 2px #b8924c}.ov-wow .ov-row.talking .ov-avatar{box-shadow:0 0 0 2px #ffd100}.ov-wow .ov-bubble{box-shadow:0 0 0 2px #b8924c}.ov-wow .ov-bubble.talking{box-shadow:0 0 0 2px #ffd100,0 0 8px #ffd100}.overlay-settings{display:flex;flex-direction:column-reverse;gap:12px}.overlay-preview{height:240px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);padding:10px;display:flex;flex-direction:column}.overlay-preview.up{justify-content:flex-end}.overlay-preview.night,.bg-swatch.night{background:linear-gradient(180deg,#121a33,#3a3550 70%,#1d2130 71%)}.overlay-preview.day,.bg-swatch.day{background:linear-gradient(180deg,#8fc3e8,#d9eef7 65%,#6e9a52 66%)}.overlay-preview.stone,.bg-swatch.stone{background:repeating-linear-gradient(45deg,#6b665e 0,#6b665e 14px,#5e5a53 14px,#5e5a53 28px)}.overlay-preview-bg{display:flex;gap:6px;margin-top:8px;align-items:center}.overlay-preview-bg button{width:22px;height:22px;border-radius:50%;border:2px solid var(--border)}.overlay-preview-bg button.active{border-color:var(--accent)}.ov-style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}.ov-style-card{overflow:hidden;border:2px solid var(--border);border-radius:var(--radius);padding:10px;text-align:left;background:linear-gradient(180deg,#1d2235,#10131f);color:#fff}.ov-style-card.wow{background:linear-gradient(180deg,#3a2716,#150d06)}.ov-style-card.active{border-color:var(--accent)}.ov-style-card .ov{pointer-events:none}.seg{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg button{padding:5px 12px;color:var(--text)}.seg button.active{background:var(--bg-active);color:var(--text-strong)}.ov-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.ov-setting-row input[type=range]{width:160px}@media(max-width:760px){.overlay-settings{grid-template-columns:1fr}}.ts-panel{margin-top:16px;padding-top:8px;border-top:1px solid var(--border)}.ts-head{display:flex;align-items:center;justify-content:space-between}.ts-join{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--accent-soft);color:var(--text-strong)}.ts-join:hover{background:var(--accent);color:#fff}.ts-icon{font-size:13px;opacity:.7}.ts-spacer{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ts-client{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 30px;font-size:13px;color:var(--text)}.ts-client svg{color:var(--danger);flex-shrink:0}.ts-client.away{opacity:.55}.ts-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex-shrink:0}.ts-client.talking .ts-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.ts-error{font-size:12px;color:var(--danger);padding:4px 8px}.ts-empty,.ts-toggle{padding:4px 8px}.ts-toggle:hover{color:var(--text-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media(max-width:1000px){.app,.app.no-members{grid-template-columns:72px 220px minmax(0,1fr)}.members{display:none}}@media(max-width:640px){.msg{padding-right:12px}.row-2,.row-3{grid-template-columns:1fr}}.invite-created{display:flex;gap:8px;margin-top:12px}.invite-created input{flex:1;min-width:0;font-size:14px;background:var(--bg-rail);border:none;border-radius:4px;padding:10px;outline:none;color:var(--text-strong)}[data-theme=light] .invite-created input{background:var(--bg-input)}.invite-created input:focus{box-shadow:0 0 0 2px var(--accent)}.auth-server-icon{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.server-icon-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.server-icon-preview{width:80px;height:80px;flex:none;border-radius:24px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600}.server-icon-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.temp-password{margin-top:12px}.event-card{max-width:560px;width:100%;margin-top:4px;background:var(--bg-side);border-left:4px solid #3ba55c;border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.event-head{display:flex;align-items:center;gap:8px;color:var(--text-strong)}.event-title{font-weight:700;font-size:16px;flex:1;min-width:0;overflow-wrap:anywhere}.event-tools{display:flex;gap:2px}.event-when{font-size:14px;color:var(--text-strong)}.event-when:first-letter{text-transform:uppercase}.event-desc{font-size:14px}.event-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 0;border-top:1px solid var(--bg-hover);border-bottom:1px solid var(--bg-hover)}.event-col{display:flex;flex-direction:column;gap:2px;min-width:0}.event-col-head{font-weight:600;font-size:13px;margin-bottom:2px;color:var(--text-strong)}.event-col-head.full .muted{color:var(--danger)}.event-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-extra{font-size:13px}.event-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.event-actions select{background:var(--bg-rail);color:var(--text-strong);border:none;border-radius:4px;padding:6px 8px;font-size:13px}[data-theme=light] .event-actions select{background:var(--bg-input)}.event-btn{background:var(--bg-hover);color:var(--text-strong);border:1px solid transparent;border-radius:4px;padding:5px 10px;font-size:13px;cursor:pointer}.event-btn:hover:not(:disabled){background:var(--bg-active)}.event-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,transparent)}.event-btn:disabled{opacity:.6;cursor:default}.event-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.btn.small{padding:4px 10px;font-size:13px;min-height:0}textarea.event-desc-input{resize:vertical;font-family:inherit}@media(max-width:600px){.event-roster{grid-template-columns:1fr}}.dm-search{height:48px;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 var(--border)}.dm-search input{width:100%;background:var(--bg-rail);color:var(--text-strong);border:none;border-radius:4px;padding:6px 8px;font-size:13px;outline:none}[data-theme=light] .dm-search input{background:var(--bg-input)}.dm-section{padding:16px 8px 4px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--faint)}.dm-item{height:42px;gap:10px}.dm-empty{padding:4px 8px}.profile-card .btn.primary{margin-top:8px}.auth-card .link{color:#e9c98c}.header-search{display:flex;align-items:center;gap:6px;background:var(--bg-rail);border-radius:4px;padding:0 4px 0 8px;height:28px;color:var(--muted);margin:0 4px}.header-search input{width:130px;background:transparent;border:none;outline:none;color:var(--text-strong);font-size:13px;transition:width .15s}.header-search input:focus{width:180px}.header-search select{background:transparent;border:none;color:var(--muted);font-size:12px;cursor:pointer}[data-theme=light] .header-search{background:var(--bg-input)}.icon-btn.active{color:var(--text-strong);background:var(--bg-active)}.msg-toolbar button.active{color:var(--accent)}.msg-pinned{color:var(--accent);display:inline-flex;margin-left:4px;vertical-align:middle}.side-panel{display:flex;flex-direction:column;gap:6px;padding:0 8px 16px}.side-panel-head{display:flex;align-items:center;gap:8px;height:48px;margin:0 -8px 4px;padding:0 8px 0 12px;border-bottom:1px solid var(--border);color:var(--text-strong);flex:none}.result{background:var(--bg-main);border-radius:6px;padding:8px 10px;cursor:pointer;border:1px solid transparent}.result:hover{border-color:var(--accent)}.result-head{display:flex;align-items:center;gap:6px;margin-bottom:2px;min-width:0}.result-body{font-size:14px;overflow-wrap:anywhere}.result-where{margin-bottom:2px}@media(max-width:900px){.header-search input,.header-search input:focus{width:90px}}@media(max-width:1000px){.side-panel{position:fixed;top:0;right:0;bottom:0;width:min(340px,100%);z-index:50;box-shadow:var(--shadow);overflow-y:auto}}.dm-section{display:flex;align-items:center;justify-content:space-between}.dm-names{display:flex;flex-direction:column;min-width:0;line-height:1.2}.group-avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.person-search{width:100%;background:var(--bg-rail);color:var(--text-strong);border:none;border-radius:4px;padding:8px 10px;margin-bottom:8px;outline:none}[data-theme=light] .person-search{background:var(--bg-input)}.person-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;margin-bottom:12px}.person-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;cursor:pointer}.person-row:hover{background:var(--bg-hover)}.person-row.selected{background:var(--bg-active)}.person-row input{margin-left:auto}.voice-user.movable{cursor:grab}.channel.voice-drop{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px;color:var(--text-strong)}.volume-menu .btn.small{margin-top:8px;width:100%;justify-content:center}.incoming-call{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:180;width:min(300px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 20px 20px;background:var(--bg-float);border:1px solid var(--accent);border-radius:12px;box-shadow:var(--shadow);animation:fade .2s ease-out}.incoming-avatar{border-radius:50%;animation:ring-pulse 1.2s ease-out infinite}@keyframes ring-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 70%,transparent)}to{box-shadow:0 0 0 14px transparent}}.incoming-text{min-width:0;font-size:16px}.incoming-actions{display:flex;gap:28px}.incoming-actions .call-btn{width:52px;height:52px}.call-btn{width:40px;height:40px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.call-btn.accept{background:var(--ok)}.call-btn.decline{background:var(--danger)}.call-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:color-mix(in srgb,var(--ok) 14%,var(--bg-main));border-bottom:1px solid var(--border);color:var(--text-strong)}.call-bar-avatars{display:flex;gap:4px}.flag{font-family:Twemoji Country Flags,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:14px;line-height:1;flex:none;cursor:default}.status-anchor{position:relative}.status-menu{position:fixed;z-index:300;width:240px;background:var(--bg-float, var(--bg-side));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000073}.status-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:4px;text-align:left;color:var(--text);background:none;border:0;cursor:pointer}.status-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.status-item.active{background:var(--bg-active, rgba(255, 255, 255, .1))}.status-sep{height:1px;margin:4px 2px;background:var(--border, rgba(255, 255, 255, .08))}.server-muted{color:#f23f43;display:inline-flex}.volume-menu select{width:100%;margin-top:4px}.tile-own-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;color:var(--text)}.tile-own-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.tile-own-preview .tile-video{position:static;width:45%;height:auto;max-height:60%;border-radius:6px}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center}.crop-dialog{background:var(--bg-main);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:var(--shadow)}.crop-dialog h3{margin:0;align-self:flex-start}.crop-view{position:relative;overflow:hidden;cursor:grab;touch-action:none;border-radius:8px;background:repeating-conic-gradient(#3a3a3a 0,#3a3a3a 25%,#2a2a2a 0,#2a2a2a 50%) 0 0 / 16px 16px}.crop-view:active{cursor:grabbing}.crop-view img{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 999px #0000008c;outline:2px solid rgba(255,255,255,.7);pointer-events:none}.crop-dialog input[type=range]{width:100%}.crop-actions{display:flex;gap:8px;width:100%}.wow-line{display:flex;align-items:center;gap:8px;margin:4px 0}.wow-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover}.admin-rename{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.row-gap{display:flex;gap:8px;justify-content:flex-end}.settings-row{display:flex;gap:12px;flex-wrap:wrap}.settings-row>label{flex:1 1 200px}.pip-page body{margin:0;background:#111214;padding:6px}.pip-empty{color:#b5bac1;font:14px system-ui,sans-serif;padding:16px;text-align:center}.update-notice{position:fixed;right:16px;bottom:16px;z-index:150;width:280px;background:var(--bg-float);border:1px solid var(--border);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.update-notes{white-space:pre-line;max-height:120px;overflow-y:auto}.update-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.ov-noframes .ov-row,.ov-noframes.ov-wow .ov-row,.ov-noframes.ov-wow .ov-row.talking{background:none;border-color:transparent;box-shadow:none;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px rgba(0,0,0,.8)}.ov-noframes .ov-row.talking .ov-name{text-decoration:underline 2px #23a55a;text-underline-offset:4px}.ov-noframes.ov-wow:not(.ov-compact) .ov-rows,.ov-noframes.ov-wow:not(.ov-compact) .ov-row{width:auto}.ov-row.faces-only{padding:3px}.ov-wow:not(.ov-compact) .ov-rows:has(.faces-only),.ov-wow:not(.ov-compact) .ov-row.faces-only{width:auto}@media(max-width:760px){html,body,#root{height:100dvh}.app,.app.no-members{grid-template-columns:72px minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.app.pane-nav>main,.app.pane-nav>.members,.app.pane-nav>.side-panel,.app.pane-nav>.mobile-backdrop{display:none}.app.pane-nav>.sidebar{border-top-right-radius:0}.app.pane-main>.rail,.app.pane-main>.sidebar,.app.pane-main>.user-dock{display:none}.app.pane-main>main{grid-column:1 / -1}.mobile-back{display:inline-flex;position:relative;margin-left:-8px;flex-shrink:0}.mobile-back .badge{position:absolute;top:0;right:-2px}.chat-header{padding:0 6px 0 12px;gap:4px}.chat-topic,.chat-header .divider,.header-search select{display:none}.header-search input,.header-search input:focus{width:70px}input,textarea,select,.composer textarea{font-size:16px}.channel-welcome h1{font-size:26px}.app.phone>.members{display:block;position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);z-index:55;padding-top:calc(16px + env(safe-area-inset-top));box-shadow:var(--shadow)}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:54;background:#00000080}.app.phone>.side-panel{width:100%;padding-top:env(safe-area-inset-top)}.modal-foot{flex-wrap:wrap;row-gap:8px}.update-notice{left:16px;right:16px;width:auto}.channel{min-height:40px}.voice-user{min-height:34px}}.install-hint{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:140;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;background:var(--bg-float);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.install-hint img{width:40px;height:40px;border-radius:10px;flex-shrink:0}.install-hint .small{flex:1;min-width:0}.badge.count{background:var(--bg-active, rgba(255, 255, 255, .16));color:var(--text-strong, #fff)}.muted-mark{display:inline-flex;color:var(--faint)}.channel.muted-channel:not(.active){opacity:.55}.ctx-menu{position:fixed;z-index:300;width:260px;max-height:calc(100vh - 16px);overflow-y:auto;background:var(--bg-float);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:var(--shadow)}.ctx-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:4px;background:none;color:var(--text);text-align:left;cursor:pointer;font-size:14px}.ctx-item:hover{background:var(--bg-hover)}.ctx-sub{padding-left:22px}.ctx-radio{justify-content:flex-start}.ctx-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--faint);flex-shrink:0}.ctx-radio.active .ctx-dot{border-color:var(--accent);background:radial-gradient(var(--accent) 45%,transparent 50%)}.ctx-hint{font-size:12px;color:var(--muted)}.ctx-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);padding:6px 8px 2px}.ctx-sep{height:1px;margin:4px 2px;background:var(--border)}.ctx-check{justify-content:flex-start}.voice-invite-card{margin:2px 8px 4px 0;animation:invite-in .2s ease;display:flex;align-items:center;gap:8px;padding:6px 4px 6px 8px;border-radius:6px;background:var(--bg-hover);color:var(--text);font-size:13px;cursor:pointer}.voice-invite-card .icon-btn{margin-left:auto;padding:2px}.voice-invite-icon{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;border:1.5px solid var(--muted);flex-shrink:0}@keyframes invite-in{0%{opacity:0;transform:translateY(-4px)}}.invite-picker{position:fixed;z-index:300;width:280px;max-height:360px;overflow-y:auto;background:var(--bg-float);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:var(--shadow)}.invite-row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px}.invite-row:hover{background:var(--bg-hover)}.invite-names{display:flex;flex-direction:column;min-width:0;flex:1}.invite-more{width:100%;padding:8px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer;border-radius:6px}.invite-more:hover{background:var(--bg-hover)}.invite-empty{padding:8px}.voice-invite-popup{position:fixed;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:160;display:flex;align-items:center;gap:10px;width:min(440px,calc(100vw - 24px));padding:10px 12px;background:var(--bg-float);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.ctx-menu label.ctx-check{display:flex;flex-direction:row;align-items:center;gap:8px;text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400;color:var(--text);margin:0}.ctx-menu label.ctx-check input{width:auto;margin:0;flex-shrink:0}@media(max-width:760px){.invite-picker{left:12px!important;right:12px;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}}.poll-card{max-width:560px;width:100%;margin-top:4px;background:var(--bg-side);border-left:4px solid var(--accent);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.poll-card.closed{border-left-color:var(--text-muted, #888)}.poll-head{display:flex;align-items:center;gap:8px;color:var(--text-strong)}.poll-question{font-weight:700;font-size:16px;min-width:0;overflow-wrap:anywhere}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-hover);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--accent)}.poll-option:disabled{cursor:default}.poll-option.chosen{border-color:var(--accent)}.poll-option.winner{font-weight:700}.poll-bar{position:absolute;inset:0 auto 0 0;background:var(--accent-soft);transition:width .3s ease;pointer-events:none}.poll-check{position:relative;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--text-muted, #888);display:grid;place-items:center}.poll-check.square{border-radius:4px}.poll-option.chosen .poll-check{background:var(--accent);border-color:var(--accent);color:#fff}.poll-text{position:relative;flex:1;min-width:0;overflow-wrap:anywhere}.poll-count{position:relative;flex:none;font-size:13px;color:var(--text-muted, #888)}.poll-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.poll-edit-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.poll-edit-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}.poll-edit-row{flex-direction:row;align-items:center;margin-bottom:0}.poll-edit-row input{flex:1}.lfg-card{max-width:560px;width:100%;margin-top:4px;background:var(--bg-side);border-left:4px solid #a335ee;border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.lfg-card.full{border-left-color:#3ba55c}.lfg-card.closed{border-left-color:var(--muted);opacity:.85}.lfg-head{display:flex;align-items:center;gap:8px;color:var(--text-strong)}.lfg-title{font-weight:700;font-size:16px;flex:1;min-width:0;overflow-wrap:anywhere}.lfg-status{font-size:12px;font-weight:700;color:var(--muted)}.lfg-card.full .lfg-status{color:#3ba55c}.lfg-note{overflow-wrap:anywhere}.lfg-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lfg-role{display:flex;flex-direction:column;gap:3px;min-width:0}.lfg-role-head{font-weight:700;font-size:13px;color:var(--text-strong)}.lfg-member{display:flex;align-items:center;gap:2px;min-width:0}.lfg-member>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfg-member .icon-btn{padding:2px;opacity:.6}.lfg-free{font-style:italic}.lfg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}@media(max-width:760px){.lfg-roles{grid-template-columns:1fr}}