:root{--bg-base:#0d0f0e;--bg-layer1:#121715;--bg-layer2:#181f1c;--glass-bg:#ffffff0f;--glass-border:#ffffff1a;--glass-hover:#ffffff1a;--glass-active:#ffffff24;--glass-shadow:0 8px 32px #00000073;--glass-blur:blur(12px) saturate(160%);--accent:#14a38a;--accent-light:#2fcbb0;--accent-glow:#14a38a42;--danger:#ff4d6d;--success:#2dce89;--warning:#f4a261;--text-primary:#eef2f0;--text-secondary:#90a09a;--text-muted:#5a6a64;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--sidebar-w:260px;--header-h:58px;--composer-h:72px;--transition:.18s cubic-bezier(.4,0,.2,1);--transition-slow:.32s cubic-bezier(.4,0,.2,1);--font-display:"DM Sans", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-text:"DM Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-xl:17px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:30px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--leading-tight:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--track-empty:#ffffff1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-text);font-size:var(--fs-base);line-height:var(--leading-normal);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01", "ss03";-webkit-user-select:none;user-select:none}.t-display{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.t-h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.t-h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.t-h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.t-body{font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--leading-relaxed);color:var(--text-secondary)}.t-small{font-size:var(--fs-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.t-caption{font-size:var(--fs-xs);line-height:var(--leading-normal);color:var(--text-muted)}.t-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}.t-mono{font-family:var(--font-mono)}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}.app-shell{background:var(--bg-base);background-image:radial-gradient(60% 50% at 20% 10%,#14a38a1f 0%,#0000 70%),radial-gradient(50% 60% at 80% 90%,#00aa9614 0%,#0000 70%);grid-template-columns:68px 190px 1fr;height:100%;display:grid}.sidebar{-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);background:#101513bf;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:700}.channel-list{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.channel-list::-webkit-scrollbar{width:4px}.channel-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.empty-hint{color:var(--text-muted);padding:12px 8px;font-size:13px}.channel-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.channel-item.active{background:var(--glass-active)}.channel-item.active .ch-name{color:var(--text-primary);font-weight:600}.channel-item.unjoined .ch-name{color:var(--text-muted)}.ch-icon{text-align:center;flex-shrink:0;width:28px;font-size:18px}.ch-info{flex:1;min-width:0}.ch-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition);font-size:14px;display:block;overflow:hidden}.settings-btn{opacity:0;transition:opacity var(--transition);color:var(--text-muted);padding:2px}.channel-item:hover .settings-btn{opacity:1}.settings-btn:hover{color:var(--text-primary)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.badge-private{color:var(--warning);background:#f4a26126}.badge-join{color:var(--accent-light);cursor:pointer;background:#14a38a2e}.user-bar{border-top:1px solid var(--glass-border);background:#00000040;align-items:center;gap:10px;padding:12px 14px;display:flex}.user-info{text-align:left;flex:1;min-width:0}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.user-status{color:var(--success);font-size:11px}.user-bar-main{border-radius:var(--radius-sm);min-width:0;transition:background var(--transition);background:0 0;flex:1;align-items:center;gap:10px;margin:-4px;padding:4px;display:flex}.user-bar-main:hover{background:var(--glass-hover)}.avatar{text-transform:uppercase;letter-spacing:-.5px;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-framed{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-framed .avatar{flex-shrink:0}.avatar-framed.frame_gold{background:linear-gradient(135deg,#c0a060,gold,#ffec80,#c0a060)}.avatar-framed.frame_silver{background:linear-gradient(135deg,#888,#ddd,#bbb,#888)}.avatar-framed.frame_ice{background:linear-gradient(135deg,#67e8f9,#e0f2fe,#a5f3fc,#67e8f9)}.avatar-framed.frame_rose{background:linear-gradient(135deg,#f9a8d4,#fce7f3,#fbcfe8,#f472b6)}.avatar-framed.frame_emerald{background:linear-gradient(135deg,#34d399,#d1fae5,#6ee7b7,#10b981)}.avatar-framed.frame_fire{will-change:background-position;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#ff4500) 0 0/300% 300%;animation:2s ease-in-out infinite frame-fire}@keyframes frame-fire{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_rainbow{will-change:background-position;background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00cfff,#8b00ff,red) 0 0/300% 100%;animation:3s linear infinite frame-rainbow}@keyframes frame-rainbow{0%{background-position:0 0}to{background-position:300% 0}}.avatar-framed.frame_galaxy{will-change:background-position;background:linear-gradient(135deg,#4c1d95,#7c3aed,#1e40af,#312e81,#6d28d9,#4c1d95) 0 0/300% 300%;animation:5s ease-in-out infinite frame-galaxy}@keyframes frame-galaxy{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_neon{will-change:background-color;background:#0f8;animation:2.5s ease-in-out infinite frame-neon-pulse;transform:translateZ(0)}@keyframes frame-neon-pulse{0%,to{background:#0f8;box-shadow:0 0 0 2px #00ff8840}50%{background:#00dd6f;box-shadow:0 0 0 2px #00ff8826}}.avatar-framed.frame_twilight{will-change:background-position;background:linear-gradient(135deg,#7c3aed,#d97706,#db2777,#7c3aed) 0 0/300% 300%;animation:4s ease-in-out infinite frame-twilight}@keyframes frame-twilight{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_diamond{background:linear-gradient(135deg,#a8edff,#fff,#c8f0ff,#e8faff,#a8edff)}.avatar-framed.frame_platinum{background:linear-gradient(135deg,#b0b8c1,#e8edf0,#c8d0d5,#f0f4f6,#b0b8c1)}.avatar-framed.frame_copper{background:linear-gradient(135deg,#b87333,#d2936a,#c8742a,#e8a060,#b87333)}.avatar-framed.frame_sakura{background:linear-gradient(135deg,#ffb7c5,#fce4ec,#f48fb1,#fce4ec,#ffb7c5)}.avatar-framed.frame_lava{will-change:background-position;background:linear-gradient(270deg,#ff4500,#ff6b00,#f20,#ff8c00,#ff4500) 0 0/300% 300%;animation:2.5s ease-in-out infinite frame-lava}@keyframes frame-lava{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_hologram{will-change:background-position;background:linear-gradient(270deg,#0ff,#f0f,#ff0,#0f9,#0ff) 0 0/300% 300%;animation:3s linear infinite frame-hologram}@keyframes frame-hologram{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_ocean{will-change:background-position;background:linear-gradient(270deg,#005f87,#09c,#00c4e8,#0077a8,#005f87) 0 0/300% 300%;animation:4s ease-in-out infinite frame-ocean}@keyframes frame-ocean{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_toxic{will-change:background-color;background:#39ff14;animation:2s ease-in-out infinite frame-toxic;transform:translateZ(0)}@keyframes frame-toxic{0%,to{background:#39ff14;box-shadow:0 0 0 2px #39ff1440}50%{background:#00ff41;box-shadow:0 0 0 2px #00ff4126}}.avatar-framed.frame_aurora{will-change:background-position;background:linear-gradient(270deg,#00ff87,#60efff,#0061ff,#f0c,#00ff87) 0 0/300% 300%;animation:5s ease-in-out infinite frame-aurora}@keyframes frame-aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_void{will-change:background-color;background:#0a0015;animation:4s ease-in-out infinite frame-void;transform:translateZ(0)}@keyframes frame-void{0%,to{background:#0a0015;box-shadow:0 0 0 2px #60c3}50%{background:#1a0030;box-shadow:0 0 0 2px #9900ff1f}}.avatar-framed.frame_phoenix{will-change:background-position;background:linear-gradient(270deg,#f20,#f60,#fc0,#fff5cc,#fff,#cce8ff,#67e8f9,#09c,#cce8ff,#fff,#fff5cc,#fc0,#f60,#f20) 0 0/600% 100%;animation:8s ease-in-out infinite frame-phoenix}@keyframes frame-phoenix{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_ghost{will-change:background-position;background:linear-gradient(270deg,#0a0010,#1a0030,#2d0050,#4a1070,#6b21a8,#9ca3af,#e5e7eb,#f8fafc,#9ca3af,#4a1070,#2d0050,#1a0030,#0a0010) 0 0/600% 100%;animation:8s ease-in-out infinite frame-ghost-flow;transform:translateZ(0)}@keyframes frame-ghost-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.avatar-framed.frame_night{will-change:background-position;background:linear-gradient(270deg,#000,#010b18,#03122e,#050d3a,#0c1445,#0e2a6e,#1a4a9e,#67e8f9,#cce8ff,#fff,#cce8ff,#67e8f9,#1a4a9e,#0e2a6e,#050d3a,#03122e,#010b18,#000) 0 0/600% 100%;animation:9s ease-in-out infinite frame-night-flow;transform:translateZ(0)}@keyframes frame-night-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.frame-shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px;display:grid}.frame-shop-card{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);transition:border-color var(--transition), background var(--transition);flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;display:flex}.frame-shop-card.owned{background:#14a38a14}.frame-shop-card.active-frame{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.frame-shop-card .shop-badge-info{text-align:center}.frame-preview-wrap{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:3px;display:flex}.frame-preview-wrap.frame_gold{background:linear-gradient(135deg,#c0a060,gold,#ffec80,#c0a060)}.frame-preview-wrap.frame_silver{background:linear-gradient(135deg,#888,#ddd,#bbb,#888)}.frame-preview-wrap.frame_ice{background:linear-gradient(135deg,#67e8f9,#e0f2fe,#a5f3fc,#67e8f9)}.frame-preview-wrap.frame_rose{background:linear-gradient(135deg,#f9a8d4,#fce7f3,#fbcfe8,#f472b6)}.frame-preview-wrap.frame_emerald{background:linear-gradient(135deg,#34d399,#d1fae5,#6ee7b7,#10b981)}.frame-preview-wrap.frame_fire{background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#ff4500) 0 0/300% 300%;animation:2s ease-in-out infinite frame-fire}.frame-preview-wrap.frame_rainbow{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00cfff,#8b00ff,red) 0 0/300% 100%;animation:3s linear infinite frame-rainbow}.frame-preview-wrap.frame_galaxy{background:linear-gradient(135deg,#4c1d95,#7c3aed,#1e40af,#312e81,#6d28d9,#4c1d95) 0 0/300% 300%;animation:5s ease-in-out infinite frame-galaxy}.frame-preview-wrap.frame_neon{background:#0f8;animation:1.5s ease-in-out infinite frame-neon-pulse}.frame-preview-wrap.frame_twilight{background:linear-gradient(135deg,#7c3aed,#d97706,#db2777,#7c3aed) 0 0/300% 300%;animation:4s ease-in-out infinite frame-twilight}.frame-preview-wrap.frame_diamond{background:linear-gradient(135deg,#a8edff,#fff,#c8f0ff,#e8faff,#a8edff)}.frame-preview-wrap.frame_platinum{background:linear-gradient(135deg,#b0b8c1,#e8edf0,#c8d0d5,#f0f4f6,#b0b8c1)}.frame-preview-wrap.frame_copper{background:linear-gradient(135deg,#b87333,#d2936a,#c8742a,#e8a060,#b87333)}.frame-preview-wrap.frame_sakura{background:linear-gradient(135deg,#ffb7c5,#fce4ec,#f48fb1,#fce4ec,#ffb7c5)}.frame-preview-wrap.frame_lava{background:linear-gradient(270deg,#ff4500,#ff6b00,#f20,#ff8c00,#ff4500) 0 0/300% 300%;animation:2.5s ease-in-out infinite frame-lava}.frame-preview-wrap.frame_hologram{background:linear-gradient(270deg,#0ff,#f0f,#ff0,#0f9,#0ff) 0 0/300% 300%;animation:3s linear infinite frame-hologram}.frame-preview-wrap.frame_ocean{background:linear-gradient(270deg,#005f87,#09c,#00c4e8,#0077a8,#005f87) 0 0/300% 300%;animation:4s ease-in-out infinite frame-ocean}.frame-preview-wrap.frame_toxic{background:#39ff14;animation:1.2s ease-in-out infinite frame-toxic}.frame-preview-wrap.frame_aurora{background:linear-gradient(270deg,#00ff87,#60efff,#0061ff,#f0c,#00ff87) 0 0/300% 300%;animation:5s ease-in-out infinite frame-aurora}.frame-preview-wrap.frame_void{background:#0a0015;animation:3s ease-in-out infinite frame-void}.frame-preview-wrap.frame_phoenix{will-change:background-position;background:linear-gradient(270deg,#f20,#f60,#fc0,#fff5cc,#fff,#cce8ff,#67e8f9,#09c,#cce8ff,#fff,#fff5cc,#fc0,#f60,#f20) 0 0/600% 100%;animation:8s ease-in-out infinite frame-phoenix}.frame-preview-wrap.frame_ghost{will-change:background-position, box-shadow;background:linear-gradient(270deg,#0a0010,#1a0030,#2d0050,#4a1070,#6b21a8,#9ca3af,#e5e7eb,#f8fafc,#9ca3af,#4a1070,#2d0050,#1a0030,#0a0010) 0 0/600% 100%;animation:6s ease-in-out infinite frame-ghost-flow,2.4s ease-in-out infinite frame-ghost-pulse;transform:translateZ(0)}.frame-preview-wrap.frame_night{will-change:background-position, box-shadow;background:linear-gradient(270deg,#000,#010b18,#03122e,#0e2a6e,#1a4a9e,#67e8f9,#cce8ff,#fff,#cce8ff,#67e8f9,#1a4a9e,#0e2a6e,#03122e,#010b18,#000) 0 0/600% 100%;animation:7s ease-in-out infinite frame-night-flow,3s ease-in-out infinite frame-night-glow;transform:translateZ(0)}.frame-preview-avatar{background:var(--glass-bg);width:42px;height:42px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.frame-animated-badge{color:var(--accent);margin-top:2px;font-size:10px;display:inline-block}.frame-gift-panel{border-radius:var(--radius);border:1px solid var(--accent);background:#14a38a0f;flex-direction:column;gap:10px;padding:14px;display:flex}.frame-gift-panel-header{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.frame-gift-hint{color:var(--text-muted);margin:0;font-size:12px}.frame-gift-friend-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.frame-gift-friend{border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:left;border:1px solid #0000;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.frame-gift-friend:hover{background:var(--glass-hover)}.frame-gift-friend.selected{border-color:var(--accent);background:#14a38a1f}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.main-panel{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.channel-header{height:var(--header-h);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:10;background:#10151399;flex-shrink:0;align-items:stretch;display:flex;position:relative;overflow:visible}.ch-header-main{z-index:2;align-items:center;gap:14px;width:100%;padding:0 20px;display:flex;position:relative}.ch-header-avatar{border:1px solid var(--glass-border);background:linear-gradient(135deg,#14a38a2e,#00aa961a);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:20px;display:grid;overflow:hidden}.ch-header-avatar img{object-fit:cover;width:100%;height:100%}.ch-header-emoji{line-height:1}.ch-header-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.ch-header-titlerow{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.ch-header-name{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.ch-header-meta{color:var(--text-muted);align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.ch-header-meta-item{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.ch-header-meta-owner{color:var(--text-secondary)}.ch-header-meta-desc{white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--glass-border);min-width:0;color:var(--text-muted);flex:1;margin-left:4px;padding-left:4px;overflow:hidden}.ch-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.messages-area{-webkit-user-select:text;user-select:text;contain:style;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:1;gap:3px;padding:20px 20px 8px;display:flex;overflow-y:auto}.messages-area::-webkit-scrollbar{width:5px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .15s}.messages-area.is-scrolling::-webkit-scrollbar-thumb{background:#ffffff52;transition:background .15s}.messages-area.is-hovered::-webkit-scrollbar-thumb{background:#ffffff52;transition:background .15s}.messages-area.is-scrolling::-webkit-scrollbar-thumb:hover{background:#14a38a99;transition:none}.messages-area.is-hovered::-webkit-scrollbar-thumb:hover{background:#14a38a99;transition:none}.load-older-spinner{flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}.load-older-end{text-align:center;color:var(--text-muted);flex-shrink:0;padding:8px 0 4px;font-size:11px}.scroll-to-bottom-btn{z-index:20;color:var(--text-primary);cursor:pointer;background:#1e1f22;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;align-self:center;align-items:center;gap:5px;padding:6px 13px 6px 10px;font-size:12px;font-weight:500;transition:background .15s,transform .1s;display:flex;position:sticky;bottom:12px;box-shadow:0 3px 12px #0006}.scroll-to-bottom-btn:hover{background:#2a2b2f;transform:translateY(-1px)}.scroll-to-bottom-badge{background:var(--accent,#14a38a);color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.4}[data-theme=light] .scroll-to-bottom-btn{color:var(--text-primary);background:#fff;border-color:#10201c1f;box-shadow:0 2px 12px #10201c24,0 1px 3px #10201c0f}[data-theme=light] .scroll-to-bottom-btn:hover{background:#f2f3f7}.message{border-radius:var(--radius-md);transition:background var(--transition);gap:12px;margin:3px;padding:10px 12px 10px 8px;display:flex;position:relative}.msg-body{flex:1;min-width:0;position:relative}.msg-head{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.msg-author{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2}.msg-head .user-badge-row{flex-shrink:0;gap:3px}.msg-head .user-badge{opacity:.85;gap:1px;padding:1px 4px;font-size:8.5px}.msg-head .user-badge-more{color:var(--text-muted);font-size:9px}.msg-author{color:var(--text-primary);font-size:14px;font-weight:700}.msg-time{color:var(--text-muted);font-size:11px}.msg-content{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;opacity:.92;margin:0;font-size:14.5px;line-height:1.65}.msg-image{border-radius:var(--radius-md);object-fit:contain;cursor:zoom-in;border:1px solid var(--glass-border);max-width:380px;max-height:280px;margin-top:6px;display:block}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-state.full-center{margin:auto}.empty-icon{margin-bottom:16px;font-size:52px}.empty-state h2{color:var(--text-secondary);margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{font-size:14px;line-height:1.6}.typing-bar{height:auto;color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;padding:2px 28px 4px;font-size:12px;font-style:italic;display:flex}.typing-active{color:var(--text-secondary)}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{background:var(--accent-light);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.join-banner{color:var(--text-secondary);background:#14a38a14;border-top:1px solid #14a38a33;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:14px 24px;font-size:13px;display:flex}.composer{flex-shrink:0;padding:0 15px}.composer-glass.composer-disabled{opacity:.4}.composer-input{color:var(--text-primary);resize:none;-webkit-user-select:text;user-select:text;background:0 0;flex:1;max-height:120px;padding:8px 4px;font-size:14px;line-height:1.5;overflow-y:auto}.composer-input::placeholder{color:var(--text-muted)}.composer-icon-btn,.composer-send-btn{width:36px;height:36px;transition:background var(--transition), color var(--transition);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-icon-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.composer-send-btn{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.composer-send-btn:hover:not(:disabled){background:var(--accent-light)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:background var(--transition), box-shadow var(--transition);box-shadow:0 2px 12px var(--accent-glow);padding:8px 18px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary-sm{background:var(--accent);color:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px var(--accent-glow);transition:background var(--transition);padding:5px 14px;font-size:12px;font-weight:600}.btn-primary-sm:hover{background:var(--accent-light)}.btn-ghost{background:var(--glass-hover);color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition);padding:8px 18px;font-size:14px;font-weight:500}.btn-ghost:hover{background:var(--glass-active);color:var(--text-primary)}.btn-ghost-sm{background:var(--glass-hover);color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition);padding:5px 12px;font-size:12px;font-weight:500}.btn-ghost-sm:hover{background:var(--glass-active);color:var(--text-primary)}.btn-danger{color:var(--danger);border-radius:var(--radius-md);transition:background var(--transition);background:#ff4d6d26;border:1px solid #ff4d6d40;padding:8px 18px;font-size:14px;font-weight:600}.btn-danger:hover{background:#ff4d6d40}.modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(120%);z-index:200;background:radial-gradient(#14a38a0f 0%,#0000 60%),#0404089e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.glass-modal{width:100%;max-height:calc(100vh - 48px);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:linear-gradient(#1c1c2af0 0%,#14141ef5 100%);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d}.glass-modal.size-sm{max-width:380px}.glass-modal.size-md{max-width:460px}.glass-modal.size-lg{max-width:580px}.glass-modal.size-xl{max-width:760px}.glass-modal.create-channel-modal{max-height:min(660px,100vh - 96px)}.glass-modal.wide{max-width:760px}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex}.modal-head-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.modal-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);align-items:center;gap:10px;line-height:1.2;display:flex}.modal-title-icon{font-size:22px;display:inline-flex}.modal-subtitle{font-size:var(--fs-md);color:var(--text-muted);line-height:var(--leading-normal)}.modal-close{background:var(--glass-hover);width:30px;height:30px;color:var(--text-muted);transition:background var(--transition), color var(--transition), transform var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--glass-active);color:var(--text-primary);transform:rotate(90deg)}.modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.modal-body.flush{padding:0}.modal-footer{border-top:1px solid var(--glass-border);background:#0000002e;align-items:center;gap:8px;padding:14px 24px 18px;display:flex}.modal-footer .spacer{flex:1}.form-section{flex-direction:column;gap:10px;display:flex}.form-section+.form-section{border-top:1px solid var(--glass-border);margin-top:6px;padding-top:18px}.section-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.section-description{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin-top:-4px}.section-content{flex-direction:column;gap:12px;display:flex}.picker-scroll{max-height:520px;padding:2px 4px 2px 0;overflow-y:auto}.picker-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 10px;font-size:11px;font-weight:700}.picker-section-title:not(:first-child){margin-top:18px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:2px;display:grid}.picker-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition);background:#ffffff0a;flex-direction:column;gap:8px;padding:8px;display:flex}.picker-card:hover{background:#14a38a1f;border-color:#14a38a66;transform:translateY(-2px)}.picker-card img{aspect-ratio:16/10;object-fit:cover;background:#000;border-radius:6px;width:100%;display:block}.picker-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.picker-loading,.picker-empty,.picker-error{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:32px;font-size:13px;display:flex}.picker-error{color:var(--danger)}.picker-hint{border-radius:var(--radius-md);color:var(--text-secondary);background:#14a38a14;border:1px solid #14a38a33;margin-top:16px;padding:10px 12px;font-size:11.5px;line-height:1.55}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.field{margin-bottom:14px}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);-webkit-user-select:text;user-select:text;background:#ffffff0d;padding:10px 14px;font-size:14px;display:block}.glass-input:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:#14a38a80}.glass-input::placeholder{color:var(--text-muted)}.toggle-row{color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;display:flex}.toggle{width:42px;height:24px;transition:background var(--transition);border:1px solid var(--glass-border);background:#ffffff1a;border-radius:12px;position:relative}.toggle.on{background:var(--accent);border-color:#0000}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.toggle.on:after{transform:translate(18px)}.icon-picker{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.icon-opt{border-radius:var(--radius-sm);background:var(--glass-bg);width:40px;height:40px;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;justify-content:center;align-items:center;font-size:20px;display:flex}.icon-opt:hover{background:var(--glass-hover)}.icon-opt.selected{border-color:var(--accent);background:#14a38a33}.toast{-webkit-backdrop-filter:var(--glass-blur);color:#ff9aaa;border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:999;cursor:pointer;background:#1e1e28eb;border:1px solid #ff4d6d59;align-items:center;gap:12px;padding:12px 20px;font-size:13px;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-close{color:#ff9aaa99;transition:color var(--transition);font-size:12px}.toast-close:hover{color:#ff9aaa}.spinner{border:2.5px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{background:var(--bg-base);background-image:radial-gradient(70% 60% at 30% 20%,#14a38a2e 0%,#0000 65%),radial-gradient(50% 70% at 75% 80%,#00c8ff1a 0%,#0000 65%);flex-direction:column;justify-content:center;align-items:center;gap:0;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.auth-card{width:100%;max-width:400px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow), 0 0 0 1px #ffffff08;background:#14141ecc;padding:36px 32px;animation:.3s cubic-bezier(.34,1.2,.64,1) modal-in}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo-icon{background:#000;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;display:inline-flex;overflow:hidden;box-shadow:0 2px 10px #14a38a26}.auth-card h1{text-align:center;color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:800}.auth-card .sub{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:13px}.auth-error{color:#ff9aaa;border-radius:var(--radius-md);text-align:center;background:#ff4d6d1f;border:1px solid #ff4d6d4d;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13px}.auth-toggle button{color:var(--accent-light);transition:color var(--transition);margin-left:4px;font-weight:600}.auth-toggle button:hover{color:#fff}.auth-policy{text-align:center;color:var(--text-muted);margin-top:12px;font-size:11.5px;line-height:1.5}.auth-policy a{color:var(--accent-light);text-underline-offset:2px;text-decoration:underline}.auth-policy a:hover{color:#fff}.auth-policy-link{color:var(--accent-light);text-underline-offset:2px;font-size:inherit;cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.auth-policy-link:hover,[data-theme=light] .auth-policy-link:hover{color:var(--accent)}.policy-tabs{border-bottom:1px solid var(--glass-border);gap:4px;padding:12px 24px 0;display:flex}.policy-tab{color:var(--text-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:color var(--transition), border-color var(--transition), background var(--transition);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px 10px;font-size:13px;font-weight:500;display:flex}.policy-tab:hover{color:var(--text-secondary);background:var(--glass-hover)}.policy-tab.active{color:var(--text-primary);border-bottom-color:var(--accent);background:#14a38a14}.policy-body{gap:0;max-height:60vh}.policy-section{border-bottom:1px solid #ffffff0d;padding:4px 0 14px}.policy-section:last-child{border-bottom:none;padding-bottom:4px}.policy-section-title{color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:8px;font-size:13.5px;font-weight:700}.policy-p{color:var(--text-secondary);margin-bottom:6px;font-size:12.5px;line-height:1.65}.policy-p:last-child{margin-bottom:0}.policy-p strong{color:var(--text-primary);font-weight:600}.policy-ul{flex-direction:column;gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.policy-ul li{color:var(--text-secondary);padding-left:14px;font-size:12.5px;line-height:1.6;position:relative}.policy-ul li:before{content:"–";color:var(--accent-light);font-weight:700;position:absolute;left:0}.auth-divider{align-items:center;gap:10px;width:100%;max-width:400px;padding:16px 0 4px;display:flex}.auth-divider-line{background:var(--glass-border);flex:1;height:1px}.auth-divider-text{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.auth-guest-card{margin-top:0;padding:20px 32px 24px}.server-offline-banner{z-index:9999;color:#fff;letter-spacing:.01em;background:#c0392b;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;animation:.25s slideDownBanner;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000040}.server-offline-dot{background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite pulseDot}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}[data-theme=light] .server-offline-banner{background:#e74c3c}.app-loading{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.voice-active-bar{color:#2dce89;background:#2dce8912;border-bottom:1px solid #2dce892e;flex-shrink:0;align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.voice-active-label{flex:1;font-weight:500}.voice-active-leave{color:#ff4d6d;background:#ff4d6d14;border:1px solid #ff4d6d40;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.voice-active-leave:hover{background:#ff4d6d29;border-color:#ff4d6d66}.btn-new-dm{width:24px;height:24px;color:var(--accent-light);background:#14a38a1a;border:1px solid #14a38a4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.btn-new-dm:hover{color:#fff;background:#14a38a38;border-color:#14a38a80}.voice-panel{flex-direction:column;flex-shrink:0;gap:8px;padding:8px 16px 0;display:flex}.screens-grid{gap:8px;margin-bottom:4px;display:grid}.screen-tile{border-radius:var(--radius-md);border:1px solid var(--glass-border);aspect-ratio:16/9;box-shadow:var(--glass-shadow);background:#000;position:relative;overflow:hidden}.screen-tile video{object-fit:contain;width:100%;height:100%;display:block}.screen-tile-label{-webkit-backdrop-filter:blur(10px);color:#fff;background:#0009;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.voice-bar{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);background:#2dce8914;border:1px solid #2dce8940;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 4px 20px #0000004d}.voice-status{color:var(--success);flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.voice-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.voice-participants{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.voice-participants::-webkit-scrollbar{display:none}.voice-pill{border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition);background:#ffffff0f;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px;display:flex}.voice-pill.speaking{border-color:var(--success);box-shadow:0 0 0 2px #2dce8940}.voice-pill-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:500;overflow:hidden}.voice-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.voice-btn{width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.voice-btn:active{transform:scale(.92)}.voice-btn:hover{color:var(--text-primary);background:#ffffff24}.voice-btn.off{color:var(--danger);background:#ff4d6d2e;border-color:#ff4d6d59}.voice-btn.active{color:var(--accent-light);background:#14a38a38;border-color:#14a38a66}.voice-btn.leave{color:var(--danger);background:#ff4d6d2e;border-color:#ff4d6d59}.voice-btn.leave:hover{background:#ff4d6d52}.btn-voice-join{color:var(--success);border-radius:var(--radius-md);transition:all var(--transition);background:#2dce891f;border:1px solid #2dce894d;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.btn-voice-join:hover{background:#2dce8938}.self-share-banner{border-radius:var(--radius-md);color:var(--accent-light);background:#14a38a1f;border:1px solid #14a38a4d;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.self-share-banner .btn-link-sm{color:var(--danger);transition:all var(--transition);background:0 0;border:1px solid #ff4d6d66;border-radius:14px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:600}.self-share-banner .btn-link-sm:hover{background:#ff4d6d2e}.profile-tabs{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a;gap:4px;margin-bottom:18px;padding:4px;display:flex}.profile-tab{color:var(--text-muted);transition:all var(--transition);background:0 0;border-radius:8px;flex:1;padding:8px 14px;font-size:12.5px;font-weight:600}.profile-tab:hover{color:var(--text-secondary)}.profile-tab.active{color:var(--accent-light);box-shadow:0 2px 8px var(--accent-glow);background:#14a38a2e}.profile-pane{animation:.18s modal-in}.profile-banner{border-radius:var(--radius-md);height:110px;margin-bottom:50px;position:relative}.profile-banner-uploadable{cursor:pointer}.profile-banner-uploadable:hover:not(:has(.avatar-upload-wrap:hover)) .banner-upload-overlay{opacity:1}.banner-upload-overlay{border-radius:var(--radius-md);color:#fff;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:opacity .18s;display:flex;position:absolute;inset:0}.banner-remove-btn{color:#fff;cursor:pointer;z-index:3;background:#000000a6;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex;position:absolute;top:7px;right:7px}.banner-remove-btn:hover{background:#dc3232cc}.profile-banner-avatar{border:4px solid #161620f2;border-radius:50%;position:absolute;bottom:-42px;left:20px}.avatar-upload-wrap{cursor:pointer;border-radius:50%;display:inline-flex;position:relative}.avatar-upload-overlay{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.avatar-upload-wrap:hover .avatar-upload-overlay{opacity:1}.avatar-uploading{background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-card-body{flex-direction:column;gap:14px;padding:0 4px;display:flex}.profile-name{color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:18px;font-weight:700;display:flex}.profile-handle{color:var(--text-muted);font-size:13px;font-weight:500}.profile-actions-row{gap:8px;margin-top:-4px;display:flex}.btn-secondary-sm{color:var(--accent-light);border-radius:var(--radius-md);transition:all var(--transition);background:#14a38a2e;border:1px solid #14a38a59;padding:5px 14px;font-size:12px;font-weight:600}.btn-secondary-sm:hover{background:#14a38a47}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.textarea{resize:vertical;min-height:70px;font-family:inherit;line-height:1.5}.field-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.field-hint.error{color:var(--danger)}.success-banner{border-radius:var(--radius-md);color:var(--success);background:#2dce891f;border:1px solid #2dce894d;padding:10px 14px;font-size:12.5px;font-weight:600}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;width:32px;height:32px;transition:transform var(--transition), border-color var(--transition);background:#ffffff14;border:2px solid #0000;border-radius:50%}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.color-swatch.none{border:1px dashed var(--glass-border);background:linear-gradient(135deg, transparent 47%, var(--text-muted) 47%, var(--text-muted) 53%, transparent 53%)!important}.sidebar-header-actions{align-items:center;gap:4px;display:flex}.badge-owner{color:var(--accent-light);background:#14a38a2e}.settings-tabs{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;gap:4px;margin:-8px -4px 18px;padding-bottom:4px;display:flex}.settings-tab{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);transition:color var(--transition), background var(--transition);padding:8px 14px;font-size:13px;font-weight:600}.settings-tab:hover{color:var(--text-secondary);background:var(--glass-hover)}.settings-tab.active{color:var(--text-primary);background:var(--glass-active);box-shadow:inset 0 -2px 0 var(--accent)}.invite-code-box{border-radius:var(--radius-lg);background:#14a38a14;border:1px solid #14a38a40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.invite-code-digits{letter-spacing:.18em;color:var(--accent-light);-webkit-user-select:text;user-select:text;font-family:SF Mono,Menlo,Consolas,monospace;font-size:28px;font-weight:700}.invite-code-actions{gap:6px;display:flex}.members-list{flex-direction:column;gap:4px;max-height:360px;padding:2px;display:flex;overflow-y:auto}.member-row{border-radius:var(--radius-md);align-items:center;gap:12px;padding:8px 10px;display:flex}.member-info{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{color:var(--text-primary);font-size:14px;font-weight:600}.member-handle{color:var(--text-muted);font-size:11px}.danger-zone{border-radius:var(--radius-lg);background:#ff4d6d0f;border:1px solid #ff4d6d33;padding:18px}.danger-zone h3{color:var(--danger);margin-bottom:6px;font-size:14px;font-weight:700}.modal-hint{color:var(--text-muted);margin:4px 0;font-size:12px;line-height:1.55}.modal-error{color:var(--danger);margin:8px 0;font-size:12px}.code-input{text-align:center;letter-spacing:.32em;font-family:SF Mono,Menlo,Consolas,monospace;font-weight:700;padding:14px!important;font-size:22px!important}.channel-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.channel-preview-icon{font-size:30px}.channel-preview-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.channel-preview-name{color:var(--text-primary);font-size:16px;font-weight:700}.channel-preview-desc{color:var(--text-secondary);font-size:12px}.channel-preview-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.mention-popup{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#161620f5;flex-direction:column;gap:1px;max-height:220px;margin-bottom:6px;padding:4px;animation:.12s ease-out modal-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000008c}.mention-item{border-radius:var(--radius-sm);text-align:left;transition:background var(--transition);align-items:center;gap:10px;width:100%;padding:6px 10px;display:flex}.mention-item.active,.mention-item:hover{background:var(--glass-active)}.mention-name{color:var(--text-primary);font-size:13px;font-weight:600}.mention-handle{color:var(--text-muted);margin-left:auto;font-size:11px}.mention-pill{color:var(--accent-light);cursor:pointer;transition:background var(--transition);background:#14a38a2e;border-radius:6px;padding:1px 5px;font-weight:600;display:inline}.mention-pill:hover{background:#14a38a47}.mention-pill.mention-self{color:var(--warning);background:#f4a26138}.message.message-mentions-me{box-shadow:inset 3px 0 0 var(--warning);background:linear-gradient(90deg,#f4a2611a,#f4a26105 60%,#0000)}.message.message-mentions-me:hover{background:linear-gradient(90deg,#f4a26129,#f4a2610a 60%,#0000)}.app-shell.with-member-panel{grid-template-columns:68px 190px 1fr 190px;transition:grid-template-columns .22s}.app-shell.with-member-panel.member-panel-collapsed{grid-template-columns:68px 190px 1fr 56px}.app-shell.community-view{grid-template-columns:68px 1fr}.app-shell.community-view.with-member-panel{grid-template-columns:68px 1fr 190px}.app-shell.community-view.with-member-panel.member-panel-collapsed{grid-template-columns:68px 1fr 56px}.dm-item{align-items:center}.dm-item-avatar{flex-shrink:0;margin-right:10px;position:relative}.dm-status-dot{box-sizing:border-box;background:var(--text-muted);border:2px solid var(--bg-layer1);width:8px;height:8px;transition:background var(--transition), transform .2s;border-radius:50%;position:absolute;bottom:0;right:0;transform:translate(-35%,-35%);box-shadow:0 0 0 1px #0000001a}.dm-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;display:block;overflow:hidden}.sidebar-dm-footer{border-top:1px solid var(--glass-border);flex-shrink:0;padding:8px 12px}.sidebar-new-dm-btn{border-radius:var(--radius-sm);width:100%;color:var(--accent-light);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:#14a38a1f;border:1px solid #14a38a40;align-items:center;gap:7px;padding:7px 10px;font-size:13px;display:flex}.sidebar-new-dm-btn:hover{background:#14a38a38;border-color:#14a38a73}.user-online-dot{background:var(--success);border:2px solid var(--bg-layer1);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dm-view{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.dm-view>*{z-index:1;position:relative}.dm-view>.channel-header{z-index:20}.dm-header-avatar{flex-shrink:0;margin-right:10px;position:relative}.dm-online-dot{background:var(--text-muted);border:2px solid var(--bg-layer1);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dm-online-dot.online{background:var(--success)}.member-panel{background:var(--bg-layer1);border-left:1px solid var(--glass-border);flex-direction:column;min-width:0;transition:width .22s;display:flex;position:relative;overflow-y:auto}.member-panel--collapsed{min-width:52px;width:52px!important}.member-panel-toggle-top{width:32px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-bottom:2px;transition:color .12s,background .12s;display:flex}.member-panel-toggle-top:hover{color:var(--text-primary);background:var(--glass-hover)}.member-panel-toggle-header{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;transition:color .12s,background .12s;display:flex}.member-panel-toggle-header:hover{color:var(--text-primary);background:var(--glass-hover)}.member-panel-compact{flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 0 8px;display:flex}.member-panel-compact-premium{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);writing-mode:vertical-rl;background:#14a38a1f;border:1px solid #14a38a38;border-radius:999px;align-items:center;gap:3px;margin-bottom:4px;padding:2px 6px;font-size:9px;font-weight:700;display:flex;transform:rotate(180deg)}.member-panel-compact-grid{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.member-icon-btn{cursor:pointer;border-radius:50%;flex-shrink:0;transition:transform .12s;position:relative}.member-icon-btn:hover{transform:scale(1.1)}.member-icon-btn.offline{opacity:.4}.member-icon-dot{background:var(--text-muted);border:2px solid var(--bg-layer1);opacity:.5;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.member-icon-dot.online{background:var(--success);opacity:1}.member-icon-more{color:var(--text-muted);padding:2px 0;font-size:10px;font-weight:700}.member-panel-compact-count{color:var(--text-muted);opacity:.6;margin-top:4px;font-size:9px}.member-panel-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex-shrink:0;align-items:center;gap:5px;padding:14px 12px 8px;font-size:11px;font-weight:700;display:flex}.member-section{padding:4px 0 2px}:root:not([data-theme=light]) .member-section{background:var(--bg-rail)}.member-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);opacity:.7;padding:8px 12px 3px;font-size:10px;font-weight:700}.member-row{cursor:pointer;contain:layout style;border-radius:8px;align-items:center;gap:8px;margin:0 4px;padding:5px 10px;transition:background .12s;display:flex}.member-row:hover{background:var(--glass-hover)}.member-avatar-wrap{flex-shrink:0;position:relative}.member-status-dot{background:var(--text-muted);border:2px solid var(--bg-layer1);opacity:.5;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.member-status-dot.online{background:var(--success);opacity:1}.member-info{flex-direction:column;min-width:0;display:flex}.member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.user-hover-card{z-index:9999;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:280px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:fixed;overflow:hidden;box-shadow:0 16px 48px #0000008c}.uhc2{z-index:9999;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px)saturate(160%);width:300px;position:fixed;overflow:hidden;box-shadow:0 20px 60px #000000a6}.uhc2-banner{flex-shrink:0;height:120px;position:relative;overflow:hidden}.uhc2-banner-img{object-fit:cover;width:100%;height:100%;display:block}.uhc2-banner-gradient{width:100%;height:100%}.uhc2-avatar-wrap{z-index:2;margin-top:-54px;padding:0 16px;position:relative}.uhc2-avatar-ring{vertical-align:top;background:var(--bg-layer2);border-radius:50%;padding:3px;display:inline-flex;position:relative}.uhc2-status-dot{background:var(--text-muted);width:14px;height:14px;box-shadow:0 0 0 2px var(--bg-layer2);border:3px solid #0000;border-radius:50%;position:absolute;bottom:3px;right:3px}.uhc2-status-dot.online{background:var(--success)}.uhc2-status-dot.offline{background:var(--text-muted)}.uhc2-body{background:var(--bg-layer2);z-index:1;margin-top:-44px;padding:50px 16px 16px;position:relative}.uhc2-identity{margin-bottom:4px}.uhc2-name-row{align-items:center;gap:6px;display:flex}.uhc2-name{color:var(--text-primary);margin:0;font-size:17px;font-weight:700;line-height:1.2}.uhc2-premium-star{color:#fbbf24;flex-shrink:0;font-size:13px}.uhc2-handle{color:var(--text-muted);margin-top:2px;font-size:12px}.uhc2-badges{margin:6px 0 4px}.uhc2-divider{background:var(--glass-border);height:1px;margin:10px 0}.uhc2-bio{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.uhc2-status-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.uhc2-status-indicator{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.uhc2-status-indicator.online{background:var(--success)}.uhc2-status-indicator.offline{background:var(--text-muted)}.uhc2-status-text{color:var(--text-muted);font-size:12px}.uhc2-actions{flex-direction:row;gap:6px;display:flex}.uhc2-btn{border-radius:var(--radius-md);cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap;border:none;outline:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s,transform .1s;display:flex}.uhc2-btn:active{transform:scale(.97)}.uhc2-btn-primary{background:var(--accent);color:#fff}.uhc2-btn-primary:hover{filter:brightness(1.12)}.uhc2-btn-secondary{background:var(--glass-hover);color:var(--text-secondary)}.uhc2-btn-secondary:hover{background:var(--glass-border);color:var(--text-primary)}.uhc-banner{flex-shrink:0;height:60px;position:relative}.uhc-avatar-wrap{position:absolute;bottom:-20px;left:16px}.uhc-status-dot{background:var(--text-muted);border:3px solid var(--bg-layer2);border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:1px}.uhc-status-dot.online{background:var(--success)}.uhc-body{padding:28px 16px 16px}.uhc-name{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:700}.uhc-handle{color:var(--text-muted);margin-bottom:6px;font-size:12px}.uhc-bio{color:var(--text-secondary);margin-bottom:6px;font-size:12px;line-height:1.5}.uhc-status-line{color:var(--text-muted);margin-bottom:4px;font-size:11px}.uhc-last-seen{color:var(--text-muted);opacity:.7;margin-bottom:10px;font-size:10px}.uhc-actions{flex-wrap:wrap;gap:8px;display:flex}.uhc-btn{flex:1;min-width:0;padding:7px 12px!important;font-size:12px!important}.call-overlay{z-index:10000;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;gap:12px;width:auto;min-width:260px;max-width:340px;padding:14px 16px;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 32px #0000008c}.call-overlay-row{align-items:center;gap:12px;display:flex}.call-overlay-mic-row{border-top:1px solid var(--glass-border);align-items:center;gap:8px;padding-top:4px;display:flex}.call-mic-slider{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.call-mic-label{color:var(--text-muted);text-align:right;min-width:34px;font-size:11px}.call-overlay.incoming{border-color:#2dce8966;box-shadow:0 8px 32px #2dce8926}.call-overlay.active{border-color:#14a38a66;box-shadow:0 8px 32px #14a38a26}.call-overlay.rejected,.call-overlay.ended{border-color:#ef444459;box-shadow:0 8px 32px #ef44441f}.call-label-status{color:var(--danger);margin-top:1px;font-size:12px;font-weight:500}.call-overlay-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.call-overlay-text{flex-direction:column;display:flex}.call-name{color:var(--text-primary);font-size:14px;font-weight:600}.call-label{color:var(--text-muted);margin-top:1px;font-size:11px}.call-overlay-actions{flex-shrink:0;gap:8px;display:flex}.call-btn{cursor:pointer;width:40px;height:40px;transition:background var(--transition), box-shadow var(--transition), transform .1s, opacity var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.call-btn:hover{transform:translateY(-1px)}.call-btn:active{transform:scale(.92)}.call-accept{background:var(--success);color:#fff;box-shadow:0 4px 14px #2dce8966}.call-accept:before{content:"";border:2px solid var(--success);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite call-pulse-ring;position:absolute;inset:0}@keyframes call-pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.call-accept:hover{background:var(--success);filter:brightness(1.08)}.call-reject,.call-end{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ff4d6d61}.call-reject:hover,.call-end:hover{background:var(--danger);filter:brightness(1.08)}.call-mute{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)!important}.call-mute.muted{color:var(--warning);background:#f4a2612e}.call-mute.no-device{opacity:.5}.call-mute:hover{background:var(--glass-hover)}.icon-btn.active{color:var(--accent-light);background:#14a38a26}.msg-avatar-btn{border-radius:50%;flex:0 0 36px;align-self:flex-start;min-width:0;display:inline-block;overflow:visible}.msg-avatar-btn:hover{opacity:.85}.msg-author{transition:color var(--transition)}.msg-author:hover{color:var(--accent-light)}.message{align-items:flex-start;position:relative}.msg-reply-ref{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff06;border-radius:6px;align-items:stretch;gap:0;max-width:100%;margin-bottom:5px;font-size:12.5px;display:flex;overflow:hidden}.msg-reply-bar{background:var(--accent-light);opacity:.7;border-radius:3px 0 0 3px;flex-shrink:0;width:3px}.msg-reply-inner{flex:1;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:flex;overflow:hidden}.msg-reply-icon{display:none}.msg-reply-author{color:var(--accent-light);flex-shrink:0;font-weight:700}.msg-reply-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-size:12px;overflow:hidden}.msg-reply-deleted{opacity:.7;font-style:italic}.msg-reply-ref--clickable{cursor:pointer}.msg-reply-ref--clickable:hover{background:#ffffff0b}.msg-reply-ref--clickable:hover .msg-reply-author{text-decoration:underline}.msg-reply-thumb{object-fit:cover;opacity:.85;border-radius:3px;flex-shrink:0;width:28px;height:28px}.msg-highlight{animation:1.8s ease-out forwards msg-highlight-flash}@keyframes msg-highlight-flash{0%{background:rgba(var(--accent-rgb,20,163,138), .25)}60%{background:rgba(var(--accent-rgb,20,163,138), .12)}to{background:0 0}}.msg-tag{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-left:4px;font-size:10.5px}.msg-tag.pinned-tag{color:var(--warning)}.message.message-deleted .msg-content{opacity:.55}.msg-deleted-text{font-size:13px;color:var(--text-muted)!important}.message.message-pinned{box-shadow:inset 2px 0 0 var(--warning);background:linear-gradient(90deg,#f4a26112,#0000 80%)}.message.message-pinned:hover{background:linear-gradient(90deg,#f4a2611a,#ffffff05 80%)}.msg-edit-box{flex-direction:column;gap:6px;margin-top:2px;display:flex}.msg-edit-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;-webkit-user-select:text;user-select:text;min-height:40px;transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0d;padding:10px 12px;font-size:14px;line-height:1.5}.msg-edit-input:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:#14a38a80;outline:none}.msg-edit-actions{align-items:center;gap:8px;display:flex}.msg-edit-hint{color:var(--text-muted);margin-right:auto;font-size:11px}.msg-actions{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);opacity:0;pointer-events:none;z-index:20;white-space:nowrap;background:#161620eb;border-radius:10px;align-items:center;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;top:0;right:8px;box-shadow:0 4px 16px #00000059}.msg-actions.visible{opacity:1;pointer-events:auto}.message.message-own .msg-actions{left:auto;right:8px}.msg-action-btn{width:30px;height:30px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.msg-action-btn:hover{background:var(--glass-hover);color:var(--text-primary);transform:scale(1.05)}.msg-action-btn.danger:hover{color:var(--danger);background:#ff4d6d2e}.msg-action-wrap{position:relative}.emoji-quick-picker{border-radius:var(--radius-md);z-index:9999;background:#1a1a2e;border:1px solid #ffffff1f;gap:2px;padding:4px;animation:.12s ease-out modal-in;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0000008c}[data-theme=light] .emoji-quick-picker{color:#1a1a2e;background:#fff;border-color:#10201c24;box-shadow:0 10px 30px #10201c2e}[data-theme=light] .emoji-tab{color:#4a5568}[data-theme=light] .emoji-tab.active{color:#0f9d86;background:#14a38a1f}[data-theme=light] .emoji-picker-tabs{border-bottom-color:#10201c1a}[data-theme=light] .emoji-pick-btn:hover{background:#10201c0f}[data-theme=light] .prem-pick-btn:hover{background:#10201c0a}[data-theme=light] .prem-pick-label{color:#718096}.emoji-picker-expanded{flex-direction:column;gap:0;width:224px;min-height:0;padding:0;overflow:visible}.emoji-picker-tabs{border-bottom:1px solid var(--glass-border);gap:2px;margin-bottom:4px;padding:4px 4px 0;display:flex}.emoji-tab{color:var(--text-muted);white-space:nowrap;border-radius:6px 6px 0 0;flex:1;padding:5px 6px;font-size:11px;font-weight:600;transition:all .15s}.emoji-tab.active{color:var(--accent-light);background:#14a38a26}.emoji-tab-credits{opacity:.8;margin-left:2px}.emoji-picker-grid{flex-wrap:wrap;gap:2px;padding:4px;display:flex}.emoji-picker-grid-premium{gap:5px;padding:6px}.emoji-pick-btn{width:32px;height:32px;transition:background var(--transition), transform .1s ease;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:18px;display:flex}.emoji-pick-btn:hover{background:var(--glass-hover);transform:scale(1.15)}.prem-pick-btn{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:2px;width:calc(25% - 4px);height:auto;padding:6px 4px 5px;font-size:13px;transition:all .15s}.prem-pick-btn:hover{border-color:var(--prem-color,#fff3);box-shadow:0 0 10px 0 color-mix(in srgb, var(--prem-color) 40%, transparent);background:#ffffff0f;transform:translateY(-2px)scale(1.05)}.prem-pick-btn.cant-afford{opacity:.35;cursor:not-allowed}.prem-pick-btn.cant-afford:hover{box-shadow:none;transform:none}.prem-pick-emoji{font-size:22px;line-height:1}.prem-pick-label{color:var(--text-muted);font-size:9px;line-height:1}.prem-pick-cost{color:#fbbf24;font-size:10px;font-weight:700;line-height:1}.msg-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction-chip{color:var(--text-secondary);transition:all var(--transition);-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:12px;display:inline-flex}.reaction-chip:hover{background:#14a38a1a;border-color:#14a38a4d}.reaction-chip.mine{color:var(--accent-light);background:#14a38a2e;border-color:#14a38a73}.reaction-chip.premium{border-color:var(--prem-color,#ffffff40);box-shadow:0 0 6px 0 var(--prem-color,transparent), inset 0 0 10px #ffffff0a;animation:2.8s ease-in-out infinite prem-pulse}.reaction-chip.premium .reaction-emoji{filter:drop-shadow(0 0 4px var(--prem-color,transparent))}.reaction-chip.premium.mine{border-color:var(--prem-color,#fff6);box-shadow:0 0 10px 1px var(--prem-color,transparent), inset 0 0 14px #ffffff0f;background:#ffffff14}.reaction-prem-badge{display:none}@keyframes prem-pulse{0%,to{box-shadow:0 0 4px 0 var(--prem-color), inset 0 0 6px #ffffff08}50%{box-shadow:0 0 12px 2px var(--prem-color), inset 0 0 12px #ffffff12}}.reaction-emoji{font-size:13px;line-height:1}.reaction-count{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.reaction-tooltip-portal{color:#fff;pointer-events:auto;z-index:99999;text-align:center;background:#1a1a2e;border:1px solid #ffffff24;border-radius:10px;min-width:80px;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.5;animation:.12s ease-out tip-in;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 8px 24px #000000a6,0 0 0 1px #ffffff1f}.reaction-tooltip-portal.flip-down{animation:.12s ease-out tip-in-down;transform:translate(-50%,8px)}.rtip-header{color:#fff;margin-bottom:4px;font-size:13px;font-weight:500}.rtip-header strong{font-weight:700}.rtip-names{border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;margin-top:2px;padding-top:6px;display:flex}.rtip-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.rtip-name .avatar{border-radius:50%;flex-shrink:0;width:18px;height:18px;font-size:8px}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 8px))}}@keyframes tip-in-down{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,8px)}}.composer-reply-banner{color:var(--text-secondary);background:#14a38a14;border-bottom:1px solid #14a38a33;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:12px;display:flex}.composer-reply-icon{color:var(--accent-light);font-size:14px}.composer-reply-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.composer-reply-text strong{color:var(--accent-light);font-weight:600}.composer-reply-snippet{color:var(--text-muted);margin-left:4px}.composer-reply-close{width:22px;height:22px;color:var(--text-muted);transition:background var(--transition), color var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.composer-reply-close:hover{background:var(--glass-hover);color:var(--text-primary)}.pinned-list{flex-direction:column;gap:8px;max-height:480px;padding:2px 4px 2px 0;display:flex;overflow-y:auto}.pinned-list::-webkit-scrollbar{width:5px}.pinned-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.pinned-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:background var(--transition), border-color var(--transition);background:#ffffff0a;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pinned-item:hover{background:#ffffff0f;border-color:#14a38a40}.pinned-body{flex:1;min-width:0}.pinned-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.pinned-author{color:var(--text-primary);font-size:13px;font-weight:700}.pinned-time{color:var(--text-muted);font-size:11px}.pinned-text{color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;font-size:13.5px;line-height:1.5}.pinned-image{object-fit:contain;border:1px solid var(--glass-border);border-radius:8px;max-width:280px;max-height:200px;margin-top:4px;display:block}.confirm-message{color:var(--text-secondary);-webkit-user-select:text;user-select:text;margin-bottom:4px;font-size:14px;line-height:1.55}.dm-menu-wrap{position:relative}.dm-menu{min-width:180px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:50;background:#161620f5;padding:4px;animation:.12s ease-out modal-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0000008c}.dm-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.dm-menu-item:hover{background:var(--glass-hover);color:var(--text-primary)}.dm-menu-item.danger{color:var(--danger)}.dm-menu-item.danger:hover{color:#ff9aaa;background:#ff4d6d29}.member-row-kebab{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.member-row-kebab:hover{background:var(--glass-hover);color:var(--text-primary)}.member-row-kebab.active{background:var(--glass-hover);color:var(--text-primary);border-color:var(--glass-border)}.member-row-kebab:disabled{opacity:.5;cursor:default}.member-menu-backdrop{z-index:1299;position:fixed;inset:0}.member-row-menu{z-index:1300;min-width:204px}.member-row-menu-group{flex-direction:column;gap:1px;display:flex}.member-row-menu-group.bordered{border-top:1px solid var(--glass-border);margin-top:4px;padding-top:5px}.member-row-menu-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary,var(--text-secondary));padding:5px 10px 3px;font-size:10.5px;font-weight:700}.member-context-menu{z-index:80;width:min(320px,100vw - 24px);padding:0;position:fixed;overflow:hidden}.member-context-header{background:linear-gradient(#14a38a24,#14a38a0a);gap:12px;padding:14px;display:flex}.member-context-header-text{flex:1;min-width:0}.member-context-name{color:var(--text-primary);font-size:14px;font-weight:700}.member-context-handle{color:var(--text-muted);margin-top:2px;font-size:12px}.member-context-meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.member-context-pill{color:var(--text-secondary);background:#ffffff14;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.member-context-pill.accent{color:var(--accent-light);background:#14a38a29}.member-context-pill.online{color:#8ee89a;background:#4caf5029}.member-context-pill.warning{color:#ffd774;background:#ffc10729}.member-context-badges{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.member-context-section{padding:6px}.member-context-section-bordered{border-top:1px solid #ffffff14}[data-theme=light] .member-context-section-bordered{border-top:1px solid #0000001a}.member-context-hint{color:var(--text-muted);padding:8px 10px;font-size:12px}.member-context-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:8px 10px 10px;display:flex}.member-context-close{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:6px 10px;font-size:12px}.member-context-close:hover{background:var(--glass-hover);color:var(--text-primary)}.dm-error-toast{color:#ff9aaa;border-radius:var(--radius-md);cursor:pointer;z-index:30;background:#1e1e28eb;border:1px solid #ff4d6d59;align-items:center;gap:12px;padding:10px 16px;font-size:12.5px;animation:.2s toast-in;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.dm-error-toast button{color:#ff9aaa99;font-size:11px}.app-shell{background-image:radial-gradient(60% 50% at 18% 6%,#14a38a29 0%,#0000 70%),radial-gradient(55% 65% at 82% 92%,#00aa961a 0%,#0000 70%),radial-gradient(80% 40%,#f4a2610a 0%,#0000 80%)}.message{transition:background var(--transition), box-shadow var(--transition)}.messages-area.is-scrolling::-webkit-scrollbar-thumb{background:#ffffff52}.messages-area.is-scrolling::-webkit-scrollbar-thumb:hover{background:#14a38a8c}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs.tabs-pill{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a;padding:4px}.tabs.tabs-underline{border-bottom:1px solid var(--glass-border);gap:2px}.tab{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-muted);border-radius:var(--radius-sm);letter-spacing:var(--tracking-tight);transition:color var(--transition), background var(--transition), box-shadow var(--transition);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tabs.tabs-pill .tab{flex:1}.tab:hover{color:var(--text-secondary);background:#ffffff0a}.tab.active{color:var(--accent-light);box-shadow:0 2px 10px var(--accent-glow);background:#14a38a29}.tabs.tabs-underline .tab{background:0 0;border-radius:0;padding:10px 14px;position:relative}.tabs.tabs-underline .tab.active{color:var(--text-primary);box-shadow:none;background:0 0}.tabs.tabs-underline .tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab-icon{font-size:14px;display:inline-flex}.btn{font-family:var(--font-text);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);border-radius:var(--radius-md);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-s-sm{font-size:var(--fs-sm);border-radius:var(--radius-sm);padding:6px 12px}.btn-s-md{padding:9px 16px}.btn-s-lg{font-size:var(--fs-lg);padding:12px 22px}.btn-v-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-v-primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 6px 18px var(--accent-glow)}.btn-v-secondary{color:var(--accent-light);background:#14a38a29;border-color:#14a38a52}.btn-v-secondary:hover:not(:disabled){background:#14a38a42}.btn-v-ghost{background:var(--glass-hover);color:var(--text-secondary);border-color:var(--glass-border)}.btn-v-ghost:hover:not(:disabled){background:var(--glass-active);color:var(--text-primary)}.btn-v-subtle{color:var(--text-secondary);background:0 0}.btn-v-subtle:hover:not(:disabled){color:var(--text-primary);background:var(--glass-hover)}.btn-v-danger{color:var(--danger);background:#ff4d6d24;border-color:#ff4d6d52}.btn-v-danger:hover:not(:disabled){background:#ff4d6d3d}.btn-icon{align-items:center;display:inline-flex}.btn-label{align-items:center;gap:5px;display:inline-flex}.search-input{align-items:center;display:flex;position:relative}.search-input .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-field{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);-webkit-user-select:text;user-select:text;background:#ffffff0a;padding:11px 38px}.search-input-field:focus{box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f;border-color:#14a38a80}.search-input-field::placeholder{color:var(--text-muted)}.search-input-clear{background:var(--glass-hover);width:22px;height:22px;color:var(--text-muted);transition:background var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.search-input-clear:hover{background:var(--glass-active);color:var(--text-primary)}.user-row{border-radius:var(--radius-md);text-align:left;width:100%;transition:background var(--transition), border-color var(--transition), transform var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px 10px;display:flex}.user-row.is-clickable{cursor:pointer}.user-row:hover{background:var(--glass-hover);border-color:var(--glass-border)}.user-row.selected{background:#14a38a29;border-color:#14a38a52}.user-row-avatar{flex-shrink:0;position:relative;overflow:visible}.user-row-avatar .presence-dot{background:var(--text-muted);border:2px solid #1a1a24;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.user-row-avatar .presence-dot.online{background:var(--success)}.user-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.user-row-name-line{align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.user-row-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-row-text>.user-badge-row{margin-top:1px}.user-row-handle{font-size:var(--fs-sm);color:var(--text-muted)}.empty-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 24px;display:flex}.empty-block-icon{opacity:.85;filter:grayscale(.2);margin-bottom:4px;font-size:36px}.empty-block-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.empty-block-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:320px}.empty-block-action{margin-top:8px}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-hint{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-regular)}.field-optional{font-size:var(--fs-2xs);color:var(--text-muted);font-weight:var(--fw-medium);text-transform:lowercase;letter-spacing:0;margin-left:8px}.badge{width:fit-content;font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);border-radius:999px;padding:2px 8px;display:inline-flex}.badge-neutral{background:var(--glass-hover);color:var(--text-secondary)}.badge-accent{color:var(--accent-light);background:#14a38a2e}.badge-success{color:var(--success);background:#2dce8929}.badge-danger{color:var(--danger);background:#ff4d6d29}.result-list{flex-direction:column;gap:2px;max-height:360px;margin:0 -4px;padding:4px;display:flex;overflow-y:auto}.result-list::-webkit-scrollbar{width:6px}.result-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.modal-body .modal-hint,.modal-body .modal-error{margin:0}.modal-hint{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.modal-error{font-size:var(--fs-sm);color:var(--danger);line-height:var(--leading-relaxed)}.field-label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);align-items:center;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.modal-body .field,.tab-pane .field,.form-stack .field,.form-section .field{margin-bottom:0}.field.has-error .glass-input{border-color:#ff4d6d80}.modal-body>.form-section+.form-section{margin-top:0}.search-loading{color:var(--text-muted);align-items:center;gap:8px;padding:6px 4px;display:flex}.user-row-cta{width:24px;height:24px;color:var(--text-muted);transition:color var(--transition), transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-row:hover .user-row-cta{color:var(--accent-light);transform:translate(2px)}.join-mode-picker{flex-direction:column;gap:10px;display:flex}.channel-type-picker{gap:10px;display:flex}.channel-type-card{border:1.5px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:border-color var(--transition), background var(--transition);background:#ffffff08;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;font-family:inherit;display:flex}.channel-type-card:hover{background:#ffffff0f}.channel-type-card.active{background:linear-gradient(135deg,#14a38a1f,#14a38a0d);border-color:#14a38a99;box-shadow:0 0 0 1px #14a38a40,0 0 20px -8px #14a38a80}.channel-type-icon{font-size:26px}.channel-type-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.channel-type-desc{font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.pill-toggle{border:1px solid var(--glass-border);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:#ffffff0a;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;display:inline-flex}.pill-toggle:hover{background:#ffffff14}.pill-toggle.active{color:var(--accent-primary);background:#14a38a2e;border-color:#14a38a73}.community-access-panel{background:var(--bg-layer1);border-left:1px solid var(--glass-border);z-index:30;flex-direction:column;width:240px;height:100%;display:flex;position:absolute;top:0;right:0}.community-access-panel--compact{align-items:center;gap:4px;width:56px;padding:12px 0 8px}.community-access-panel-body{flex:1;padding:0;overflow-y:auto}.community-access-badge{color:var(--accent-primary);white-space:nowrap;background:#14a38a26;border-radius:99px;flex-shrink:0;padding:1px 7px;font-size:10px}.join-mode-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition), transform var(--transition);color:var(--text-primary);background:#ffffff08;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex}.join-mode-card:hover{background:#ffffff0d}.join-mode-card.selected{background:linear-gradient(135deg,#14a38a1a,#14a38a0a);border-color:#14a38a8c;box-shadow:0 0 0 1px #14a38a40,0 0 24px -8px #14a38a8c}.join-mode-card .jm-icon{border-radius:var(--radius-sm);background:#ffffff0a;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.join-mode-card .jm-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.join-mode-card .jm-label{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.join-mode-card .jm-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.4}.join-mode-card .jm-radio{border:1.5px solid var(--glass-border);width:18px;height:18px;transition:border-color var(--transition);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.join-mode-card.selected .jm-radio{border-color:#14a38ad9}.join-mode-card .jm-radio-dot{width:8px;height:8px;transition:background var(--transition);background:0 0;border-radius:50%}.join-mode-card.selected .jm-radio-dot{background:#14a38a;box-shadow:0 0 8px #14a38acc}.role-select{flex-shrink:1;width:auto;max-width:130px}.role-select .custom-select-trigger{border-radius:var(--radius-sm);gap:4px;min-width:0;padding:4px 8px;font-size:11.5px;overflow:hidden}.role-select .custom-select-value{font-size:11.5px}.role-select .custom-select-chevron{flex-shrink:0;width:11px;height:11px}.role-select .custom-select-dropdown{border-radius:var(--radius-sm);width:130px;min-width:0;left:auto;right:0}.role-select .custom-select-item{padding:6px 10px;font-size:12px}[data-theme=light] .role-select .custom-select-trigger{background:#0000000a}[data-theme=light] .role-select .custom-select-trigger:hover{background:#00000012}.user-row-trailing{flex-shrink:0;align-items:center;gap:6px;display:flex}.modal-hint{font-size:var(--fs-xs);color:var(--text-muted);margin:8px 0 0;line-height:1.5}.modal-error{font-size:var(--fs-xs);color:var(--danger);margin:8px 0 0;line-height:1.5}[data-theme=light]{--bg-base:#eef2f1;--bg-layer1:#f6f9f8;--bg-layer2:#fff;--bg-elevated:#fff;--text-primary:#14211d;--text-secondary:#46615a;--text-muted:#8aa39c;--glass-bg:#ffffffb8;--glass-bg-strong:#ffffffeb;--glass-border:#14a38a1f;--glass-hover:#14a38a12;--glass-active:#14a38a24;--glass-shadow:0 12px 40px #1028221a, 0 2px 8px #1028220f;--glass-blur:blur(22px) saturate(180%);--accent:#0f9d86;--accent-light:#14a38a;--accent-glow:#0f9d862e;--danger:#e23656;--success:#18a86b;--warning:#e58721;--track-empty:#3c3c5021;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:var(--bg-base);color:var(--text-primary)}[data-theme=light] .app-shell{background:radial-gradient(ellipse 70% 55% at 15% 0%, #0f9d861a 0%, transparent 60%), radial-gradient(ellipse 55% 65% at 90% 100%, #00aaff14 0%, transparent 65%), radial-gradient(ellipse 80% 40% at 50% 50%, #ffaa5a0a 0%, transparent 80%), var(--bg-base)}[data-theme=light] .sidebar,[data-theme=light] .channels-panel,[data-theme=light] .members-panel{-webkit-backdrop-filter:blur(28px)saturate(180%);border-color:var(--glass-border);background:#ffffff8c;box-shadow:inset 0 1px #fff9}[data-theme=light] .chat-header,[data-theme=light] .channel-header{border-bottom:1px solid var(--glass-border);background:#ffffffa6}[data-theme=light] .channel-row,[data-theme=light] .dm-row{color:var(--text-secondary)}[data-theme=light] .channel-row:hover,[data-theme=light] .dm-row:hover{background:var(--glass-hover);color:var(--text-primary)}[data-theme=light] .channel-row.active,[data-theme=light] .dm-row.active{color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(135deg,#0f9d8624,#0f9d860f)}[data-theme=light] .composer-glass{border:none;border-top:1px solid var(--glass-border);box-shadow:none;background:0 0}[data-theme=light] .composer-glass:focus-within{box-shadow:none;border-top-color:#0f9d864d}[data-theme=light] .composer-input{color:var(--text-primary);caret-color:var(--accent);background:0 0}[data-theme=light] .composer-input::placeholder{color:var(--text-muted);opacity:.75}[data-theme=light] .composer-action-btn{color:var(--text-secondary)}[data-theme=light] .composer-action-btn:hover:not(:disabled){color:var(--text-primary);background:var(--glass-hover)}[data-theme=light] .msg-content{color:var(--text-primary);opacity:1}[data-theme=light] .msg-time,[data-theme=light] .msg-tag{color:var(--text-muted)}[data-theme=light] .modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10201c4d}[data-theme=light] .glass-modal{border:1px solid var(--glass-border);background:linear-gradient(#fffffff5 0%,#f8f9fdfa 100%);box-shadow:0 32px 80px #10201c2e,0 8px 24px #10201c14,inset 0 1px #fff}[data-theme=light] .modal-footer{border-top-color:var(--glass-border);background:0 0}[data-theme=light] .modal-title{color:var(--text-primary)}[data-theme=light] .modal-subtitle,[data-theme=light] .modal-close{color:var(--text-secondary)}[data-theme=light] .modal-close:hover{background:var(--glass-active);color:var(--text-primary)}[data-theme=light] .glass-input,[data-theme=light] .textarea,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=search],[data-theme=light] textarea:not(.composer-input):not(.msg-edit-input){color:var(--text-primary);background:#ffffffd9;border:1px solid #10201c1f;box-shadow:inset 0 1px #fff9}[data-theme=light] .glass-input:focus,[data-theme=light] .textarea:focus,[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] input[type=password]:focus,[data-theme=light] input[type=search]:focus,[data-theme=light] textarea:not(.composer-input):not(.msg-edit-input):focus{border-color:#0f9d868c;box-shadow:0 0 0 3px #0f9d8624}input[type=range],.mvp-slider,input[type=range]:focus,input[type=range]:focus-visible,[data-theme=light] input[type=range],[data-theme=light] .mvp-slider,[data-theme=light] input[type=range]:focus,[data-theme=light] input[type=range]:focus-visible{box-shadow:none!important;background-color:#0000!important;border:none!important;outline:none!important}[data-theme=light] .glass-input::placeholder,[data-theme=light] .textarea::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea:not(.composer-input):not(.msg-edit-input)::placeholder{color:var(--text-muted)}[data-theme=light] .btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #0f9d864d,inset 0 1px #ffffff2e}[data-theme=light] .btn-primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 8px 22px #0f9d865c,inset 0 1px #ffffff38}[data-theme=light] .btn-secondary,[data-theme=light] .btn-secondary-sm{color:var(--accent);background:#0f9d861a;border:1px solid #0f9d8633}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-secondary-sm:hover{background:#0f9d862e}[data-theme=light] .btn-ghost,[data-theme=light] .btn-ghost-sm{color:var(--text-secondary);background:0 0}[data-theme=light] .btn-ghost:hover,[data-theme=light] .btn-ghost-sm:hover{background:var(--glass-active);color:var(--text-primary)}[data-theme=light] .mention-pill:hover{background:#0f9d8633}[data-theme=light] .reaction-chip{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffffd9;box-shadow:0 1px 2px #10201c0a}[data-theme=light] .reaction-chip:hover{color:var(--text-primary);background:#fff}[data-theme=light] .toast{border:1px solid var(--glass-border);color:var(--text-primary);background:#fffffff2;box-shadow:0 12px 32px #10201c29}[data-theme=light] .user-hover-card{border:1px solid var(--glass-border);background:#fffffff5;box-shadow:0 24px 60px #10201c33}[data-theme=light] .uhc2{background:#fffffff7;box-shadow:0 20px 60px #10201c38}[data-theme=light] .uhc2-body,[data-theme=light] .uhc2-avatar-ring{background:#fffffff7}[data-theme=light] .uhc2-status-dot{box-shadow:0 0 0 2px #fffffff7}[data-theme=light] .uhc2-name{color:var(--text-primary)}[data-theme=light] .uhc2-handle{color:var(--text-muted)}[data-theme=light] .uhc2-bio{color:var(--text-secondary)}[data-theme=light] .uhc2-divider{background:var(--glass-border)}[data-theme=light] .uhc2-btn-secondary{color:var(--text-secondary)}[data-theme=light] .uhc2-btn-secondary:hover{color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#10201c29;transition:background .4s}[data-theme=light] .channel-list::-webkit-scrollbar-thumb{background:#10201c29;transition:background .4s}[data-theme=light] .modal-body::-webkit-scrollbar-thumb{background:#10201c29;transition:background .4s}[data-theme=light] .pinned-list::-webkit-scrollbar-thumb{background:#10201c29;transition:background .4s}[data-theme=light] .result-list::-webkit-scrollbar-thumb{background:#10201c29;transition:background .4s}[data-theme=light] .messages-area::-webkit-scrollbar-thumb{background:0 0;transition:background 1s}[data-theme=light] .messages-area.is-scrolling::-webkit-scrollbar-thumb{background:#10201c47;transition:background .1s}[data-theme=light] .modal-body::-webkit-scrollbar-thumb:hover{background:#10201c47}[data-theme=light] .messages-area.is-scrolling::-webkit-scrollbar-thumb:hover{background:#10201c47}[data-theme=light] .join-mode-card{border-color:var(--glass-border);background:#fff9}[data-theme=light] .join-mode-card:hover{background:#ffffffe6}[data-theme=light] .join-mode-card.selected{background:linear-gradient(135deg,#0f9d861f,#0f9d860a);border-color:#0f9d8673;box-shadow:0 0 0 1px #0f9d862e,0 8px 24px #0f9d862e}[data-theme=light] .join-mode-card .jm-icon{background:#0f9d861a}[data-theme=light] .user-badge{color:var(--text-primary);background:#10201c0f;border-color:#10201c1a}[data-theme=light] .user-badge.tone-gold{color:#b87800;background:#ffaa0029;border-color:#ffaa004d}[data-theme=light] .user-badge.tone-mint{color:#0f7d56;background:#14b48224;border-color:#14b4824d}[data-theme=light] .user-badge.tone-sky{color:#0c6e9c;background:#0096dc24;border-color:#0096dc4d}[data-theme=light] .user-badge.tone-violet{color:#6d3aa3;background:#8c50c824;border-color:#8c50c84d}[data-theme=light] .user-badge.tone-amber{color:#a85a10;background:#dc781e24;border-color:#dc781e4d}[data-theme=light] .user-badge.tone-pink{color:#a02968;background:#dc3c8c24;border-color:#dc3c8c4d}[data-theme=light] .user-badge.tone-rose{color:#a82030;background:#dc323c24;border-color:#dc323c4d}[data-theme=light] .user-badge.tone-neutral{color:#505088;background:#5050781f;border-color:#50507840}[data-theme=light] .user-badge.tone-age{color:#006b6b;background:#00aaaa24;border-color:#00aaaa4d}[data-theme=light] .style-pop{border:1px solid var(--glass-border);background:#fffffff5;box-shadow:0 24px 60px #10201c33}[data-theme=light] .style-pop-credits{color:var(--accent)}[data-theme=light] .style-pop-desc,[data-theme=light] .composer-icon-btn{color:var(--text-secondary)}[data-theme=light] .ch-banner-preview{background:#0f9d860a;border-color:#0f9d8638}[data-theme=light] .ch-banner-empty{color:var(--text-secondary)}[data-theme=light] .ch-banner-actions,[data-theme=light] .ch-icon-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;box-shadow:0 2px 10px #0000001f}[data-theme=light] .ch-banner-actions .btn,[data-theme=light] .ch-icon-actions .btn,[data-theme=light] .ch-banner-actions label.btn,[data-theme=light] .ch-icon-actions label.btn{color:var(--accent)}[data-theme=light] .ch-icon-preview{background:#0f9d860f;border-color:#0f9d8633}[data-theme=light] .credit-banner{background:linear-gradient(135deg,#0f9d861a,#dc3c8c0f);border:1px solid #0f9d8638}[data-theme=light] .theme-option{border-color:var(--glass-border);color:var(--text-secondary);background:#ffffffb3}[data-theme=light] .theme-option.selected{color:var(--text-primary);background:linear-gradient(135deg,#0f9d861f,#0f9d860a);border-color:#0f9d8673;box-shadow:0 8px 24px #0f9d8633}[data-theme=light] .message.msg-style-glow{background:hsla(var(--glow-hue,260), 70%, 50%, .06)}[data-theme=light] .message.msg-style-gradient{background:linear-gradient(120deg, hsla(var(--glow-hue,260), 75%, 50%, .08), hsla(calc(var(--glow-hue,260) + 60), 75%, 50%, .08), hsla(calc(var(--glow-hue,260) + 120), 75%, 50%, .08));background-size:300% 300%}[data-theme=light] .message.msg-style-starlight{background:hsla(var(--glow-hue,260), 70%, 50%, .05)}.join-mode-card.selected .jm-label{color:var(--text-primary);font-weight:var(--fw-bold)}.join-mode-card.selected .jm-desc{color:var(--text-secondary)}.user-badge-row{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.user-badge{white-space:nowrap;background:var(--glass-hover);color:var(--text-primary);cursor:help;border:1px solid #0000;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.user-badge.size-lg{padding:4px 10px;font-size:13px}.user-badge .badge-icon{font-size:1.1em;line-height:1}.user-badge.tone-gold{color:#ffd54f;background:#ffc1072e;border-color:#ffc1074d}.user-badge.tone-mint{color:#6be3b8;background:#2ed59a2e;border-color:#2ed59a4d}.user-badge.tone-sky{color:#6cd2ff;background:#00b0f42e;border-color:#00b0f44d}.user-badge.tone-violet{color:#d2a3ff;background:#9b59b62e;border-color:#9b59b64d}.user-badge.tone-amber{color:#ffc46b;background:#ff8c002e;border-color:#ff8c004d}.user-badge.tone-pink{color:#ff8acb;background:#eb459e2e;border-color:#eb459e4d}.user-badge.tone-rose{color:#ff9090;background:#ff505a2e;border-color:#ff505a4d}.user-badge.tone-neutral{color:#aac;background:#7878a02e;border-color:#7878a04d}.user-badge.tone-rainbow{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#b06ab3) 0 0/200% 200%;border-color:#fff3;animation:6s infinite rainbow-pan}@keyframes rainbow-pan{0%,to{background-position:0%}50%{background-position:100%}}.user-badge-more{background:var(--glass-hover);color:var(--text-muted);border-radius:999px;padding:2px 6px;font-size:10px}.badge-showcase{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.up-all-badges{padding:4px 0}.up-all-badges .user-badge-row{flex-wrap:wrap;gap:6px}.badge-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);transition:transform var(--transition), border-color var(--transition);align-items:center;gap:10px;padding:12px;display:flex}.badge-card:hover{border-color:#14a38a66;transform:translateY(-2px)}.badge-card.locked{opacity:.4;filter:grayscale(.6)}.badge-card-icon{flex-shrink:0;font-size:26px}.badge-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.badge-card-label{color:var(--text-primary);font-weight:600;font-size:var(--fs-sm)}.badge-card-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.35}.credit-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#14a38a2e,#eb459e1a);border:1px solid #14a38a4d;align-items:center;gap:16px;padding:16px 18px;display:flex}.credit-banner-info{flex-direction:column;display:flex}.credit-banner-label{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.credit-banner-amount{font-size:24px;font-weight:var(--fw-bold);color:var(--text-primary)}.credit-banner-hint{font-size:var(--fs-sm);color:var(--text-secondary);flex:1}.active-badge-slots{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.active-badge-slot{border-radius:var(--radius-md);border:1.5px dashed var(--glass-border);background:var(--glass-bg);align-items:center;gap:8px;padding:7px 10px;transition:border-color .18s,background .18s;display:flex}.active-badge-slot.filled{background:#14a38a12;border-style:solid;border-color:#14a38a59}.active-badge-empty{color:var(--text-muted);text-align:center;flex:1;font-size:12px}.active-badge-slot-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.active-badge-reorder{flex-shrink:0;gap:3px;display:flex}.active-badge-move{background:var(--glass-hover);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.active-badge-move:hover:not(:disabled){background:var(--glass-active);color:var(--text-primary)}.active-badge-move:disabled{opacity:.35;cursor:default}.active-badge-remove{color:#ff6b6b;cursor:pointer;background:#ff4d6d26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s;display:flex}.active-badge-remove:hover{background:#ff4d6d4d}.badge-shop-cats{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.badge-shop-cat{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.badge-shop-cat:hover{background:var(--glass-hover);color:var(--text-primary)}.badge-shop-cat.active{color:#fff;background:#14a38a33;border-color:#14a38a80}.badge-shop-grid,.earned-badge-grid{flex-direction:column;gap:8px;display:flex}.shop-badge-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.shop-badge-card.owned{border-color:#14a38a40}.shop-badge-card.active-badge{background:#14a38a1a;border-color:#14a38a73;box-shadow:0 0 12px -4px #14a38a4d}.shop-badge-icon{border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.shop-badge-icon.tone-gold{color:#ffd54f;background:#ffc1072e;border-color:#ffc1074d}.shop-badge-icon.tone-mint{color:#6be3b8;background:#2ed59a2e;border-color:#2ed59a4d}.shop-badge-icon.tone-sky{color:#6cd2ff;background:#00b0f42e;border-color:#00b0f44d}.shop-badge-icon.tone-violet{color:#d2a3ff;background:#9b59b62e;border-color:#9b59b64d}.shop-badge-icon.tone-amber{color:#ffc46b;background:#ff8c002e;border-color:#ff8c004d}.shop-badge-icon.tone-pink{color:#ff8acb;background:#eb459e2e;border-color:#eb459e4d}.shop-badge-icon.tone-rose{color:#ff9090;background:#ff505a2e;border-color:#ff505a4d}.shop-badge-icon.tone-neutral{color:#aac;background:#7878a02e;border-color:#7878a04d}.shop-badge-icon.tone-rainbow{color:#fff;background:linear-gradient(135deg,#ff6b6b4d,#ffd93d4d,#6bcb774d,#4d96ff4d);border-color:#ffffff2e}.shop-badge-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-badge-label{color:var(--text-primary);font-size:13px;font-weight:600}.shop-badge-desc{color:var(--text-muted);font-size:11px}.shop-badge-action{flex-shrink:0}.badge-buy-btn,.badge-toggle-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.badge-buy-btn{color:var(--accent-light);background:#14a38a33;border:1px solid #14a38a59}.badge-buy-btn:hover:not(:disabled){background:#14a38a59}.badge-buy-btn:disabled{opacity:.4;cursor:not-allowed}.badge-toggle-btn{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff0f}.badge-toggle-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff1f}.badge-toggle-btn.is-active{color:#6be3b8;background:#4bc47f2e;border-color:#4bc47f59}.badge-toggle-btn.is-active:hover:not(:disabled){color:#ff9090;background:#ff505a2e;border-color:#ff505a4d}.badge-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.age-badge-picker{flex-direction:column;gap:14px;display:flex}.age-badge-hint{color:var(--text-secondary);font-size:13px}.age-input-row{align-items:center;gap:10px;display:flex}.age-badge-input{flex:1;max-width:180px}.owned-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.owned-age-badge-row{flex-wrap:wrap;gap:6px;display:flex}.age-badge-chip{border:1.5px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:2px;transition:border-color .15s;display:inline-flex;position:relative}.age-badge-chip.active{border-color:#4bc47f8c}.age-badge-chip:disabled{opacity:.4;cursor:not-allowed}.age-chip-check{color:#000;background:#4bc47f;border-radius:50%;padding:1px;position:absolute;top:-4px;right:-4px}.user-badge.tone-age{color:#7ef0f0;font-variant-numeric:tabular-nums;background:#00c8c826;border-color:#00c8c84d}.badge-age-num{font-size:inherit;font-weight:800;line-height:1}.badge-tooltip-content{flex-direction:column;gap:2px;display:flex}.badge-tooltip-content strong{font-size:12px;font-weight:700}.badge-tooltip-desc{opacity:.78;font-size:11px}.user-badge.tone-role-owner{color:#fff;background:linear-gradient(135deg,gold,#ff6ec7,#7873ff,#4ddbff) 0 0/300% 300%;border-color:#ffffff4d;font-weight:700;animation:5s infinite role-owner-pan;box-shadow:0 0 8px #ffd70073,0 0 16px #7873ff4d}@keyframes role-owner-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.user-badge.tone-role-admin{color:#ffd54f;background:#ffc10738;border-color:#ffc10773;box-shadow:0 0 6px #ffc1074d}[data-theme=light] .user-badge.tone-role-owner{color:#fff;box-shadow:0 0 10px #ffc80080,0 0 20px #7873ff59}[data-theme=light] .user-badge.tone-role-admin{color:#8c5a00;background:#fa03;border-color:#ffaa0073;box-shadow:0 0 6px #ffaa0040}[data-theme=light] .active-badge-slot{background:#00000005}[data-theme=light] .active-badge-slot.filled{background:#0f9d8612}[data-theme=light] .shop-badge-card{background:#00000005}[data-theme=light] .shop-badge-card.active-badge{background:#0f9d8614}[data-theme=light] .badge-shop-cat{background:#00000008}[data-theme=light] .badge-shop-cat.active{color:var(--text-primary);background:#0f9d8626}.theme-picker{gap:10px;display:flex}.theme-option{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;font-family:inherit;display:flex}.theme-option:hover{border-color:#14a38a4d}.theme-option.selected{color:var(--text-primary);background:linear-gradient(135deg,#14a38a26,#14a38a0d);border-color:#14a38a8c;box-shadow:0 0 24px -8px #14a38a80}.theme-option-icon{font-size:28px}.theme-option-label{font-size:var(--fs-sm);font-weight:600}.pref-toggle-row{cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.pref-toggle-info{flex:1}.pref-toggle-label{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.pref-toggle-hint{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.pref-toggle-input{cursor:pointer;width:36px;height:20px;accent-color:var(--accent);flex-shrink:0}.ptt-key-row{align-items:center;gap:10px;padding:4px 0 10px;display:flex}.ptt-key-label{color:var(--text-muted);font-size:13px}.ptt-key-bind{border:1px solid var(--glass-border);min-width:72px;color:var(--text-primary);cursor:pointer;letter-spacing:.02em;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;padding:5px 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.ptt-key-bind:hover{background:#14a38a26;border-color:#14a38a66}.ptt-key-bind.recording{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--accent-light);background:#14a38a38;animation:1s ease-in-out infinite ptt-pulse}@keyframes ptt-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-glow)}50%{box-shadow:0 0 0 5px var(--accent-glow)}}.ptt-key-reset{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:11px;transition:color .15s,background .15s}.ptt-key-reset:hover{color:var(--text-secondary);background:#ffffff0f}.composer-style-wrap{align-items:center;display:flex;position:relative}.composer-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.composer-icon-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary);transform:scale(1.05)}.composer-icon-btn.composer-style-active{color:hsl(var(--glow-hue,260) 80% 65%);background:hsla(var(--glow-hue,260), 80%, 60%, .12)}.style-pop{background:var(--glass-bg-strong,#14141ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:100;width:320px;padding:8px;animation:.18s ease-out style-pop-in;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 20px 60px #00000080}@keyframes style-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.style-pop-header{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 10px 10px;display:flex}.style-pop-credits{color:#9e75f0;letter-spacing:0;font-weight:700}.style-pop-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px;font-family:inherit;display:flex}.style-pop-item:hover:not(.disabled){background:var(--glass-hover)}.style-pop-item.selected{background:hsla(var(--glow-hue,260), 80%, 60%, .12);border-color:hsla(var(--glow-hue,260), 80%, 60%, .4)}.style-pop-item.disabled{opacity:.4;cursor:not-allowed}.style-pop-preview{background:var(--glass-hover);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.style-preview-glow{filter:drop-shadow(0 0 6px hsl(var(--glow-hue,260) 80% 60%))}.style-preview-gradient{background:linear-gradient(120deg, hsl(var(--glow-hue,260) 80% 60% / .4), hsl(calc(var(--glow-hue,260) + 60) 80% 60% / .4))}.style-preview-starlight{background:linear-gradient(120deg, hsl(var(--glow-hue,260) 80% 60% / .5), hsl(calc(var(--glow-hue,260) + 80) 80% 60% / .5));box-shadow:0 0 12px hsl(var(--glow-hue,260) 80% 60% / .5), inset 0 0 8px #ffffff4d}.style-pop-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.style-pop-label{font-weight:600;font-size:var(--fs-sm)}.style-pop-desc{font-size:var(--fs-xs);color:var(--text-secondary)}.style-pop-cost{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;font-weight:700}.style-pop-item.selected .style-pop-cost{color:hsl(var(--glow-hue,260) 80% 70%)}.style-pop-hue{border-top:1px solid var(--glass-border);flex-direction:column;gap:6px;margin-top:4px;padding:10px;display:flex}.style-pop-hue input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#eb4747,#eb9947,#ebeb47,#99eb47,#47eb47,#47eb99,#47ebeb,#4799eb,#4747eb,#9947eb,#eb47eb,#eb4799,#eb4747);border-radius:3px;width:100%;height:6px}.style-pop-hue input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #0000004d;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000059}.style-pop-hue input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0000004d;border-radius:50%;width:16px;height:16px}.composer-style-glow{box-shadow:0 0 0 1px hsla(var(--glow-hue,260), 80%, 60%, .45), 0 0 30px -6px hsla(var(--glow-hue,260), 80%, 60%, .55)}.composer-style-gradient{box-shadow:0 0 0 1px hsla(var(--glow-hue,260), 80%, 60%, .45)}.composer-style-starlight{box-shadow:0 0 0 1px hsla(var(--glow-hue,260), 80%, 60%, .55), 0 0 40px -4px hsla(var(--glow-hue,260), 80%, 60%, .65)}.message.msg-style-glow,.message.msg-style-gradient,.message.msg-style-starlight{isolation:isolate;border-left:3px solid hsla(var(--glow-hue,260), 80%, 65%, .75);position:relative}.message.msg-style-glow .msg-content,.message.msg-style-gradient .msg-content,.message.msg-style-starlight .msg-content{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;display:block!important}.message.msg-style-glow{background:hsla(var(--glow-hue,260), 70%, 62%, .06);animation:3.5s ease-in-out infinite row-glow}@keyframes row-glow{0%,to{box-shadow:inset 0 0 0 1px hsla(var(--glow-hue,260), 80%, 65%, .14), 0 0 16px -4px hsla(var(--glow-hue,260), 85%, 65%, .12)}50%{box-shadow:inset 0 0 0 1px hsla(var(--glow-hue,260), 80%, 65%, .38), 0 0 28px -4px hsla(var(--glow-hue,260), 85%, 65%, .28)}}.message.msg-style-gradient{background:linear-gradient(120deg, hsla(var(--glow-hue,260), 75%, 62%, .07), hsla(calc(var(--glow-hue,260) + 60), 75%, 62%, .07), hsla(calc(var(--glow-hue,260) + 120), 75%, 62%, .07));background-size:300% 300%;animation:7s infinite row-gradient-pan}@keyframes row-gradient-pan{0%,to{background-position:0%}50%{background-position:100%}}.message.msg-style-starlight{background:hsla(var(--glow-hue,260), 70%, 62%, .05);animation:4.5s ease-in-out infinite row-starlight-border}@keyframes row-starlight-border{0%,to{box-shadow:inset 0 0 0 1px hsla(var(--glow-hue,260), 80%, 65%, .12)}50%{box-shadow:inset 0 0 0 1px hsla(var(--glow-hue,260), 90%, 72%, .4)}}.message.msg-style-starlight:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%) 0 0/200% 100%;animation:4.5s ease-in-out infinite row-shimmer;position:absolute;inset:0}@keyframes row-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.uhc-badges{margin:4px 0 6px}.add-friend-bar{align-items:center;gap:8px;display:flex}.add-friend-bar input{flex:1}.invite-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:12px 4px 6px;font-weight:700}.invite-list{flex-direction:column;gap:4px;display:flex}.invite-row{border-radius:var(--radius-md);background:var(--glass-bg);transition:background var(--transition), border-color var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.invite-row:hover{background:var(--glass-hover);border-color:var(--glass-border)}.invite-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.invite-row-name{font-weight:600;font-size:var(--fs-sm);color:var(--text-primary)}.invite-row-handle{font-size:var(--fs-xs);color:var(--text-muted)}.profile-card-body{padding:0!important}.up-modal{flex-direction:column;display:flex}.up-banner{background:linear-gradient(135deg, var(--accent), #1a1a26);width:100%;height:120px;position:relative}.up-close-btn{color:#ffffffd9;cursor:pointer;z-index:10;background:#0006;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.up-close-btn:hover{color:#fff;background:#000000a6}.up-avatar-wrap{align-self:flex-start;width:112px;margin:-54px 0 0 24px;position:relative}.up-avatar-ring{background:var(--bg-elevated,#15161e);border-radius:50%;padding:4px;display:inline-block;position:relative;box-shadow:0 8px 24px #0000004d}[data-theme=light] .up-avatar-ring{background:#fff;box-shadow:0 10px 28px #10201c2e}.up-status-dot{background:var(--text-muted);border:3px solid var(--bg-elevated,#15161e);border-radius:50%;width:18px;height:18px;position:absolute;bottom:6px;right:6px}[data-theme=light] .up-status-dot{border-color:#fff}.up-status-dot.online{background:var(--success)}.up-status-dot.offline{background:var(--text-muted)}.up-body{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;flex-direction:column;gap:16px;max-height:calc(100vh - 220px);padding:14px 24px 24px;display:flex;overflow-y:auto}.up-loading{place-items:center;padding:60px 0;display:grid}.up-headline{flex-direction:column;gap:4px;display:flex}.up-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.up-name{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0;line-height:1.15}.up-handle{font-size:var(--fs-md);color:var(--text-muted);font-weight:500}.up-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.up-btn-icon{vertical-align:middle;align-items:center;margin-right:6px;display:inline-flex}.up-status-line{flex-wrap:wrap;gap:6px;display:flex}.up-status-pill{font-size:var(--fs-xs);background:var(--glass-hover);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.up-status-pill.online{color:var(--success);background:#2dce8926}.up-status-pill.offline{background:var(--glass-hover);color:var(--text-muted)}.up-status-pill.friend{color:var(--accent);background:#0f9d8626}.up-status-pill.pending{color:var(--warning);background:#f4a2612e}.up-status-pill.requested{background:var(--glass-hover);color:var(--text-secondary)}.up-bio{font-size:var(--fs-base);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}.up-meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.up-meta-item{background:var(--glass-hover);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:10px 12px}.up-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:700}.up-meta-value{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.up-meta-value.mono{font-family:var(--font-mono)}.up-gift-panel{background:var(--glass-bg,#ffffff0a);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:12px;padding:16px;animation:.16s modal-in;display:flex}[data-theme=light] .up-gift-panel{background:#ffffffb3;border-color:#00000017}.up-gift-header{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:8px;font-weight:500;display:flex}.up-gift-header strong{color:var(--text-primary)}.up-gift-credits{color:var(--accent-light,#2fcbb0);font-size:var(--fs-xs);background:#0f9d8624;border:1px solid #0f9d8638;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.up-gift-tabs{background:var(--glass-hover);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.up-gift-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 10px;font-weight:600;transition:background .14s,color .14s}.up-gift-tab:hover{color:var(--text-primary)}.up-gift-tab.active{background:var(--bg-elevated,#1e1f2e);color:var(--accent-light,#2fcbb0);box-shadow:0 1px 6px #00000040}[data-theme=light] .up-gift-tab.active{color:var(--accent);background:#fff;box-shadow:0 1px 6px #0000001a}.up-gift-grid{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:260px;padding-right:2px;display:grid;overflow-y:auto}.up-gift-item{border-radius:var(--radius-md);background:var(--glass-hover);border:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:border-color .15s,background .15s,transform .1s;display:flex}.up-gift-item:hover{border-color:var(--accent);background:#0f9d8614;transform:translateY(-1px)}.up-gift-preview{border-radius:calc(var(--radius-md) - 2px);flex-shrink:0;width:100%;height:44px;box-shadow:0 2px 8px #00000047}.up-gift-label{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:600;line-height:1.2}.up-gift-btn{color:var(--accent-light,#2fcbb0);cursor:pointer;white-space:nowrap;background:#0f9d8621;border:1px solid #0f9d8659;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:700;transition:background .14s,border-color .14s,opacity .14s;display:inline-flex}.up-gift-btn:hover:not(:disabled){border-color:var(--accent);background:#0f9d8642}.up-gift-btn:disabled{opacity:.38;cursor:not-allowed}.up-gift-msg{border-radius:var(--radius-md);font-size:var(--fs-sm);text-align:center;padding:8px 12px;font-weight:600;animation:.15s modal-in}.up-gift-msg.ok{color:var(--success);background:#2dce8924;border:1px solid #2dce8940}.up-gift-msg.err{color:var(--danger);background:#ef44441f;border:1px solid #ef444438}.gm-credits-bar{border-radius:var(--radius-sm);background:var(--bg-input);align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;font-size:13px;display:flex}.gm-credits-label{color:var(--text-muted);flex:1}.gm-credits-pill{color:var(--accent);background:var(--accent-muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.gm-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-height:120px;max-height:320px;margin-top:12px;overflow-y:auto}.gm-grid{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.gm-card{border:2px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:80px;padding:8px 10px;transition:border-color .15s,background .15s,transform .12s;display:flex;position:relative}.gm-card:hover:not(.disabled){border-color:var(--accent);background:var(--accent-muted);transform:translateY(-1px)}.gm-card.selected{border-color:var(--accent);background:var(--accent-muted)}.gm-card.disabled{opacity:.4;cursor:not-allowed}.gm-card-preview{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.gm-frame-preview-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex}.gm-gradient-preview{border-radius:6px;width:48px;height:32px}.gm-frame-icon{font-size:26px}.gm-card-label{color:var(--text-muted);text-align:center;max-width:76px;font-size:10px;line-height:1.3}.gm-card-cost{color:var(--text-primary);font-size:11px;font-weight:700}.gm-card-badge{color:var(--accent);background:var(--accent-muted);border-radius:4px;padding:1px 4px;font-size:8px;font-weight:600;position:absolute;top:2px;right:3px}.gm-feature-card{border:2px solid var(--border);background:var(--bg-input);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.gm-feature-icon{color:var(--accent);flex-shrink:0}.gm-feature-info{flex:1}.gm-feature-title{margin-bottom:4px;font-size:15px;font-weight:700}.gm-feature-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.gm-feature-warn{color:var(--text-danger);margin-top:6px;font-size:12px}.gm-feature-cost{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:800}.gm-slot-list{flex-direction:column;gap:8px;padding:4px 0;display:flex}.gm-slot-row{border:2px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.gm-slot-row:hover:not(.disabled),.gm-slot-row.selected{border-color:var(--accent);background:var(--accent-muted)}.gm-slot-row.disabled{opacity:.45;cursor:not-allowed}.gm-slot-icon{color:var(--accent);flex-shrink:0}.gm-slot-label{text-align:left;flex:1;font-size:13px;font-weight:600}.gm-slot-cost{white-space:nowrap;font-size:13px;font-weight:700}.gm-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.gm-footer-summary{color:var(--text-muted);flex:1;margin:0;font-size:12px}.gm-footer-summary strong{color:var(--text-primary)}.gm-footer-actions{flex-shrink:0;gap:8px;display:flex}.mention-pill{-webkit-user-select:none;user-select:none;transition:background var(--transition)}.mention-pill:hover{filter:brightness(1.1)}.channel-header.has-banner{align-items:stretch;height:96px;overflow:hidden}.channel-header.has-banner .ch-header-main{align-items:flex-end;padding-bottom:12px}.channel-header.has-banner .ch-header-avatar{border:2px solid var(--bg-base);width:56px;height:56px;margin-bottom:-8px;font-size:28px;box-shadow:0 4px 12px #00000073}.channel-header.has-banner .ch-header-name{color:#fff;text-shadow:0 1px 3px #0009}.channel-header.has-banner .ch-header-meta{color:#ffffffd9;text-shadow:0 1px 2px #0000008c}.channel-header.has-banner .ch-header-meta-desc{color:#ffffffc7;border-left-color:#ffffff40}.ch-header-banner{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.ch-header-banner-scrim{z-index:1;background:linear-gradient(#0000002e 0%,#0000008c 100%);position:absolute;inset:0}.ch-header-icon-img{object-fit:cover;border:2px solid var(--glass-border,#ffffff2e);background:var(--bg-subtle,#ffffff0f);border-radius:10px;width:36px;height:36px}.ch-icon-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:22px;height:22px}.ch-banner-edit{flex-direction:column;gap:14px;display:flex}.ch-banner-preview{aspect-ratio:6;background-color:var(--bg-subtle,#ffffff0d);border:1px dashed var(--glass-border,#ffffff26);background-position:50%;background-size:cover;border-radius:12px;justify-content:flex-end;align-items:flex-end;width:100%;min-height:96px;padding:10px;display:flex;position:relative;overflow:hidden}.ch-banner-empty{color:var(--text-muted);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.ch-banner-actions,.ch-icon-actions{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:8px;gap:8px;padding:6px;display:inline-flex}.ch-icon-edit{align-items:center;gap:14px;display:flex}.ch-icon-upload-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ch-icon-click-target{cursor:pointer;border-radius:14px;flex-shrink:0;display:inline-block;position:relative}.ch-icon-click-target .ch-icon-preview,.ch-icon-click-target .channel-preview-icon-wrap{transition:filter .18s,opacity .18s}.ch-icon-click-target:hover .ch-icon-preview,.ch-icon-click-target:hover .channel-preview-icon-wrap{filter:brightness(.7)}.ch-icon-click-target.loading{pointer-events:none;opacity:.7}.ch-icon-camera-overlay{color:#fff;opacity:0;pointer-events:none;border-radius:14px;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.ch-icon-click-target:hover .ch-icon-camera-overlay,.ch-icon-click-target.loading .ch-icon-camera-overlay{opacity:1}.ch-icon-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px;display:flex}.ch-icon-remove-link{cursor:pointer;color:var(--danger);opacity:.7;background:0 0;border:none;padding:0;font-size:11px;transition:opacity .14s}.ch-icon-remove-link:hover{opacity:1}.ch-icon-remove-link:disabled{opacity:.35;cursor:not-allowed}.ch-icon-preview{background:var(--bg-subtle,#ffffff14);border:1px solid var(--glass-border,#ffffff26);border-radius:14px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:28px;display:grid;overflow:hidden}.ch-icon-preview img{object-fit:cover;width:100%;height:100%}.badge-gold{color:#ffd166;background:linear-gradient(135deg,#ffc40038,#ffa0002e);border:1px solid #ffc40059}.badge-amber{color:#ffba6b;background:#ff9f1c2e;border:1px solid #ff9f1c52}.badge-rose{color:#ff89a3;background:#ff4d6d2e;border:1px solid #ff4d6d52}.badge-rainbow{color:#fff;background:linear-gradient(135deg,#ff6ec7 0%,#7873ff 35%,#4ddbff 70%,#5ee9b5 100%) 0 0/200% 200%;border:1px solid #ffffff40;font-weight:700;animation:6s linear infinite rainbow-pan}.ch-status-pill{letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ch-status-locked{color:#ffba6b;background:#ff9f1c2e;border:1px solid #ff9f1c59}.ch-status-closed{color:#ff89a3;background:#ff4d6d33;border:1px solid #ff4d6d66}.ch-status-premium{color:#ffd166;background:linear-gradient(135deg,#ffc40038,#ffa0002e);border:1px solid #ffc40059}.ch-owner-info{background:var(--glass-hover,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ch-owner-info-text{flex-direction:column;line-height:1.25;display:flex}.ch-owner-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.ch-owner-info-name{color:var(--text-primary);font-weight:600}.ch-lock-row{background:var(--glass-hover,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);border-radius:10px;align-items:center;gap:14px;padding:10px 12px;display:flex}.ch-lock-text{flex-direction:column;flex:1;min-width:0;display:flex}.ch-lock-status{color:var(--text-primary);font-weight:600}.ch-lock-reason{color:var(--text-secondary);font-size:12px}.ch-closed-warning{color:#ff89a3;background:#ff4d6d1a;border:1px solid #ff4d6d4d;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px}.user-row-mute-meta{color:#ffba6b}.admin-shield-btn{color:#ffd166}.admin-shield-btn:hover{color:#ffe39a}.admin-search-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.admin-search-row>:first-child{flex:1;min-width:140px}.admin-search-row .btn{padding-top:0;padding-bottom:0}.admin-search-row .custom-select{align-self:stretch;display:flex}.admin-search-row .custom-select .custom-select-trigger{height:100%}.admin-sort-btns{align-items:stretch;gap:4px;display:flex}.admin-sort-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;transition:background .15s,color .15s}.admin-sort-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.admin-sort-btn.active{color:var(--accent);border-color:var(--accent);background:#14a38a29}.admin-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0 2px;display:flex}.admin-page-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.admin-page-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary)}.admin-page-btn:disabled{opacity:.35;cursor:not-allowed}.admin-page-info{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.admin-ch-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-ch-actions .btn{justify-content:flex-start}.admin-ch-actions .admin-ch-action-danger{grid-column:1/-1;justify-content:center}.channel-code-badge{background:var(--glass-hover);border:1px solid var(--glass-border);font-size:10px;font-family:var(--font-mono,monospace);color:var(--text-muted);letter-spacing:.06em;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 6px;display:inline-block}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:4px 0;display:grid}.admin-stat-card{background:var(--glass-hover,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.admin-stat-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.admin-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px}html,body,#root{height:100%;overflow:hidden}#root{flex-direction:column;display:flex}.app-content{flex:1;min-height:0;overflow:hidden}.titlebar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--glass-border);z-index:9999;-webkit-app-region:drag;background:#0a0a10eb;flex-shrink:0;align-items:center;height:36px;padding:0 8px 0 14px;display:flex;position:relative}[data-theme=light] .titlebar{border-bottom-color:var(--glass-border);background:#fffffff7}.titlebar-drag{-webkit-app-region:drag;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.titlebar-icon{font-size:15px}.titlebar-icon-img{object-fit:contain;background:#000;border-radius:5px;flex-shrink:0;width:18px;height:18px}.titlebar-title{color:var(--text-secondary);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.titlebar-controls{-webkit-app-region:no-drag;flex-shrink:0;align-items:center;gap:2px;display:flex}.titlebar-btn{width:38px;height:30px;color:var(--text-muted);cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.titlebar-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.titlebar-btn-close:hover{color:var(--danger);background:#ff4d6d33}.img-viewer-backdrop{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#040408e6;flex-direction:column;animation:.18s backdrop-in;display:flex;position:fixed;inset:0}.img-viewer-toolbar{border-bottom:1px solid var(--glass-border);-webkit-app-region:drag;background:#101513d9;flex-shrink:0;align-items:center;gap:4px;padding:8px 16px;display:flex}.img-viewer-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);-webkit-app-region:no-drag;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.img-viewer-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.img-viewer-close{margin-left:auto}.img-viewer-close:hover{color:var(--danger);background:#ff4d6d2e}.img-viewer-scale{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:none;user-select:none;min-width:40px;font-size:12px}.img-viewer-stage{cursor:zoom-out;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.img-viewer-img{object-fit:contain;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;cursor:default;max-width:90vw;max-height:85vh;transition:transform .2s;box-shadow:0 32px 80px #0009}.app-toast-stack{z-index:99998;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.app-toast{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);pointer-events:all;cursor:pointer;white-space:normal;align-items:center;gap:10px;max-width:440px;padding:11px 16px;font-size:13px;font-weight:500;display:flex;box-shadow:0 12px 40px #0006}.app-toast-icon{flex-shrink:0;display:flex}.app-toast-msg{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.app-toast-close{width:20px;height:20px;color:inherit;opacity:.6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.app-toast-close:hover{opacity:1}.app-toast-info{border:1px solid var(--glass-border);color:var(--text-primary);background:#161622f0}.app-toast-success{color:#5cefb0;background:#0b2d20f0;border:1px solid #2dce8959}.app-toast-error{color:#ff9aaa;background:#280a14f0;border:1px solid #ff4d6d59}.app-toast-warning{color:#ffc97a;background:#281e0af0;border:1px solid #f4a26166}[data-theme=light] .app-toast-info{border-color:var(--glass-border);color:var(--text-primary);background:#fffffff2}[data-theme=light] .app-toast-success{color:#0f7d56;background:#e6fff5f2;border-color:#18a86b59}[data-theme=light] .app-toast-error{color:#c02040;background:#ffebf0f2;border-color:#e2365659}[data-theme=light] .app-toast-warning{color:#9a5c00;background:#fff7ebf2;border-color:#e5872159}.ch-capacity-card{background:var(--glass-hover,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ch-capacity-card.is-premium{background:linear-gradient(135deg,#ffc4001f,#ff8c000f);border-color:#ffc40059}.ch-capacity-header{justify-content:space-between;align-items:center;display:flex}.ch-capacity-title{color:var(--text-primary);font-size:13px;font-weight:700}.ch-capacity-card.is-premium .ch-capacity-title{color:#ffd166}.ch-capacity-num{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:16px;font-weight:700}.ch-capacity-sep{color:var(--text-muted);margin:0 2px;font-weight:500}.ch-capacity-cap{color:var(--text-secondary);font-weight:600}.ch-capacity-hint{color:var(--text-muted);font-size:12px;line-height:1.45}.ch-capacity-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.ch-capacity-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:999px;height:100%;transition:width .3s}.mp-capacity{border-radius:var(--radius-md);background:var(--bg-rail);border:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:8px;margin:12px;padding:12px 13px 11px;display:flex}.mp-capacity.is-premium{background:linear-gradient(135deg,#ffc4002e,#ff8c0014);border-color:#ffc40059}.mp-capacity.is-paid{background:linear-gradient(135deg,#ff9f1c24,#ff4d6d0d);border-color:#ff9f1c4d}.mp-capacity-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.mp-capacity-title{white-space:nowrap;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.mp-capacity.is-premium .mp-capacity-title{color:#ffd166}.mp-capacity-inline-count{color:var(--text-primary);opacity:.95;font-size:12px;font-weight:700}.mp-capacity-bar{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.mp-capacity-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:999px;height:100%;transition:width .3s}.mp-capacity.is-premium .mp-capacity-bar-fill{background:linear-gradient(90deg,#ffc400,#ff8a00)}.mp-capacity.is-paid .mp-capacity-bar-fill{background:linear-gradient(90deg, var(--warning), var(--danger))}.mp-capacity-hint{color:var(--text-muted);font-size:11.5px;line-height:1.45}.mp-capacity-spent{color:var(--warning);background:#ff9f1c1f;border:1px solid #ff9f1c40;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-flex}.mp-capacity-tip{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:2px solid var(--accent);background:#ffffff0a;padding:6px 8px;font-size:11px}[data-theme=light] .mp-capacity{border-color:var(--glass-border);background:linear-gradient(135deg,#0f9d861a,#00aa960a)}[data-theme=light] .mp-capacity.is-premium{background:linear-gradient(135deg,#ffc40029,#ff8c0014)}[data-theme=light] .mp-capacity-title{color:var(--text-secondary)}[data-theme=light] .mp-capacity.is-premium .mp-capacity-title{color:#a87000}[data-theme=light] .mp-capacity-inline-count{color:var(--text-primary)}[data-theme=light] .mp-capacity-hint{color:var(--text-secondary)}[data-theme=light] .mp-capacity-tip{color:var(--text-secondary);background:#0f9d860f}.channel-tiles{flex-direction:column;flex-shrink:0;gap:6px;max-height:38vh;padding:10px 10px 6px;display:flex;overflow-y:auto}.channel-tiles::-webkit-scrollbar{width:4px}.channel-tiles::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.channel-tile{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:8px 10px;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.channel-tile:hover{border-color:var(--glass-border);background:#ffffff0d}.channel-tile.active{background:linear-gradient(135deg,#0f9d8633,#0f9d8614);border-color:#0f9d8673;box-shadow:0 4px 14px #0f9d862e}.channel-tile.unjoined{opacity:.78}.channel-tile-icon{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.channel-tile-icon img{object-fit:cover;width:100%;height:100%}.channel-tile-emoji{font-size:18px;line-height:1}.channel-tile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.channel-tile-settings{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px;transition:opacity .15s,background .15s}.channel-tile:hover .channel-tile-settings{opacity:1}.channel-tile-settings:hover{color:var(--text-primary);background:#ffffff14}.channel-tile-join-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-primary);border-radius:50%;position:absolute;top:6px;right:6px}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-top:1px solid var(--glass-border);margin-top:6px;padding:12px 16px 6px;font-size:11px;font-weight:700}.dm-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:0 8px 8px;display:flex;overflow-y:auto}.channel-view{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow-y:auto}.channel-cover{border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#0f9d862e,#0f9d860a);padding:36px 40px 28px;position:relative;overflow:hidden}.channel-cover.has-banner{color:#fff;background-position:50%;background-size:cover;min-height:220px}.channel-cover-scrim{pointer-events:none;background:linear-gradient(#0000001a,#0000008c);position:absolute;inset:0}.channel-cover>*{z-index:1;position:relative}.channel-cover-icon{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;font-size:36px;display:flex;overflow:hidden}.channel-cover-icon img{object-fit:cover;width:100%;height:100%}.channel-cover-name{color:var(--text-primary);margin:0 0 6px;font-size:26px;font-weight:700}.channel-cover.has-banner .channel-cover-name{color:#fff}.channel-cover-desc{color:var(--text-secondary);max-width:720px;margin:0 0 14px;font-size:14px;line-height:1.5}.channel-cover.has-banner .channel-cover-desc{color:#ffffffd9}.channel-cover-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;font-size:12px;display:flex}.channel-cover-meta-item{align-items:center;gap:5px;display:inline-flex}.channel-cover.has-banner .channel-cover-meta{color:#ffffffc7}.ch-premium-tag{color:#ffd54f;background:linear-gradient(135deg,#ffc40033,#ff8c001a);border:1px solid #ffc40059;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.channel-cover-actions{flex-wrap:wrap;gap:10px;display:flex}.rooms-section{padding:24px 40px 40px}.rooms-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rooms-section-head h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.rooms-loading,.rooms-empty{color:var(--text-muted);border:1px dashed var(--glass-border);border-radius:12px;justify-content:center;align-items:center;padding:48px 12px;font-size:13px;display:flex}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.room-card{text-align:left;border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);background:#ffffff08;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-height:110px;padding:14px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.room-card:hover{background:#0f9d861a;border-color:#0f9d8666;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.room-card.is-live{background:linear-gradient(135deg,#4bc47f1a,#4bc47f05);border-color:#4bc47f73}.room-card-icon{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.room-card-body{width:100%}.room-card-name{align-items:center;gap:6px;margin-bottom:2px;font-size:15px;font-weight:700;display:flex}.room-card-unread-badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700;line-height:14px}.room-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.room-card-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.room-card-live-dot{background:#4bc47f;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #4bc47f99}.room-header{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;display:flex}.room-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.room-back-btn:hover{color:var(--text-primary);background:#ffffff0f}.room-icon{color:var(--text-muted);margin-left:2px;font-size:16px}.room-header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-header-edit{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.room-edit-name{background:var(--bg-elevated);border:1px solid var(--accent);color:var(--text-primary);border-radius:6px;outline:none;width:130px;padding:3px 8px;font-size:14px;font-weight:700}.room-edit-desc{background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 8px;font-size:12px}.room-edit-tag{flex-shrink:0;width:150px}.room-edit-name:focus{border-color:var(--accent);box-shadow:0 0 0 2px #14a38a33}.room-edit-desc:focus{border-color:var(--accent);box-shadow:0 0 0 2px #14a38a1a}.room-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.room-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.room-header-actions{align-items:center;gap:4px;display:flex}.rh-action-chip{border:1px solid var(--glass-border);color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px 4px 8px;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.rh-action-chip:hover:not(:disabled){color:var(--text-primary);background:#ffffff12;border-color:#ffffff26}.rh-action-chip.rh-chip-active{color:var(--accent-light);background:#14a38a26;border-color:#14a38a59}.rh-action-chip.rh-chip-active:hover{background:#14a38a38}.rh-action-chip.rh-chip-boost{color:var(--accent-light);border-color:#14a38a4d}.rh-action-chip.rh-chip-boost:hover:not(:disabled){background:#14a38a1f;border-color:#14a38a80}.rh-action-chip.rh-chip-boosted{color:var(--accent-light);cursor:default;background:#14a38a14;border-color:#14a38a4d}.rh-action-chip.rh-chip-locked{opacity:.35;cursor:not-allowed;pointer-events:none}.rh-chip-badge{background:var(--accent);color:#fff;border-radius:6px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2}[data-theme=light] .rh-action-chip:hover:not(:disabled){background:#10201c0f;border-color:#10201c26}[data-theme=light] .rh-action-chip.rh-chip-active{background:#0f9d861a;border-color:#0f9d864d}@media (width<=600px){.rh-action-chip>span:not(.rh-chip-badge){display:none}.rh-action-chip{padding:5px 7px}}.room-header-divider{background:var(--glass-border);flex-shrink:0;width:1px;height:20px;margin:0 2px}.boost-modal-cost{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:10px;flex-direction:column;gap:4px;margin:4px 0;padding:12px 14px;display:flex}.boost-modal-cost.is-free{background:#2dce8912;border-color:#2dce8940}.boost-modal-cost.is-boosted{background:#2dce8917;border-color:#2dce894d}.boost-modal-cost.is-boosted .boost-modal-cost-label{color:#2dce89}.boost-modal-cost-label{color:var(--text-primary);font-size:14px;font-weight:700}.boost-modal-cost.is-free .boost-modal-cost-label{color:#2dce89}.boost-modal-cost-sub{color:var(--text-muted);font-size:12px}.boost-modal-perks{flex-direction:column;gap:6px;margin-top:4px;display:flex}.boost-modal-perks-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:700}.boost-modal-perk{color:var(--text-muted);background:var(--glass-bg);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.boost-modal-perk.is-unlocked{color:var(--text-primary);background:#2dce890f;border-color:#2dce8933}.boost-modal-perk.is-next{color:var(--text-secondary);border-color:var(--glass-border);background:var(--glass-bg)}.boost-modal-perk-badge{color:#2dce89;background:#2dce892e;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.room-mic-btn,.room-share-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.room-mic-btn:hover,.room-share-btn:hover{color:var(--text-primary);background:#ffffff0f}.room-mic-btn.is-on{color:#4bc47f;background:#4bc47f26;border-color:#4bc47f73}.room-mic-btn.is-muted{color:#ff8080;background:#ff50501a;border-color:#ff505059}.room-share-btn.is-on{color:var(--accent-light);background:#0f9d862e;border-color:#0f9d8673}.self-share-banner{color:#c9c5ff;background:#0f9d861a;border-bottom:1px solid #0f9d8633;align-items:center;gap:8px;padding:8px 18px;font-size:12px;display:flex}.screens-grid{border-bottom:1px solid var(--glass-border);background:#0003;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;padding:8px 14px;display:grid}.room-members-panel{flex-direction:column;display:flex}.room-members-panel .member-panel-section{padding:10px 14px}.room-members-panel .member-panel-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.room-member-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.room-member-row:hover{background:#ffffff0a}.room-member-row.is-me{background:#0f9d8614}.room-member-row.speaking .member-avatar-wrap{border-radius:50%;animation:1.3s ease-in-out infinite speaking-pulse}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 2px #4bc47fe6,0 0 8px 3px #4bc47f59,0 0 #4bc47f00}50%{box-shadow:0 0 0 3px #4bc47f,0 0 16px 6px #4bc47f8c,0 0 30px 10px #4bc47f2e}}.room-member-info{flex:1;min-width:0}.room-member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.room-member-tag{color:var(--text-muted);margin-left:4px;font-size:10px}.member-local-mute-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.member-local-mute-btn:hover{color:var(--text-primary);background:#ffffff14}.member-local-mute-btn.active{color:#ed4245}.member-controls{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.member-volume-wrap{opacity:0;align-items:center;gap:4px;max-width:0;transition:max-width .2s,opacity .2s;display:none;overflow:hidden}.member-volume-icon{color:var(--text-muted);flex-shrink:0}.member-volume-val{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:30px;font-size:10px}.member-volume-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:2px;outline:none;flex-shrink:0;width:72px;height:4px}.member-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:background .15s,transform .15s}.member-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.member-volume-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.room-member-row:hover .member-local-mute-btn{display:flex}.room-member-row:hover .member-volume-wrap{opacity:1;max-width:130px;display:flex}.room-member-row.local-muted .member-local-mute-btn{display:flex}.room-member-row.local-muted .member-name{opacity:.5}.member-voice-state{color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.member-voice-state.is-speaking{color:#4bc47f}.member-voice-state.is-muted{color:#ff8080}.member-sharing{color:var(--accent-light);align-items:center;display:inline-flex}.app-shell.with-member-panel .main-panel{min-width:0}[data-theme=light] .channel-tile{background:#00000005}[data-theme=light] .channel-tile:hover{background:#0000000a}[data-theme=light] .channel-tile.active{background:linear-gradient(135deg,#0f9d861f,#0f9d860a)}[data-theme=light] .channel-tile-icon,[data-theme=light] .room-card-icon,[data-theme=light] .channel-cover-icon{background:#00000008}[data-theme=light] .room-card{background:#fff}[data-theme=light] .room-card:hover{background:#0f9d860d}[data-theme=light] .channel-cover{background:linear-gradient(135deg,#0f9d861a,#0f9d8605)}[data-theme=light] .room-mic-btn:hover,[data-theme=light] .room-share-btn:hover,[data-theme=light] .room-member-row:hover{background:#0000000a}.server-rail{border-right:1px solid var(--glass-border);background:#08080cd9;flex-direction:column;align-items:center;gap:6px;padding:6px 0 0;display:flex;overflow-y:hidden}.server-rail::-webkit-scrollbar{width:0}.rail-item{cursor:pointer;width:44px;height:44px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #0000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:border-radius .18s,background .15s,color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.rail-item:hover{color:#fff;background:#0f9d8633;border-radius:12px}.rail-item.active{color:#fff;background:linear-gradient(135deg,#0f9d8666,#0f9d8633);border-radius:12px;box-shadow:0 4px 14px #0f9d8659}.rail-item.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;position:absolute;top:8px;bottom:8px;left:-10px}.rail-item.unjoined{opacity:.65}.rail-item img{object-fit:cover;width:100%;height:100%}.rail-emoji{text-transform:uppercase;color:inherit;font-size:16px;font-weight:700}.rail-home{color:#fff;background:#000}.rail-home.active{background:#000}.rail-item img.rail-home-logo{object-fit:contain;background:#000;width:100%;height:100%;padding:6px}.rail-sep{background:var(--glass-border);flex-shrink:0;width:32px;height:1px;margin:3px 0}.rail-channels{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;padding-top:6px;display:flex}.rail-add{color:#4bc47f;background:#4bc47f1a;border:1px dashed #4bc47f66}.rail-add:hover{color:#4bc47f;background:#4bc47f33}.rail-join-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 2px #08080cd9}.rail-dm{padding:0;overflow:visible}.rail-dm img,.rail-dm .avatar{border-radius:inherit;width:100%;height:100%}.rail-dm-online{pointer-events:none;background:#3ba55c;border-radius:50%;width:9px;height:9px;position:absolute;bottom:3px;right:3px;box-shadow:0 0 0 2px #08080cd9}.rail-dm-online.offline{display:none}.rail-dm-unread-badge,.rail-channel-unread-badge{background:var(--accent);color:#fff;text-align:center;pointer-events:none;z-index:1;border-radius:10px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #08080cd9}.room-pane{-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);background:#101513c7;flex-direction:column;min-height:0;display:flex;overflow:visible}.room-pane-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:14px 14px 10px}.room-pane-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-pane-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.room-pane-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;line-height:1.4;overflow:hidden}.icon-btn-sm{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:inline-flex}.icon-btn-sm:hover{color:var(--text-primary);background:#ffffff14}.room-pane-section{background:var(--bg-rail);flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px 6px 12px;display:flex;overflow-y:auto}.room-pane-section::-webkit-scrollbar{width:4px}.room-pane-section::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.room-pane-list,.room-cat-group{flex-direction:column;gap:2px;display:flex}.room-cat-group+.room-cat-group{margin-top:8px}.room-cat-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:4px 10px 2px;font-size:10.5px;font-weight:700;overflow:hidden}.mobile-drawer-cat-head{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:11px;font-weight:700}.room-row{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.room-row.active{color:#fff;background:#0f9d862e}.room-row-icon{color:var(--text-muted);flex-shrink:0}.room-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.room-pane-actions{border-top:1px solid var(--glass-border);gap:8px;padding:10px 12px;display:flex}.room-pane-actions .btn-ghost-sm,.room-pane-actions .btn-primary-sm{flex:1}.room-pane .dm-list{flex:initial;padding:0;overflow:visible}.sidebar,.channel-tiles{display:none!important}[data-theme=light] .server-rail{background:#ffffffb3}[data-theme=light] .rail-item{color:var(--text-secondary);background:#0000000a}[data-theme=light] .rail-item:hover{color:var(--text-primary);background:#0f9d862e}[data-theme=light] .room-pane{background:#fff9}[data-theme=light] .room-row:hover{background:#0000000a}[data-theme=light] .room-row.active{color:var(--text-primary);background:#0f9d8624}[data-theme=light] .rail-join-dot{box-shadow:0 0 0 2px #ffffffb3}[data-theme=light] .room-voice-row{color:var(--text-secondary)}[data-theme=light] .room-voice-row:hover{color:var(--text-primary);background:#0000000a}[data-theme=light] .room-voice-row.is-speaking{color:var(--text-primary);background:#3aae6c14;border-color:#3aae6c}[data-theme=light] .room-pane-section{background:0 0}[data-theme=light] .room-pane-section::-webkit-scrollbar-thumb{background:#0000001a}.room-row-group{flex-direction:column;gap:1px;display:flex}.room-row-count{color:#4bc47f;background:#4bc47f2e;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.room-row-unread-badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;flex-shrink:0;min-width:16px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;line-height:14px}.room-row-unread-badge+.room-row-count{margin-left:4px}.room-voice-list{border-left:1px solid var(--glass-border);flex-direction:column;gap:2px;margin:1px 0 4px 18px;padding-left:8px;display:flex}.room-voice-row{color:var(--text-muted);background:0 0;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:3px 6px 3px 4px;font-size:12px;transition:background .12s,border-color .18s,color .12s;display:flex}.room-voice-row:hover{color:var(--text-primary);background:#ffffff0a}.room-voice-row.is-speaking{color:var(--text-primary);background:#4bc47f12;border-color:#4bc47fb3;box-shadow:0 0 4px #4bc47f1f,inset 0 0 6px #4bc47f08}.room-voice-row.is-speaking .avatar{animation:1.4s ease-in-out infinite speaking-ring-mini}.room-voice-row.is-speaking .avatar-framed{animation:1.4s ease-in-out infinite speaking-frame-glow}.room-voice-row.is-speaking .avatar-framed .avatar{animation:none}@keyframes speaking-ring-mini{0%,to{box-shadow:0 0 0 2px #4bc47fe6,0 0 6px 2px #4bc47f4d,0 0 #4bc47f00}50%{box-shadow:0 0 0 2.5px #4bc47f,0 0 12px 4px #4bc47f80,0 0 8px 3px #4bc47f59}}@keyframes speaking-frame-glow{0%,to{filter:brightness()drop-shadow(0 0 2px #ffffff4d);transform:scale(1)}50%{filter:brightness(1.28)drop-shadow(0 0 6px #ffffff8c);transform:scale(1.04)}}.room-voice-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.room-voice-share{color:var(--accent-light);flex-shrink:0;font-size:11px}[data-theme=light] .room-voice-row.is-speaking{background:#4bc47f1f}.notif-bell-btn{position:relative}.notif-bell-btn.has-unread{color:var(--accent)}.notif-bell-badge{color:#fff;text-align:center;pointer-events:none;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-primary,#08080c);background:#ff4d6d;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notif-panel{-webkit-backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);z-index:99997;background:linear-gradient(#181826f7 0%,#10101cfa 100%);flex-direction:column;width:320px;max-height:460px;display:flex;position:fixed;bottom:80px;left:260px;overflow:hidden;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d}.notif-panel-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.notif-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.notif-badge-inline{color:#ff9aaa;background:#ff4d6d40;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.notif-panel-actions{align-items:center;gap:4px;display:flex}.notif-clear-btn,.notif-close-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.notif-clear-btn:hover{color:#ff9aaa;background:#ff4d6d26}.notif-close-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.notif-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.notif-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;font-size:13px;display:flex}.notif-row{border-radius:var(--radius-md);background:0 0;border:1px solid #0000;align-items:flex-start;gap:10px;padding:10px;transition:background .14s,border-color .14s;display:flex;position:relative;overflow:hidden}.notif-row.unread{background:#0f9d8612;border-color:#0f9d8626}.notif-row.clickable{cursor:pointer}.notif-row.clickable:hover{border-color:var(--glass-border);background:#ffffff0d}.notif-type-icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.notif-body{flex:1;min-width:0;padding-right:18px}.notif-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.notif-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-muted);margin-top:4px;font-size:11px}.notif-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:28px;box-shadow:0 0 6px #0f9d86b3}.notif-dismiss{background:var(--glass-hover);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .13s,color .13s;display:none;position:absolute;top:8px;right:8px}.notif-row:hover .notif-dismiss{display:flex}.notif-dismiss:hover{color:#ff9aaa;background:#ff4d6d2e}[data-theme=light] .notif-panel{background:linear-gradient(#fffffff7 0%,#f8f8fcfa 100%)}[data-theme=light] .notif-row.unread{background:#0f9d860f;border-color:#0f9d862e}.rail-channels{scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;overflow-y:auto}.rail-channels:hover{scrollbar-color:#ffffff2e transparent}.rail-channels::-webkit-scrollbar{width:3px}.rail-channels::-webkit-scrollbar-track{background:0 0}.rail-channels::-webkit-scrollbar-thumb{background:0 0;border-radius:99px;transition:background .2s}.rail-channels:hover::-webkit-scrollbar-thumb{background:#ffffff2e}.rail-bottom{border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 0 10px;display:flex}.rail-bottom .notif-bell-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:border-radius .18s,background .15s,color .15s;display:flex}.rail-bottom .notif-bell-btn:hover{color:#fff;background:#0f9d8633;border-radius:12px}.rail-bottom .notif-bell-btn.has-unread{color:var(--accent)}.rail-settings-btn,.rail-friends-btn{border-radius:14px;width:44px;height:44px}.rail-friends-btn:hover{color:var(--accent-light);background:#14a38a2e;border-radius:12px}.rail-admin-btn{color:#f59e42!important;background:#f59e421a!important;border:1px solid #f59e4238!important}.rail-admin-btn:hover{color:#ffb96b!important;background:#f59e4238!important}.notif-panel{position:fixed;bottom:80px;left:68px}.mic-control-wrap{align-items:center;display:flex;position:relative}.ub-icon-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.ub-icon-btn:hover{color:var(--text-primary);background:#ffffff17}.ub-icon-btn.is-live{color:var(--accent)}.ub-icon-btn.is-muted{color:var(--text-muted)}.ub-icon-btn.is-locked{opacity:.4;pointer-events:none}.ub-icon-btn.is-open{color:var(--accent);background:#ffffff12}[data-theme=light] .ub-icon-btn:hover,[data-theme=light] .ub-icon-btn.is-open{background:#10201c12}.mic-volume-popup{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#101018f7;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:14px;padding:14px 16px;display:flex;position:fixed;box-shadow:0 12px 36px #00000080,0 2px 8px #0000004d}[data-theme=light] .mic-volume-popup{background:#fffffffa;border-color:#10201c1f;box-shadow:0 12px 36px #10201c29,0 2px 8px #10201c14}.mvp-section{flex-direction:column;gap:8px;display:flex}.mvp-label-row{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}[data-theme=light] .mvp-label-row{color:#4a5568}.mvp-pct{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:auto;font-size:11px;font-weight:700}.mvp-slider{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:5px}.mvp-slider::-webkit-slider-runnable-track{height:5px;box-shadow:none;background:inherit;border:none;border-radius:3px}.mvp-slider::-moz-range-track{background:inherit;border:none;border-radius:3px;height:5px}.mvp-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5.5px;transition:transform .13s,box-shadow .13s;box-shadow:0 1px 4px #00000059}.mvp-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000073}.mvp-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000059}.mvp-divider{background:#ffffff12;border-radius:1px;height:1px;margin:-4px 0}[data-theme=light] .mvp-divider{background:#10201c14}.mvp-ptt-row{cursor:pointer;align-items:center;gap:6px;display:flex}.composer-glass{border-top:1px solid var(--glass-border);background:0 0;flex-direction:column;padding-top:2px;display:flex}.composer-input-row{grid-template-columns:auto 1fr auto;align-items:flex-end;gap:0;min-height:52px;padding:6px 8px 8px 4px;display:grid}.composer-left-actions,.composer-right-actions{flex-shrink:0;align-items:flex-end;gap:2px;padding-bottom:2px;display:flex}.composer-left-actions{padding-left:4px;padding-right:4px}.composer-right-actions{padding-left:4px;padding-right:2px}.composer-action-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition), transform .12s;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.composer-action-btn:disabled{opacity:.35;cursor:not-allowed}.composer-action-btn.composer-style-active{color:hsl(var(--glow-hue,260) 80% 65%);background:hsla(var(--glow-hue,260), 80%, 60%, .12)}.composer-action-cost{background:var(--accent);color:#fff;pointer-events:none;border-radius:6px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:-1px;right:-1px}.composer-sep{background:var(--glass-border);flex-shrink:0;width:1px;height:22px;margin:0 4px 5px}.composer-send-btn{width:36px;height:36px;transition:background var(--transition), color var(--transition), transform .12s;background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-send-btn:hover:not(:disabled){background:var(--accent-light);transform:scale(1.06)}.composer-send-btn:disabled{color:var(--text-muted);box-shadow:none;background:#ffffff14}.msg-content{text-shadow:0 0 28px #dcdcff12}.ui-tooltip{color:var(--text-primary);pointer-events:none;border:1px solid var(--glass-border);white-space:nowrap;background:#0e0e16f7;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:500;line-height:1.4;animation:.1s ease-out tooltip-fade;box-shadow:0 4px 18px #00000073}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}[data-theme=light] .ui-tooltip{color:#1a1a28;background:#fffffffa;border-color:#0000001f;box-shadow:0 4px 14px #00000024}.prompt-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);background:#ffffff0f;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.prompt-input:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:#14a38a80}[data-theme=light] .prompt-input{color:var(--text-primary);background:#0000000a}.dm-overlay-panel{width:370px;height:520px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:9980;resize:both;background:#12121cf5;flex-direction:column;min-width:280px;min-height:360px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff0a}.dm-overlay-header{border-bottom:1px solid var(--glass-border);cursor:move;-webkit-user-select:none;user-select:none;background:#ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.dm-overlay-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dm-overlay-title .avatar-wrap{flex-shrink:0;width:28px;height:28px}.dm-overlay-close{width:24px;height:24px;color:var(--text-muted);transition:background var(--transition), color var(--transition);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.dm-overlay-close:hover{color:var(--danger);background:#ff4d6d2e}.dm-overlay-panel>.dm-view,.dm-overlay-panel>div:last-child{flex:1;min-height:0}[data-theme=light] .dm-overlay-panel{background:#fffffff7;box-shadow:0 16px 48px #10201c38,0 0 0 1px #0000000f}.dm-pane-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.dm-pane-item:hover{border-color:var(--glass-border);background:#ffffff0d}.dm-pane-item.active,.dm-pane-item:active{background:#14a38a1a;border-color:#14a38a40}.dm-pane-item.has-unread .dm-pane-name{color:#fff;font-weight:700}.dm-pane-item.has-unread .dm-pane-snippet{color:var(--text-secondary);opacity:1}.dm-pane-avatar{flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.dm-pane-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dm-pane-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.75;font-size:11px;overflow:hidden}.dm-pane-unread-badge{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}[data-theme=light] .dm-pane-item:hover{background:#0000000a;border-color:#0000001a}[data-theme=light] .dm-pane-item.active{background:#14a38a14;border-color:#14a38a33}.welcome-screen{flex-direction:column;flex:1;gap:28px;padding:32px 28px 40px;display:flex;overflow-y:auto}.welcome-hero-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);align-items:center;gap:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.welcome-hero-glow{display:none}.welcome-hero-icon{z-index:1;flex-shrink:0;font-size:48px;line-height:1}.welcome-hero-text{z-index:1}.welcome-hero-title{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.welcome-hero-sub{color:var(--text-secondary);margin:0;font-size:14px}.welcome-section{flex-direction:column;display:flex}.welcome-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.welcome-my-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.welcome-my-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.welcome-my-card:hover{background:#14a38a1a;border-color:#14a38a4d;transform:translateY(-2px)}.welcome-my-card-icon{background:#14a38a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.welcome-my-card-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.welcome-my-card-emoji{font-size:22px;line-height:1}.welcome-my-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.welcome-discover-card{cursor:pointer}.welcome-discover-card:hover{background:#14a38a1a;border-color:#14a38a4d;transform:translateY(-2px)}.welcome-discover-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.welcome-discover-meta{color:var(--text-muted);margin-top:-2px;font-size:10px}.welcome-discover-loading{color:var(--text-muted);justify-content:center;padding:20px 0;display:flex}.welcome-discover-grid{flex-direction:column;gap:8px;display:flex}.ch-settings-layout{height:560px;display:flex;overflow:hidden}.ch-settings-sidebar{border-right:1px solid var(--glass-border);background:#00000038;flex-direction:column;flex-shrink:0;gap:1px;width:184px;padding:10px 8px 14px;display:flex;overflow-y:auto}.ch-settings-sidebar::-webkit-scrollbar{width:3px}.ch-settings-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.ch-settings-panel{flex-direction:column;flex:1;gap:16px;min-width:0;padding:18px 22px 24px;display:flex;overflow-y:auto}.ch-settings-panel::-webkit-scrollbar{width:5px}.ch-settings-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ch-settings-panel::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.ch-sn-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.3;transition:background .13s,color .13s;display:flex;overflow:hidden}.ch-sn-item:hover{background:var(--glass-hover);color:var(--text-secondary)}.ch-sn-item.active{background:var(--glass-active);color:var(--text-primary);font-weight:600}.ch-sn-item.danger{color:#ed4245bf}.ch-sn-item.danger:hover{color:var(--danger);background:#ed42451a}.ch-sn-item.danger.active{color:var(--danger);background:#ed424526}.ch-sn-icon{opacity:.75;flex-shrink:0;align-items:center;display:flex}.ch-sn-item.active .ch-sn-icon{opacity:1}.ch-sn-divider{background:var(--glass-border);height:1px;margin:5px 4px}.ch-sn-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);opacity:.55;padding:6px 10px 3px;font-size:10px;font-weight:700}.boost-hero-v2{border-radius:var(--radius-lg);background:linear-gradient(135deg,#14a38a24,#14a38a0a);border:1px solid #14a38a3d;align-items:center;gap:14px;padding:14px 16px;display:flex}.boost-level-orb{border:2px solid var(--accent);background:#14a38a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex;box-shadow:0 0 16px #14a38a3d}.boost-hero-v2-info{flex:1;min-width:0}.boost-hero-v2-level{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.boost-hero-v2-sub{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.4}.boost-bar-v2{background:#ffffff14;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.boost-bar-v2-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:3px;height:100%;transition:width .7s}.danger-card{border-radius:var(--radius-lg);background:#ed42450a;border:1px solid #ed424533;align-items:flex-start;gap:14px;padding:16px;display:flex}.danger-card.danger-card-critical{background:#ed424512;border-color:#ed424559}.danger-card-icon{flex-shrink:0;padding-top:2px;font-size:22px;line-height:1}.danger-card-body{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.danger-card-title{color:var(--danger);font-size:14px;font-weight:700}.danger-card-desc{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.45}[data-theme=light] .ch-settings-sidebar{background:#00000009;border-right-color:#00000017}[data-theme=light] .ch-sn-item{color:var(--text-muted)}[data-theme=light] .ch-sn-item:hover{color:var(--text-primary);background:#0000000e}[data-theme=light] .ch-sn-item.active{color:var(--accent);background:#14a38a1a}[data-theme=light] .ch-sn-item.danger{color:#dc3535bf}[data-theme=light] .ch-sn-item.danger:hover{color:var(--danger);background:#dc353512}[data-theme=light] .ch-sn-item.danger.active{color:var(--danger);background:#dc35351a}[data-theme=light] .ch-sn-divider{background:#00000017}[data-theme=light] .ch-settings-panel::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .ch-settings-panel::-webkit-scrollbar-thumb:hover{background:#0003}.emoji-slot-meter{align-items:center;gap:10px;display:flex}.emoji-slot-meter-bar{background:var(--glass-hover);border-radius:999px;flex:1;height:5px;overflow:hidden}.emoji-slot-meter-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.emoji-slot-meter-fill.full{background:var(--danger)}.emoji-slot-count{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:600}.emoji-slot-count.full{color:var(--danger)}.emoji-upload-card{border-radius:var(--radius-md);border:1px dashed var(--glass-border);background:var(--glass-bg);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.emoji-upload-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:8px;display:grid}.emoji-upload-row .emoji-upload-btn{white-space:nowrap;padding-top:0;padding-bottom:0}.emoji-upload-hint{color:var(--text-muted);font-size:11px}.ch-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;display:grid}.ch-emoji-item{border:1px solid var(--glass-border);background:var(--glass-bg);cursor:default;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px 7px;transition:border-color .13s,background .13s;display:flex;position:relative}.ch-emoji-item:hover{background:var(--glass-hover);border-color:#14a38a4d}.ch-emoji-item img{object-fit:contain;width:36px;height:36px}.ch-emoji-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}.ch-emoji-delete{width:18px;height:18px;color:var(--danger);cursor:pointer;opacity:0;background:#ed42451f;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .13s,background .13s;display:flex;position:absolute;top:3px;right:3px}.ch-emoji-item:hover .ch-emoji-delete{opacity:1}.ch-emoji-delete:hover{background:#ed424540}[data-theme=light] .ch-emoji-item{background:#ffffffb3}[data-theme=light] .ch-emoji-item:hover{background:#14a38a0f}.discover-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;transition:background .15s,border-color .15s;display:flex}.discover-card:hover{background:#ffffff0d;border-color:#14a38a40}.discover-card-icon{background:#14a38a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.discover-card-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.discover-card-emoji{font-size:22px;line-height:1}.discover-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.discover-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.discover-card-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.discover-card-meta{color:var(--text-muted);font-size:11px}.discover-card-join{color:var(--accent-light);border-radius:var(--radius-md);cursor:pointer;background:#14a38a29;border:1px solid #14a38a59;flex-shrink:0;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.discover-card-join:hover:not(:disabled){background:#14a38a47;border-color:#14a38a8c}.discover-card-join:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .welcome-hero-card,[data-theme=light] .welcome-my-card{background:#ffffffd9;border-color:#10201c1a}[data-theme=light] .welcome-my-card:hover{background:#14a38a12;border-color:#14a38a40}[data-theme=light] .discover-card{background:#ffffffd9;border-color:#10201c1a}[data-theme=light] .discover-card:hover{background:#fffffff2;border-color:#14a38a33}[data-theme=light] .discover-card-join{color:var(--accent);background:#14a38a1a;border-color:#14a38a47}[data-theme=light] .discover-card-join:hover:not(:disabled){background:#14a38a33}.cameras-strip{background:0 0;flex-wrap:nowrap;flex-shrink:0;gap:8px;max-height:220px;padding:10px 14px;display:flex;overflow-x:auto}.cameras-strip::-webkit-scrollbar{height:4px}.cameras-strip::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.camera-tile{border-radius:var(--radius-md);border:1px solid var(--glass-border);aspect-ratio:16/9;background:#000;flex:none;width:260px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000059}@media (width<=640px){.cameras-strip{max-height:150px}.camera-tile{width:200px}}.camera-tile video{object-fit:cover;width:100%;height:100%;display:block}.camera-tile-label{color:#fff;background:#0000008c;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:5px;left:6px}.camera-tile.is-self .camera-tile-label{background:#14a38aa6}.camera-tile.is-screen .camera-tile-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009}.msg-sticker{-webkit-user-select:none;user-select:none;max-width:160px;max-height:160px;margin-top:4px;display:block}.sticker-picker-popup{background:var(--glass-bg-strong,#14141ef5);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:100;flex-direction:column;width:300px;max-height:420px;animation:.16s ease-out sticker-pop-in;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes sticker-pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sticker-picker-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.sticker-picker-title{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:700}.sticker-picker-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.sticker-picker-close:hover{color:var(--text-primary);background:#ffffff14}.sticker-picker-tabs{border-bottom:1px solid var(--glass-border);flex-shrink:0;gap:4px;padding:8px 10px 6px;display:flex}.sticker-tab{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:5px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.sticker-tab:hover{color:var(--text-secondary);background:#ffffff0f}.sticker-tab.active{color:var(--accent-light);background:#14a38a29;border-color:#14a38a4d}.sticker-upload-bar{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:8px 10px 6px}.sticker-upload-btn{width:100%;color:var(--text-secondary);border:1px dashed var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.sticker-upload-btn:hover{color:var(--accent-light);background:#14a38a1a;border-color:#14a38a4d}.sticker-upload-form{align-items:center;gap:6px;display:flex}.sticker-name-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);background:#ffffff0f;outline:none;flex:1;padding:5px 8px;font-size:12px;transition:border-color .12s}.sticker-name-input:focus{border-color:#14a38a80}.sticker-name-input::placeholder{color:var(--text-muted)}.sticker-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid;overflow-y:auto}.sticker-loading,.sticker-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:20px 0;font-size:12px}.sticker-item{border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative;overflow:hidden}.sticker-item:hover{background:#14a38a1a;border-color:#14a38a47;transform:translateY(-2px)}.sticker-item-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:6px;width:64px;height:64px}.sticker-item-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.3;overflow:hidden}.sticker-item-delete{color:#fff;cursor:pointer;background:#ff3c50cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s;display:none;position:absolute;top:4px;right:4px}.sticker-item:hover .sticker-item-delete{display:flex}.sticker-item-delete:hover{background:#ff283cf2}[data-theme=light] .sticker-picker-popup{background:#fffffff5;box-shadow:0 16px 48px #10201c33}[data-theme=light] .sticker-tab.active{color:var(--accent);background:#0f9d861a;border-color:#0f9d8640}[data-theme=light] .sticker-upload-btn{color:var(--text-secondary);background:#00000008;border-color:#10201c24}[data-theme=light] .sticker-upload-btn:hover{color:var(--accent);background:#0f9d8612}[data-theme=light] .sticker-name-input{background:#0000000a;border-color:#10201c24}[data-theme=light] .sticker-item{background:#00000008}[data-theme=light] .sticker-item:hover{background:#0f9d8612;border-color:#0f9d8638}.post-yorumlar-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;line-height:1.3;transition:background .13s,border-color .13s,color .13s;display:inline-flex}.post-yorumlar-btn:hover{color:var(--accent-primary);background:#14a38a1f;border-color:#14a38a4d}.post-yorumlar-count{background:var(--accent-primary,#14a38a);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:15px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.post-reaction-chip{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;line-height:1.3;transition:background .13s,border-color .13s;display:inline-flex}.post-reaction-chip:hover{background:#14a38a1f;border-color:#14a38a47}.post-reaction-chip.mine{color:var(--accent-primary);background:#14a38a26;border-color:#14a38a66}.cmt-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.18s cmt-overlay-in;display:flex;position:fixed;inset:0}@keyframes cmt-overlay-in{0%{opacity:0}to{opacity:1}}.cmt-modal-card{background:var(--bg-secondary,#1e2128);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:100%;max-width:560px;max-height:82vh;animation:.2s cubic-bezier(.22,1,.36,1) cmt-card-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000008c}@keyframes cmt-card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.cmt-modal-hdr{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.cmt-modal-back{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.cmt-modal-back:hover{color:var(--text-primary);background:#ffffff14}.cmt-modal-hdr-meta{flex:1;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.cmt-modal-ch-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.cmt-modal-ch-icon-emoji{flex-shrink:0;font-size:16px}.cmt-modal-ch-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-size:13px;font-weight:700;overflow:hidden}.cmt-modal-hdr-sep{color:var(--text-muted);flex-shrink:0;font-size:12px}.cmt-modal-hdr-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.cmt-modal-post{border-bottom:1px solid #ffffff12;flex-shrink:0;max-height:220px;padding:12px 16px 10px;overflow-y:auto}.cmt-modal-post-time{color:var(--text-muted);margin-bottom:6px;font-size:11px}.cmt-modal-post-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-size:14px;line-height:1.55}.cmt-modal-post-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:180px;margin-bottom:10px;display:block}.cmt-modal-post-reactions{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.cmt-modal-sort-bar{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:4px;padding:6px 12px;display:flex}.cmt-sort-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.cmt-sort-tab:hover{color:var(--text-primary);background:#ffffff0f}.cmt-sort-tab.active{color:var(--accent-primary);background:#14a38a26;border-color:#14a38a59}.cmt-modal-list{flex:1;min-height:0;overflow-y:auto}.cmt-messages-wrap{padding:4px 0 8px}.cmt-state-msg{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:32px 16px;font-size:13px;display:flex}.cmt-load-more-row{justify-content:center;padding:8px 16px;display:flex}.cmt-load-more-btn{color:var(--accent-primary);cursor:pointer;background:#14a38a1a;border:1px solid #14a38a38;border-radius:99px;padding:5px 14px;font-size:12px;transition:background .13s}.cmt-load-more-btn:hover:not(:disabled){background:#14a38a2e}.cmt-load-more-btn:disabled{opacity:.5;cursor:default}.cmt-modal-composer{border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.cmt-modal-input{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;min-width:0;padding:7px 14px;font-size:13px;transition:border-color .15s,background .15s}.cmt-modal-input:focus{background:#ffffff17;border-color:#14a38a73}.cmt-modal-input::placeholder{color:var(--text-muted)}.cmt-modal-send{background:var(--accent-primary,#14a38a);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .15s,transform .1s;display:flex}.cmt-modal-send:hover:not(:disabled){opacity:.85;transform:scale(1.06)}.cmt-modal-send:disabled{opacity:.28;cursor:default}[data-theme=light] .post-yorumlar-btn{background:#00000008;border-color:#10201c24}[data-theme=light] .post-yorumlar-btn:hover{background:#0f9d8614;border-color:#0f9d8638}[data-theme=light] .post-reaction-chip{background:#0000000a;border-color:#10201c1f}[data-theme=light] .post-reaction-chip:hover{background:#0f9d8614;border-color:#0f9d8638}[data-theme=light] .post-reaction-chip.mine{background:#0f9d861a;border-color:#0f9d865c}[data-theme=light] .cmt-modal-card{background:#f5f6fa;border-color:#10201c1f}[data-theme=light] .cmt-modal-hdr,[data-theme=light] .cmt-modal-post,[data-theme=light] .cmt-modal-sort-bar,[data-theme=light] .cmt-modal-composer{border-color:#10201c17}[data-theme=light] .cmt-modal-back:hover{background:#0000000f}[data-theme=light] .cmt-sort-tab:hover{background:#0000000d}[data-theme=light] .cmt-sort-tab.active{background:#0f9d861a;border-color:#0f9d864d}[data-theme=light] .cmt-load-more-btn{background:#0f9d8614;border-color:#0f9d8633}[data-theme=light] .cmt-modal-input{background:#0000000a;border-color:#10201c24}[data-theme=light] .cmt-modal-input:focus{background:#0f9d860a;border-color:#0f9d8673}.cmt-reply-banner{background:#14a38a1a;border-top:1px solid #14a38a33;flex-shrink:0;align-items:center;gap:8px;padding:5px 14px;display:flex}.cmt-reply-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.cmt-reply-cancel{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .13s;display:flex}.cmt-reply-cancel:hover{color:var(--text-primary);background:#ffffff14}.cmt-image-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.cmt-image-btn:hover{color:var(--text-primary);background:#ffffff14}[data-theme=light] .cmt-reply-banner{background:#0f9d8612;border-color:#0f9d862e}[data-theme=light] .cmt-reply-cancel:hover,[data-theme=light] .cmt-image-btn:hover{background:#0000000f}.rail-ctx-menu{background:var(--bg-secondary,#1e2128);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.14s cubic-bezier(.22,1,.36,1) cmt-card-in;display:flex;position:fixed;box-shadow:0 8px 32px #0000008c}.rail-ctx-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff12;max-width:180px;margin-top:2px;padding:6px 10px 4px;font-size:11px;font-weight:700;overflow:hidden}.rail-ctx-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.rail-ctx-item:hover{color:var(--text-primary);background:#14a38a2e}[data-theme=light] .rail-ctx-menu{background:#fff;border-color:#0000001a;box-shadow:0 8px 32px #0000002e}[data-theme=light] .rail-ctx-label{border-color:#00000014}[data-theme=light] .rail-ctx-item:hover{background:#0f9d861a}.community-boost-modal{flex-direction:column;gap:0;max-width:460px;max-height:80vh;display:flex;overflow-y:auto}.comm-boost-banner{background:#ffffff08;border:1px solid;border-radius:12px;flex-direction:column;gap:10px;margin:16px 18px 0;padding:14px 16px;display:flex}.comm-boost-banner-level{align-items:center;gap:12px;display:flex}.comm-boost-level-emoji{flex-shrink:0;font-size:28px;line-height:1}.comm-boost-level-label{font-size:14px;font-weight:700}.comm-boost-count{color:var(--text-muted);margin-top:2px;font-size:12px}.comm-boost-progress-wrap{flex-direction:column;gap:4px;display:flex}.comm-boost-progress-bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.comm-boost-progress-fill{border-radius:99px;height:100%;transition:width .4s}.comm-boost-progress-label{color:var(--text-muted);font-size:11px}.comm-boost-maxed{color:#4ade80;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.comm-boost-tiers{flex-direction:column;gap:6px;padding:14px 18px 0;display:flex}.comm-boost-tier{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:10px 14px;transition:border-color .15s,background .15s}.comm-boost-tier.current{border-color:var(--tier-color,#ffffff2e);background:#ffffff0d}.comm-boost-tier.unlocked{opacity:.7;border-color:#ffffff1a}.comm-boost-tier-head{align-items:center;gap:7px;margin-bottom:6px;display:flex}.comm-boost-tier-emoji{flex-shrink:0;font-size:16px;line-height:1}.comm-boost-tier-name{font-size:13px;font-weight:700}.comm-boost-tier-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-light);background:#14a38a38;border-radius:99px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.comm-boost-tier-req{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:11px}.comm-boost-tier-head .comm-boost-tier-badge~.comm-boost-tier-req,.comm-boost-tier-head svg~.comm-boost-tier-req{margin-left:0}.comm-boost-tier-perks{color:var(--text-secondary);flex-wrap:wrap;gap:5px 14px;font-size:11.5px;display:flex}.comm-boost-free-info{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:8px;align-items:center;gap:6px;margin:12px 18px 0;padding:8px 12px;font-size:12px;display:flex}.comm-boost-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding:16px 18px 18px;display:flex}.comm-boost-btn{border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}[data-theme=light] .comm-boost-banner{background:#00000005}[data-theme=light] .comm-boost-tier{background:#00000005;border-color:#00000014}[data-theme=light] .comm-boost-tier.current{background:#0000000a}[data-theme=light] .comm-boost-progress-bar{background:#00000014}[data-theme=light] .comm-boost-free-info{background:#f59e0b12}[data-theme=light] .comm-boost-tier-badge{background:#0f9d861f}.dm-body{flex:1;min-height:0;display:flex}.dm-messages-area{flex:1;position:relative}.dm-side-panel{border-left:1px solid var(--glass-border);background:var(--glass-bg);flex-direction:column;flex-shrink:0;width:280px;display:flex}.dm-side-panel-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.dm-side-panel-body{flex:1;padding:12px;overflow-y:auto}.dm-side-empty{text-align:center;color:var(--text-muted);padding:24px 0;font-size:12px}.dm-media-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dm-media-thumb{aspect-ratio:1;cursor:pointer;background:#0003;border:none;border-radius:8px;padding:0;overflow:hidden}.dm-media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.dm-link-list{flex-direction:column;gap:6px;display:flex}.dm-link-item{color:var(--accent-light);background:#14a38a14;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex;overflow:hidden}.dm-link-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-link-item:hover{background:#14a38a29}:root{--bg-base:#0d0e10;--bg-layer1:#131519;--bg-layer2:#191b1f;--bg-elevated:#212429;--bg-rail:#0a0b0d;--text-primary:#eef2f0;--text-secondary:#90a09a;--text-muted:#5a6a64;--glass-bg:#ffffff0e;--glass-bg-strong:#ffffff1a;--glass-border:#ffffff16;--glass-hover:#ffffff13;--glass-active:#ffffff1d;--glass-blur:blur(24px) saturate(180%);--shadow-1:0 1px 2px #0000002e;--shadow-2:0 4px 12px #00000038, 0 1px 3px #00000024;--shadow-3:0 12px 28px #00000052, 0 4px 10px #0000002e;--shadow-4:0 28px 60px #0000006b, 0 8px 24px #00000038;--hi-soft:inset 0 1px 0 #ffffff0f;--hi-mid:inset 0 1px 0 #ffffff1a;--hi-strong:inset 0 1px 0 #ffffff24;--ring:0 0 0 3px #14a38a4d;--ring-soft:0 0 0 3px #14a38a2e;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-base:#eef2f1;--bg-layer1:#f6f9f8;--bg-layer2:#fff;--bg-elevated:#fff;--bg-rail:#e6ebe9;--text-primary:#14211d;--text-secondary:#46615a;--text-muted:#8aa39c;--glass-bg:#ffffff9e;--glass-bg-strong:#ffffffe0;--glass-border:#14a38a1f;--glass-hover:#14a38a12;--glass-active:#14a38a24;--glass-blur:blur(28px) saturate(190%);--shadow-1:0 1px 2px #10201c0f;--shadow-2:0 4px 14px #10201c12, 0 1px 3px #10201c0a;--shadow-3:0 14px 32px #10201c1a, 0 4px 12px #10201c0f;--shadow-4:0 30px 70px #10201c29, 0 10px 28px #10201c14;--hi-soft:inset 0 1px 0 #ffffff8c;--hi-mid:inset 0 1px 0 #ffffffb3;--hi-strong:inset 0 1px 0 #ffffffe6;--ring:0 0 0 3px #0f9d8633;--ring-soft:0 0 0 3px #0f9d861f}body{font-feature-settings:"cv11","ss01","ss03","cv02";text-rendering:optimizelegibility}.app-shell{background-image:none;background-color:var(--bg-base);isolation:isolate;background-attachment:fixed;position:relative;overflow:hidden}[data-theme=light] .app-shell{background-image:radial-gradient(ellipse 65% 50% at 14% 0%, #0f9d861a 0%, transparent 60%), radial-gradient(ellipse 55% 65% at 92% 100%,#00aaff14 0%, transparent 65%), radial-gradient(ellipse 80% 40% at 50% 50%, #ffaa5a0d 0%, transparent 80%), var(--bg-base)}.app-shell:before{content:"";pointer-events:none;z-index:0;filter:blur(20px);opacity:0;will-change:transform;background:radial-gradient(circle at 30% 30%,#14a38a0d,#0000 45%),radial-gradient(circle at 70% 70%,#14a38a0a,#0000 45%);animation:40s ease-in-out infinite alternate aurora-drift;position:absolute;inset:0}@keyframes aurora-drift{0%{transform:translate(0%)scale(1)}50%{transform:translate(2%,-1%)scale(1.05)}to{transform:translate(-2%,1%)scale(1.02)}}[data-theme=light] .app-shell:before{opacity:.7}.app-shell>*{z-index:1;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}.app-shell::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#ffffff14 padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}::-webkit-scrollbar-thumb:hover{background:#ffffff29 padding-box padding-box}[data-theme=light] ::-webkit-scrollbar-thumb{background:#10201c29 padding-box padding-box}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#10201c4d padding-box padding-box}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}[data-theme=light] *{scrollbar-color:#10201c33 transparent}:root{--scrollbar-thumb-active:#ffffff52}[data-theme=light]{--scrollbar-thumb-active:#10201c4d}.messages-area{scrollbar-color:transparent transparent!important}.messages-area.is-scrolling,.messages-area.is-hovered{scrollbar-color:var(--scrollbar-thumb-active) transparent!important}.messages-area::-webkit-scrollbar-thumb{transition:background .15s;background:0 0!important;border:none!important}.messages-area.is-scrolling::-webkit-scrollbar-thumb{transition:background .15s;background:var(--scrollbar-thumb-active)!important;background-clip:border-box!important;border:none!important}.messages-area.is-hovered::-webkit-scrollbar-thumb{transition:background .15s;background:var(--scrollbar-thumb-active)!important;background-clip:border-box!important;border:none!important}::selection{color:#fff;background:#14a38a59}[data-theme=light] ::selection{color:var(--text-primary);background:#0f9d8638}:where(button,a,[role=button],[tabindex]):focus-visible,:where(input,textarea,select,.glass-input,.textarea):focus-visible{box-shadow:var(--ring), var(--shadow-1);border-radius:10px;outline:none}.icon-btn:focus-visible,.composer-icon-btn:focus-visible{box-shadow:var(--ring);border-radius:10px}.sidebar,.channel-header,.composer-glass,.glass-modal,.user-hover-card,.toast,.style-pop{box-shadow:var(--shadow-2), var(--hi-soft)}.glass-modal{box-shadow:var(--shadow-4), var(--hi-mid)}.toast{box-shadow:var(--shadow-3), var(--hi-soft)}.user-hover-card,.style-pop{box-shadow:var(--shadow-3), var(--hi-mid)}:root:not([data-theme=light]) .sidebar{background:var(--bg-layer1);-webkit-backdrop-filter:none}[data-theme=light] .sidebar{-webkit-backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#ffffffa8,#f8faff94)}:root:not([data-theme=light]) .channel-header{background:var(--bg-base);-webkit-backdrop-filter:none}:root:not([data-theme=light]) .server-rail,:root:not([data-theme=light]) .room-pane,:root:not([data-theme=light]) .member-panel{background:var(--bg-rail)}:root:not([data-theme=light]) .messages-area,:root:not([data-theme=light]) .typing-bar,:root:not([data-theme=light]) .composer{background:var(--bg-base)}[data-theme=light] .channel-header{background:linear-gradient(#ffffffc7,#ffffff8c)}.composer-glass{border-radius:var(--radius-xl,28px);transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), background .18s var(--ease-out);background:linear-gradient(#ffffff12,#ffffff0a)}.composer-glass:hover{background:linear-gradient(#ffffff17,#ffffff0d)}.composer-glass:focus-within{box-shadow:var(--ring-soft), var(--shadow-2), var(--hi-soft);background:linear-gradient(#ffffff1a,#ffffff0d);border-color:#14a38a73}[data-theme=light] .composer-glass{background:linear-gradient(#ffffffeb,#fcfdffc7)}[data-theme=light] .composer-glass:hover{background:#fffffff5}[data-theme=light] .composer-glass:focus-within{box-shadow:var(--ring-soft), var(--shadow-2), var(--hi-strong);background:#fff}.channel-item{transition:background .18s var(--ease-out), transform .18s var(--ease-out)}.channel-item:hover{background:var(--glass-hover)}.channel-item.active{box-shadow:inset 2px 0 0 var(--accent), var(--hi-soft);background:linear-gradient(135deg,#14a38a2e,#14a38a0f)}[data-theme=light] .channel-item.active{box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(135deg,#0f9d8624,#0f9d860d)}.btn-primary,.btn-primary-sm{background:var(--accent);transition:transform .15s var(--ease-out), box-shadow .18s var(--ease-out), filter .18s var(--ease-out);box-shadow:0 2px 8px #14a38a33,inset 0 1px #fff3}.btn-primary:hover:not(:disabled),.btn-primary-sm:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px 12px #14a38a47,inset 0 1px #ffffff38}.btn-primary:active:not(:disabled),.btn-primary-sm:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary-sm{background:var(--accent)}.btn-ghost,.btn-ghost-sm{background:var(--glass-bg);border:1px solid var(--glass-border);transition:background .18s var(--ease-out), border-color .18s var(--ease-out), transform .15s var(--ease-out)}.btn-ghost:hover,.btn-ghost-sm:hover{background:var(--glass-active);border-color:#14a38a4d;transform:translateY(-1px)}.btn-danger{transition:background .18s var(--ease-out), transform .15s var(--ease-out), box-shadow .18s var(--ease-out);background:linear-gradient(#ff4d6d2e,#ff4d6d1a);border:1px solid #ff4d6d4d}.btn-danger:hover{background:linear-gradient(#ff4d6d47,#ff4d6d29);transform:translateY(-1px);box-shadow:0 3px 10px #ff4d6d26}.icon-btn{transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out)}.icon-btn:hover{transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.glass-input,.textarea,input[type=text],input[type=email],input[type=password],input[type=search],textarea{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);border-radius:12px;padding:10px 14px}.composer-glass .composer-input,.composer-glass .composer-input:hover,.composer-glass .composer-input:focus{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:8px 4px}.glass-input:hover,.textarea:hover,input[type=text]:hover,input[type=search]:hover,textarea:hover{background:var(--glass-hover);border-color:#14a38a38}.glass-input:focus,.textarea:focus,input:focus,textarea:focus{background:var(--glass-bg-strong);box-shadow:var(--ring-soft);border-color:#14a38a8c}input[type=range],.mvp-slider,input[type=range]:focus,input[type=range]:focus-visible{box-shadow:none!important;background-color:#0000!important;border:none!important;outline:none!important}.modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(140%);animation:backdrop-fade .22s var(--ease-out);background:radial-gradient(circle,#00000073,#000000a6)}[data-theme=light] .modal-backdrop{background:radial-gradient(circle,#10201c2e,#10201c57)}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.glass-modal{animation:modal-pop .32s var(--ease-spring)}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{animation:toast-slide .32s var(--ease-spring)}@keyframes toast-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message{transition:background .16s var(--ease-out);border-radius:12px}.message:hover{background:#ffffff09}.msg-content a{color:var(--accent-light);border-bottom:1px dashed #14a38a66;text-decoration:none}.msg-content a:hover{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=light] .msg-content a{color:var(--accent);border-bottom-color:#0f9d8666}.avatar{transition:box-shadow .18s var(--ease-out);box-shadow:0 0 #14a38a00}.user-bar-main:hover .avatar,.channel-item.active .avatar{box-shadow:0 0 0 2px #14a38a38}.empty-state .empty-icon{filter:drop-shadow(0 8px 24px #14a38a40);animation:4s ease-in-out infinite float-soft}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ch-status-pill{-webkit-backdrop-filter:blur(8px)}.admin-stat-card{background:linear-gradient(180deg, var(--glass-bg-strong), var(--glass-bg));box-shadow:var(--shadow-2), var(--hi-soft);transition:transform .18s var(--ease-out), box-shadow .22s var(--ease-out), border-color .18s var(--ease-out)}.admin-stat-card:hover{box-shadow:var(--shadow-3), var(--hi-mid);border-color:#14a38a4d;transform:translateY(-2px)}.tab-button{transition:color .18s var(--ease-out);position:relative}.tab-button:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light));transform-origin:50%;height:2px;transition:transform .22s var(--ease-out);border-radius:999px;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.tab-button.active:after{transform:scaleX(1)}.reaction-chip{transition:background .18s var(--ease-out);border-radius:999px}.reaction-chip.mine{box-shadow:var(--hi-soft)}.mention-pill{transition:background .18s var(--ease-out);border-radius:999px;padding:1px 8px}.skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.voice-panel,.call-overlay{box-shadow:var(--shadow-3), var(--hi-mid)}.pinned-list .pinned-item:hover,.result-list .result-item:hover{background:var(--glass-hover)}.modal-header,.modal-footer,.sidebar-header,.user-bar{border-color:var(--glass-border)}.msg-image{border:1px solid var(--glass-border);box-shadow:var(--shadow-1);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:12px}.msg-image:hover{box-shadow:var(--shadow-2);transform:scale(1.01)}.channel-header.has-banner{background-blend-mode:overlay}.member-row,.user-row{transition:background .16s var(--ease-out);border-radius:10px}.member-row:hover,.user-row:hover{background:var(--glass-hover)}[data-theme=light] .sidebar{box-shadow:1px 0 0 var(--glass-border), var(--shadow-1)}[data-theme=light] .channel-header{box-shadow:0 1px 0 var(--glass-border), var(--shadow-1)}[data-theme=light] .composer-glass{box-shadow:var(--shadow-2), var(--hi-strong)}[data-theme=light] .glass-modal{box-shadow:var(--shadow-4), var(--hi-strong)}[data-theme=light] .toast{box-shadow:var(--shadow-3), var(--hi-mid)}.composer{padding:0 15px}.composer-glass{overflow:visible;-webkit-backdrop-filter:blur(28px)!important;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out)!important;background:linear-gradient(160deg,#1a1a26c7 0%,#14141edb 50%,#181824cc 100%)!important;border:1px solid #ffffff17!important;border-radius:20px!important;padding-top:0!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff05,0 0 0 .5px #ffffff0a,0 8px 28px #00000047,0 2px 8px #00000029!important}.composer-glass:hover{background:linear-gradient(160deg,#1c1c2ad1 0%,#161622e0 50%,#1a1a28d6 100%)!important;border-color:#14a38a38!important}.composer-glass:focus-within{border-color:#14a38a66!important;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #14a38a1f,0 8px 28px #00000052,0 2px 8px #0000002e!important}[data-theme=light] .composer-glass{-webkit-backdrop-filter:blur(28px)!important;background:linear-gradient(160deg,#f8f9ffc7 0%,#f4f6fed6 50%,#f6f8ffcc 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,0 0 0 .5px #10201c0f,0 8px 24px #10201c1a,0 2px 8px #10201c0f!important}[data-theme=light] .composer-glass:hover{background:linear-gradient(160deg,#fafbffd6 0%,#f6f8ffe0 50%,#f8faffdb 100%)!important;border-color:#0f9d8647!important}[data-theme=light] .composer-glass:focus-within{border-color:#0f9d8673!important;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #0f9d861a,0 8px 24px #10201c1f,0 2px 8px #10201c12!important}.composer-input-row{align-items:center!important;gap:2px!important;min-height:48px!important;padding:6px 8px 6px 6px!important}.composer-left-actions,.composer-right-actions{align-items:center!important;gap:2px!important;padding-bottom:0!important}.composer-action-btn{color:var(--text-muted);width:34px!important;height:34px!important;transition:background .15s var(--ease-out), color .15s var(--ease-out), transform .12s!important;border-radius:10px!important}.composer-action-btn:hover:not(:disabled){background:var(--glass-hover)!important;color:var(--text-secondary)!important;transform:scale(1.06)!important}.composer-sep{align-self:center;height:20px;margin:0 4px!important}.composer-send-btn{background:var(--accent);color:#fff;transition:transform .14s var(--ease-out), box-shadow .16s var(--ease-out), filter .16s var(--ease-out);border:none;flex-shrink:0;box-shadow:0 4px 18px #14a38a6b,inset 0 1px #ffffff38;border-radius:14px!important;width:40px!important;height:40px!important}.composer-send-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)scale(1.04);box-shadow:0 8px 26px #14a38a85,inset 0 1px #ffffff47}.composer-send-btn:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 10px #14a38a59}.composer-send-btn:disabled{color:var(--text-muted)!important;box-shadow:none!important;background:#ffffff12!important;transform:none!important}[data-theme=light] .composer-send-btn{background:var(--accent);box-shadow:0 4px 16px #0f9d8661,inset 0 1px #ffffff4d}[data-theme=light] .composer-send-btn:hover:not(:disabled){box-shadow:0 8px 24px #0f9d867a,inset 0 1px #ffffff59}.tooltip,.popover{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-2), var(--hi-soft);-webkit-backdrop-filter:var(--glass-blur)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-shell:before{animation:none!important}}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-2), var(--hi-soft)}.glass-surface-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-3), var(--hi-mid)}.elevation-1{box-shadow:var(--shadow-1)}.elevation-2{box-shadow:var(--shadow-2)}.elevation-3{box-shadow:var(--shadow-3)}.elevation-4{box-shadow:var(--shadow-4)}.msg-content{box-shadow:none;background:0 0;border:none}[data-theme=light] .message.msg-style-starlight:after{background:linear-gradient(90deg,#0000 0%,#0000000a 50%,#0000 100%) 0 0/200% 100%}.reaction-add-btn{opacity:.45;transition:opacity .15s,background .15s}.reaction-add-btn:hover{opacity:1}.reaction-add-plus{color:var(--text-muted);margin-left:1px;font-size:11px;font-weight:700}.feqp{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(36px);background:linear-gradient(150deg,#1a1a26e0 0%,#14141eed 50%,#181824e6 100%);border:1px solid #ffffff14;flex-direction:column;width:344px;max-height:560px;animation:.12s ease-out tooltip-fade;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003}.feqp-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.feqp-header-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.feqp-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;box-sizing:border-box;flex:1;min-height:0;padding:8px 8px 10px;overflow-y:auto}.feqp-row{align-items:center;display:flex}.feqp-section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);opacity:.7;box-sizing:border-box;align-items:flex-end;padding:4px 2px 2px;font-size:10px;font-weight:600;display:flex}.feqp-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:4px;transition:background .1s,transform .1s;display:flex}.feqp-btn:hover{background:#ffffff17;transform:scale(1.18)}.feqp-btn img{pointer-events:none;width:30px;height:30px;display:block}[data-theme=light] .feqp{-webkit-backdrop-filter:blur(36px);background:linear-gradient(150deg,#f8f9ffcc 0%,#f4f6fedb 50%,#f6f8ffd1 100%);border-color:#c8d2e68c;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #10201c0f,0 20px 50px #10201c1f,0 6px 16px #10201c12}[data-theme=light] .feqp-btn:hover{background:#10201c12}.feqp-custom-section{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;border-bottom:1px solid #ffffff14;flex-shrink:0;max-height:130px;padding:6px 8px 8px;overflow-y:auto}[data-theme=light] .feqp-custom-section{border-bottom-color:#00000014}.feqp-section-label--inline{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);padding:0 0 4px;font-size:10px;font-weight:600}.feqp-custom-grid{flex-wrap:wrap;gap:2px;display:flex}.feqp-custom-grid .feqp-btn{flex:0 0 38px;width:38px;height:38px}.feqp-custom-grid .feqp-btn img{width:30px;height:30px}.emoji-tab{flex-direction:column;gap:14px;padding:4px 0;display:flex}.emoji-tab-usage{color:var(--text-muted);margin:0;font-size:12px}.emoji-grid{flex-wrap:wrap;gap:8px;display:flex}.emoji-grid-item{background:var(--bg-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:72px;padding:8px 6px;display:flex;position:relative}.emoji-grid-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:68px;font-size:10px;overflow:hidden}.emoji-grid-delete{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:3px;right:3px}.emoji-grid-item:hover .emoji-grid-delete{opacity:1}.emoji-grid-delete:hover{color:#f87171;background:#dc35352e}.emoji-grid-empty{color:var(--text-muted);font-size:13px}.emoji-upload-form{flex-direction:column;gap:8px;display:flex}.emoji-upload-title{margin:0;font-size:12px;font-weight:600}.emoji-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emoji-name-input{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;width:140px;padding:5px 10px;font-size:13px}.premium-packs{flex-direction:column;gap:8px;display:flex}.premium-pack-card{background:#14a38a12;border:1px solid #14a38a26;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.premium-pack-icon{width:36px;height:36px;color:var(--accent);background:#14a38a26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.premium-pack-info{flex-direction:column;flex:1;min-width:0;display:flex}.premium-pack-label{color:var(--text-primary);font-size:13px;font-weight:600}.premium-pack-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.premium-active-badge{color:var(--success,#57f287);white-space:nowrap;background:#57f2871f;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.premium-theme-grid,.premium-banner-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:4px;display:grid}.premium-theme-mode-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:700}.premium-theme-card,.premium-banner-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:border-color .15s;display:flex}.premium-theme-card.active,.premium-banner-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.premium-theme-preview{border-radius:7px;flex-shrink:0;width:100%;height:60px}.premium-banner-preview{border-radius:7px;flex-shrink:0;width:100%;height:40px}.premium-theme-label,.premium-banner-label{color:var(--text-primary);text-align:center;font-size:12px;font-weight:600}.room-boost-btn{color:var(--text-muted);align-items:center;gap:3px;transition:color .15s;display:flex}.room-boost-btn:hover:not(:disabled){color:var(--accent-light)}.room-boost-btn.boosted{color:var(--accent-light);cursor:default}.room-boost-btn:disabled:not(.boosted){opacity:.4}.room-boost-level{background:var(--accent);color:#fff;border-radius:8px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1}.boost-hero{border-radius:var(--radius-md);background:linear-gradient(135deg,#14a38a26,#14a38a1f);border:1px solid #14a38a4d;align-items:center;gap:14px;margin-bottom:4px;padding:16px 18px;display:flex}.boost-hero-icon{font-size:32px;line-height:1}.boost-hero-body{flex:1;min-width:0}.boost-hero-level{color:var(--accent-light);margin-bottom:2px;font-size:18px;font-weight:800}.boost-hero-count{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.boost-progress-bar{background:#14a38a26;border-radius:3px;height:6px;overflow:hidden}.boost-progress-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent));border-radius:3px;height:100%;transition:width .4s}.boost-benefit-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.boost-benefit-item{border-radius:var(--radius-sm);padding:6px 10px;font-size:13px}.boost-benefit-item.unlocked{color:var(--text-primary);background:#57f28714}.boost-benefit-item.locked{background:var(--glass-bg);color:var(--text-muted)}.boost-boosters{flex-wrap:wrap;gap:6px;display:flex}.boost-booster-chip{color:var(--text-primary);background:#14a38a14;border:1px solid #14a38a4d;border-radius:999px;padding:4px 10px;font-size:12px}.slug-editor{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.slug-editor .slug-save-btn{border-radius:var(--radius-lg);align-self:stretch;padding-top:0;padding-bottom:0}.slug-display{border-radius:var(--radius-lg);background:#14a38a14;border:1px solid #14a38a40;flex:1;align-items:center;gap:0;min-width:0;padding:10px 16px;display:flex}.slug-prefix{color:var(--text-muted);flex-shrink:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700;line-height:1}.slug-input{min-width:0;color:var(--accent-light);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;padding:0 4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700}.slug-input.error{color:var(--danger)}.slug-input::placeholder{color:var(--text-muted);opacity:.5}.slug-value{color:var(--accent-light);letter-spacing:.02em;padding:0 4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700}[data-theme=light] .sidebar-header,[data-theme=light] .user-bar{border-color:var(--glass-border);background:#ffffff8c}[data-theme=light] .sidebar-title,[data-theme=light] .user-status,[data-theme=light] .empty-hint,[data-theme=light] .ch-name,[data-theme=light] .member-count,[data-theme=light] .ch-icon{color:var(--text-secondary)}[data-theme=light] .channel-item:hover{background:var(--glass-hover)}[data-theme=light] .channel-item.active{background:linear-gradient(135deg,#0f9d8624,#0f9d860d)}[data-theme=light] .channel-item.active .ch-name{color:var(--text-primary)}[data-theme=light] .channel-item.unjoined .ch-name{color:var(--text-muted)}[data-theme=light] .ch-header-name{color:var(--text-primary)}[data-theme=light] .ch-header-desc,[data-theme=light] .ch-header-owner,[data-theme=light] .ch-header-icon{color:var(--text-secondary)}[data-theme=light] .member-count-cap{color:var(--text-muted)}[data-theme=light] .msg-author,[data-theme=light] .msg-content{color:var(--text-primary)}[data-theme=light] .msg-time,[data-theme=light] .msg-tag,[data-theme=light] .msg-edit-hint,[data-theme=light] .msg-deleted-text{color:var(--text-muted)}[data-theme=light] .msg-reply-ref{color:var(--text-secondary);background:#0f9d860f;border-left:2px solid #0f9d8673}[data-theme=light] .msg-reply-author{color:var(--accent)}[data-theme=light] .msg-reply-snippet{color:var(--text-secondary)}[data-theme=light] .msg-reply-deleted{color:var(--text-muted);font-style:italic}[data-theme=light] .msg-edit-input{border:1px solid var(--glass-border);color:var(--text-primary);background:#fffffff2}[data-theme=light] .msg-edit-input:focus{box-shadow:var(--ring-soft);border-color:#0f9d868c}[data-theme=light] .message:hover{background:#0f9d860b}[data-theme=light] .message.message-mentions-me{background:#ffaa5a1a}[data-theme=light] .message.message-pinned{background:#ffc4000f}[data-theme=light] .typing-bar{color:var(--text-muted)}[data-theme=light] .typing-active,[data-theme=light] .composer-icon-btn{color:var(--text-secondary)}[data-theme=light] .composer-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--glass-hover)}[data-theme=light] .composer-input::placeholder,[data-theme=light] .empty-state{color:var(--text-muted)}[data-theme=light] .empty-state h2{color:var(--text-secondary)}[data-theme=light] .empty-state p{color:var(--text-muted)}[data-theme=light] .modal-body,[data-theme=light] .modal-section-title{color:var(--text-primary)}[data-theme=light] .modal-section-desc{color:var(--text-secondary)}[data-theme=light] .tabs-bar{border-bottom:1px solid var(--glass-border)}[data-theme=light] .tab-button{color:var(--text-secondary)}[data-theme=light] .tab-button:hover{color:var(--text-primary)}[data-theme=light] .tab-button.active{color:var(--accent)}[data-theme=light] .ch-status-locked{color:#a85a10;background:#dc8c1e29;border-color:#dc8c1e52}[data-theme=light] .ch-status-closed{color:#a02949;background:#dc3c5a24;border-color:#dc3c5a4d}[data-theme=light] .ch-owner-info,[data-theme=light] .ch-lock-row{border:1px solid var(--glass-border);background:#ffffffd9}[data-theme=light] .ch-owner-info-label{color:var(--text-muted)}[data-theme=light] .ch-owner-info-name,[data-theme=light] .ch-lock-status{color:var(--text-primary)}[data-theme=light] .ch-lock-reason{color:var(--text-secondary)}[data-theme=light] .ch-closed-warning{color:#a02949;background:#dc3c5a1a;border:1px solid #dc3c5a4d}[data-theme=light] .ch-capacity-card{border:1px solid var(--glass-border);background:#ffffffd9}[data-theme=light] .ch-capacity-card.is-premium{background:linear-gradient(135deg,#ffc40029,#ff8c0014);border-color:#dc96004d}[data-theme=light] .ch-capacity-title{color:var(--text-primary)}[data-theme=light] .ch-capacity-card.is-premium .ch-capacity-title{color:#a87000}[data-theme=light] .ch-capacity-num{color:var(--text-primary)}[data-theme=light] .ch-capacity-cap,[data-theme=light] .ch-capacity-hint{color:var(--text-secondary)}[data-theme=light] .member-row,[data-theme=light] .user-row{color:var(--text-primary);background:0 0}[data-theme=light] .member-row:hover,[data-theme=light] .user-row:hover{background:var(--glass-hover)}[data-theme=light] .user-row-name{color:var(--text-primary)}[data-theme=light] .user-row-handle{color:var(--text-muted)}[data-theme=light] .user-row-mute-meta{color:#a85a10}[data-theme=light] .admin-shield-btn{color:#b87800}[data-theme=light] .admin-shield-btn:hover{color:#7e5500}[data-theme=light] .admin-stat-card{border:1px solid var(--glass-border);background:#ffffffd9}[data-theme=light] .admin-stat-num{color:var(--text-primary)}[data-theme=light] .admin-stat-label{color:var(--text-muted)}[data-theme=light] .voice-panel,[data-theme=light] .call-overlay,[data-theme=light] .pinned-list,[data-theme=light] .glass-surface,[data-theme=light] .glass-surface-strong,[data-theme=light] .tooltip,[data-theme=light] .popover{background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-primary)}[data-theme=light] .pinned-item,[data-theme=light] .result-item{color:var(--text-primary)}[data-theme=light] .pinned-item:hover,[data-theme=light] .result-item:hover{background:var(--glass-hover)}[data-theme=light] .reaction-chip{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffffeb}[data-theme=light] .reaction-chip.mine{color:var(--accent);background:#0f9d8624;border-color:#0f9d864d}[data-theme=light] .mention-pill{color:var(--accent);background:#0f9d861f}[data-theme=light] .mention-pill.mention-self{color:#a85a10;background:#ffaa5a2e}[data-theme=light] .badge-rose{color:#a02949;background:#dc3c5a24;border-color:#dc3c5a4d}[data-theme=light] .badge-amber{color:#a85a10;background:#dc8c1e29;border-color:#dc8c1e52}[data-theme=light] .badge-gold{color:#8c5a00;background:linear-gradient(135deg,#ffc40038,#ffa0002e);border:1px solid #dc960059}[data-theme=light] .glass-input,[data-theme=light] .textarea,[data-theme=light] input,[data-theme=light] textarea{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffffeb}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)}[data-theme=light] .confirm-dialog{background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-primary)}[data-theme=light] .confirm-dialog-message{color:var(--text-secondary)}[data-theme=light] .spinner{border-color:#10201c1a;border-top-color:var(--accent)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#10201c0d 0%,#10201c1a 50%,#10201c0d 100%) 0 0/200% 100%}[data-theme=light] .uhc-name{color:var(--text-primary)}[data-theme=light] .uhc-handle{color:var(--text-muted)}[data-theme=light] .uhc-bio{color:var(--text-secondary)}[data-theme=light] .uhc-divider{background:var(--glass-border)}[data-theme=light] .uhc-action{color:var(--text-secondary)}[data-theme=light] .uhc-action:hover{color:var(--text-primary);background:var(--glass-hover)}[data-theme=light] .friend-row,[data-theme=light] .dm-row{color:var(--text-secondary)}[data-theme=light] .friend-row:hover,[data-theme=light] .dm-row:hover{color:var(--text-primary)}[data-theme=light] .auth-card{border:1px solid var(--glass-border);box-shadow:var(--shadow-4), var(--hi-strong);background:#ffffffeb}[data-theme=light] .auth-title{color:var(--text-primary)}[data-theme=light] .auth-subtitle,[data-theme=light] .auth-toggle{color:var(--text-secondary)}[data-theme=light] .auth-toggle button{color:var(--accent)}[data-theme=light] .auth-toggle button:hover{color:var(--text-primary)}.main-panel{min-height:0}.composer{padding-bottom:6px}.app-shell:before{pointer-events:none!important}.pinned-banner{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(160%);max-width:min(480px,100% - 48px);max-height:34px;animation:pinned-in .28s var(--ease-spring);pointer-events:auto;transition:border-radius .32s var(--ease-out), max-height .38s var(--ease-out), max-width .3s var(--ease-out);background:#141226eb;border:1px solid #14a38a59;border-radius:999px;flex-flow:row;flex-shrink:0;align-self:center;align-items:center;gap:6px;margin-bottom:6px;padding:7px 10px;display:flex;position:sticky;top:8px;overflow:hidden;box-shadow:0 4px 20px #00000047,0 0 0 1px #14a38a1f}.pinned-banner:hover{border-radius:14px;align-items:flex-start;max-width:min(640px,100% - 32px);max-height:220px}@keyframes pinned-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pinned-banner-icon{color:#14a38acc;flex-shrink:0}.pinned-banner-avatar{border-radius:50%;flex-shrink:0}.pinned-banner-author{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.pinned-banner-author:after{content:":";margin-right:2px}.pinned-banner-preview{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;line-height:1.55;overflow:hidden}.pinned-banner:hover .pinned-banner-preview{white-space:normal;word-break:break-word;text-overflow:clip}.pinned-banner-close{width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pinned-banner-close:hover{color:var(--danger);background:#ff4d6d38}[data-theme=light] .pinned-banner{background:#fffffff5;border-color:#0f9d8647;box-shadow:0 4px 20px #10201c24,0 0 0 1px #0f9d861a}[data-theme=light] .pinned-banner-icon{color:var(--accent)}[data-theme=light] .pinned-banner-close{background:#10201c0f}[data-theme=light] .pinned-banner-close:hover{background:#dc3c5a1f}.modal-backdrop{-webkit-backdrop-filter:blur(22px)saturate(140%)!important;background:radial-gradient(#14a38a1a 0%,#0000 60%),#040408b8!important}[data-theme=light] .modal-backdrop{-webkit-backdrop-filter:blur(4px)saturate(140%)!important;background:radial-gradient(#0f9d861a 0%,#0000 60%),#dce1f08c!important}.glass-modal{-webkit-backdrop-filter:blur(24px)saturate(160%)!important;background:linear-gradient(#1c1c2afb 0%,#14141efb 100%)!important}[data-theme=light] .glass-modal{border-color:var(--glass-border);background:linear-gradient(#fffffffb 0%,#f8fafffb 100%)!important;box-shadow:0 24px 60px #10201c33,0 0 0 1px #10201c0d,inset 0 1px #ffffffa6!important}.style-pop{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#1a1a26d6 0%,#14141ee6 50%,#181824db 100%)!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003!important}[data-theme=light] .style-pop{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#f8f9ffc7 0%,#f4f6fed6 50%,#f6f8ffcc 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #10201c0f,0 20px 60px #10201c1f,0 6px 16px #10201c12!important}.glass-surface,.glass-surface-strong,.voice-panel,.call-overlay,.pinned-list,.uhc-card,.uhc2,.tooltip,.popover{-webkit-backdrop-filter:blur(22px)saturate(160%)!important}.uhc-card{background:#14141ef5!important}[data-theme=light] .uhc-card{background:#fffffff7!important}.uhc2{background:#14141ef5!important}[data-theme=light] .uhc2{background:#fffffff7!important}.confirm-dialog{-webkit-backdrop-filter:blur(24px)saturate(160%)!important;background:#161620fb!important}[data-theme=light] .confirm-dialog{background:#fffffffb!important}.avatar{background-color:#ffffff0f}[data-theme=light] .avatar{background-color:#10201c0f}.avatar img{background:0 0}.user-bar{background:#0000002e;gap:6px;padding:10px 12px}[data-theme=light] .user-bar{border-top-color:var(--glass-border);background:#10201c0d}.user-bar-main{border-radius:var(--radius-md);gap:8px;margin:-2px -3px;padding:5px 6px}[data-theme=light] .user-bar-main:hover{background:#10201c12}.user-name{font-size:13px}.user-status{font-size:10px}.custom-select{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-select.disabled{opacity:.5;pointer-events:none}.custom-select-trigger{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--fs-base);font-family:var(--font-text);cursor:pointer;text-align:left;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.custom-select-trigger:hover{background:var(--glass-hover);border-color:#14a38a47}.custom-select.open .custom-select-trigger{box-shadow:var(--ring-soft);background:var(--glass-bg-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;border-color:#14a38a80}.custom-select-value{text-align:left;color:var(--text-primary);font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.custom-select-chevron{color:var(--text-muted);transition:transform .2s var(--ease-out);flex-shrink:0}.custom-select.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-dropdown{z-index:500;background:var(--bg-layer2);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-3);animation:modal-pop .16s var(--ease-spring);border:1px solid #14a38a59;border-top:none;max-height:240px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}[data-theme=light] .custom-select-dropdown{background:var(--bg-elevated);box-shadow:var(--shadow-3);border-color:#0f9d8640}.custom-select-item{text-align:left;width:100%;font-size:var(--fs-base);font-family:var(--font-text);color:var(--text-secondary);cursor:pointer;border:none;border-bottom:1px solid var(--glass-border);background:0 0;padding:10px 14px;transition:background .14s,color .14s}.custom-select-item:last-child{border-bottom:none}.custom-select-item:hover{background:var(--glass-hover);color:var(--text-primary)}.custom-select-item.selected{color:var(--accent-light);background:#14a38a24;font-weight:600}[data-theme=light] .custom-select-item.selected{color:var(--accent);background:#0f9d861a}.settings-list{flex-direction:column;gap:2px;padding:4px 0;display:flex}.settings-row{border-radius:var(--radius-md);width:100%;font-size:var(--fs-base);font-family:var(--font-text);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-row:hover{background:var(--glass-hover);color:var(--text-primary)}.settings-row-label{flex:1;font-weight:500}.settings-row-arrow{color:var(--text-muted);flex-shrink:0}.settings-row-toggle{cursor:pointer}.settings-row-danger:hover{color:var(--danger);background:#ff4d6d1a}.settings-divider{background:var(--glass-border);height:1px;margin:6px 14px}.settings-tabs{border-bottom:1px solid var(--glass-border);gap:4px;margin-bottom:10px;padding:0 4px 10px;display:flex}.settings-tab{border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;font-family:var(--font-text);color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;flex:1;padding:8px 12px}.settings-tab:hover{background:var(--glass-hover);color:var(--text-primary)}.settings-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #14a38a59}.settings-section{flex-direction:column;gap:4px;padding:4px 4px 6px;display:flex}.settings-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 10px 4px;font-size:11px;font-weight:700}.settings-section-divider{background:var(--glass-border);height:1px;margin:8px 10px}.settings-hint{color:var(--text-muted);margin:4px 0 0;padding:0 10px;font-size:12px;line-height:1.5}.settings-device-row{align-items:center;gap:10px;padding:6px 10px;display:flex}.settings-device-label{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;flex:none;min-width:0;font-weight:500}.settings-device-select{border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);min-width:0;color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-text);cursor:pointer;transition:border-color .15s var(--ease-out), background .15s var(--ease-out);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a8a8c2' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;outline:none;flex:1;padding:7px 28px 7px 10px}.settings-device-select:hover{background:var(--glass-bg-strong);border-color:#ffffff29}.settings-device-select:focus{border-color:var(--accent);background:var(--glass-bg-strong)}.settings-device-select option{background:var(--bg-elevated);color:var(--text-primary)}.settings-device-row .settings-device-select-custom{flex:1;min-width:0}.settings-device-row .settings-device-select-custom .custom-select-trigger{width:100%;font-size:var(--fs-sm)}.settings-device-row .settings-device-select-custom .custom-select-dropdown{width:100%}.settings-slider-row{flex:1;align-items:center;gap:10px;display:flex}.settings-slider{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.settings-slider-val{color:var(--text-secondary);text-align:right;flex-shrink:0;width:38px;font-size:12px;font-weight:600}.toggle-mini{border:1px solid var(--glass-border);width:36px;height:20px;transition:background .18s var(--ease-out);background:#ffffff1f;border-radius:10px;flex-shrink:0;position:relative}.toggle-mini.on{background:var(--accent);border-color:#0000}.toggle-mini:after{content:"";width:14px;height:14px;transition:transform .18s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-mini.on:after{transform:translate(16px)}.icon-opt-none{color:var(--text-muted);font-size:18px;font-weight:700}.icon-opt-none.selected{color:var(--accent-light)}.icon-opt-upload{color:var(--text-muted);overflow:hidden}.icon-opt-upload.selected{border-color:var(--accent);color:var(--accent-light);background:#14a38a33;padding:0}.field-optional{text-transform:none;color:var(--text-muted);letter-spacing:0;margin-left:6px;font-size:10px;font-weight:400}.form-stack{flex-direction:column;gap:14px;display:flex}.form-stack .field{margin-bottom:0}[data-theme=light] .msg-actions{border-color:var(--glass-border);background:#fffffff7;box-shadow:0 6px 24px #10201c1f}[data-theme=light] .msg-action-btn{color:var(--text-secondary)}[data-theme=light] .msg-action-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.msg-quick-react{padding:4px!important}.msg-quick-react img{width:20px;height:20px;transition:transform .12s;display:block}.msg-quick-react:hover img{transform:scale(1.3)}.msg-menu-dropdown{background:var(--glass-bg-strong,#14141ef7);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:9999;min-width:172px;padding:4px;animation:.12s ease-out tooltip-fade;overflow:hidden;box-shadow:0 12px 36px #0000008c}.msg-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.msg-menu-item:hover{background:var(--glass-hover);color:var(--text-primary)}.msg-menu-item.danger{color:var(--danger)}.msg-menu-item.danger:hover{color:var(--danger);background:#ff3c501f}.msg-menu-divider{background:var(--glass-border);height:1px;margin:4px 0}.msg-menu-seen-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;padding:6px 10px 4px;font-size:10px;font-weight:700;display:flex}.msg-menu-seen-list{flex-direction:column;gap:2px;max-height:180px;padding:2px 4px;display:flex;overflow-y:auto}.msg-menu-seen-item{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}[data-theme=light] .msg-menu-dropdown{background:#fffffffa;box-shadow:0 10px 30px #10201c2e}[data-theme=light] .msg-menu-item{color:var(--text-primary)}[data-theme=light] .msg-menu-item:hover{background:var(--glass-hover)}[data-theme=light] .emoji-quick-picker,[data-theme=light] .mention-popup{border-color:var(--glass-border);background:#fffffffa;box-shadow:0 10px 30px #10201c1f}[data-theme=light] .mention-popup-item{color:var(--text-primary)}[data-theme=light] .mention-popup-item:hover,[data-theme=light] .mention-popup-item.active{background:var(--glass-hover)}[data-theme=light] .dm-menu{border-color:var(--glass-border);background:#fffffffa;box-shadow:0 10px 30px #10201c1f}[data-theme=light] .dm-menu-item{color:var(--text-primary)}[data-theme=light] .dm-menu-item:hover{background:var(--glass-hover)}[data-theme=light] .dm-menu-item.danger:hover{color:var(--danger);background:#dc3c5a1a}[data-theme=light] .member-context-header:after{display:none}[data-theme=light] .member-context-header{background:linear-gradient(160deg,#14a38a1a 0%,#14a38a0a 100%)}[data-theme=light] .member-context-pill{color:var(--text-secondary);background:#00000012}[data-theme=light] .member-context-pill.accent{color:#4f46e5;background:#0f9d8624}[data-theme=light] .member-context-pill.online{color:#166534;background:#22c55e24}[data-theme=light] .member-context-pill.warning{color:#854d0e;background:#eab3082e}.notif-bell-badge{background:#ff4d6dd1;border:none;box-shadow:0 2px 8px #ff4d6d73,0 0 0 1.5px #ffffff24}[data-theme=light] .notif-bell-badge{background:#d2284be0;box-shadow:0 2px 8px #d2284b4d,0 0 0 1.5px #ffffff80}.notif-actions{gap:6px;margin-top:6px;display:flex}.notif-action-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .15s,transform .12s;display:inline-flex}.notif-action-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.notif-action-btn:disabled{opacity:.4;cursor:default}.notif-action-approve{color:#5cefb0;background:#5cefb02e;border-color:#5cefb059}.notif-action-reject{color:#ff9aaa;background:#ff4d6d24;border-color:#ff4d6d4d}.notif-action-done{color:var(--text-muted);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}[data-theme=light] .notif-action-approve{color:#0e8a60;background:#14a06e1f;border-color:#14a06e47}[data-theme=light] .notif-action-reject{color:#a02949;background:#d2284b1a;border-color:#d2284b40}.room-pane-actions{display:none!important}.rail-bottom{border-top:none!important}.rail-sep+.rail-bottom{margin-top:0}.user-bar,[data-theme=light] .user-bar{background:0 0}.typing-bar{background:0 0;height:20px;min-height:20px;padding:0 28px;overflow:hidden}.composer{background:0 0}.room-header{height:var(--header-h);background:var(--bg-rail);-webkit-backdrop-filter:var(--glass-blur);padding:0 18px}[data-theme=light] .room-header{background:#ffffffa6}.room-pane-header{height:var(--header-h);background:var(--bg-rail);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);flex-direction:column;justify-content:center;padding:0 14px;display:flex}.room-pane-title-row{align-items:center}.room-pane-desc{margin-top:2px}.member-panel-header{height:var(--header-h);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:var(--glass-blur);background:#0e0e1499;padding:0 12px;font-size:11px}[data-theme=light] .room-pane-header,[data-theme=light] .member-panel-header{background:#ffffffa6}.user-badge.size-sm{gap:3px;padding:2px 6px;font-size:11px}.bg-preset-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.bg-preset-swatch{cursor:pointer;background-size:cover;border:2px solid #0000;border-radius:8px;height:52px;transition:border-color .15s,transform .12s;position:relative;overflow:hidden}.bg-preset-swatch:hover{border-color:var(--glass-border);transform:translateY(-2px)}.bg-preset-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-preset-label{text-align:center;color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;background:#0000008c;padding:3px 4px;font-size:9px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}[data-theme=light] .member-panel{-webkit-backdrop-filter:blur(18px)saturate(170%);border-left-color:var(--glass-border);background:#ffffff94}[data-theme=light] .member-panel-section-label,[data-theme=light] .member-section-label{color:var(--text-muted)}[data-theme=light] .member-panel-toggle-top,[data-theme=light] .member-panel-toggle-header{color:var(--text-secondary)}[data-theme=light] .member-panel-toggle-top:hover,[data-theme=light] .member-panel-toggle-header:hover{color:var(--text-primary);background:var(--glass-hover)}[data-theme=light] .room-pane{-webkit-backdrop-filter:blur(18px)saturate(170%);border-right-color:var(--glass-border);background:#fff9!important}[data-theme=light] .room-pane-title{color:var(--text-primary)}[data-theme=light] .room-pane-desc,[data-theme=light] .icon-btn-sm{color:var(--text-secondary)}[data-theme=light] .icon-btn-sm:hover{background:var(--glass-hover);color:var(--text-primary)}[data-theme=light] .server-rail{-webkit-backdrop-filter:blur(18px)saturate(170%);background:#ffffffad!important}[data-theme=light] .room-header,[data-theme=light] .room-pane-header,[data-theme=light] .member-panel-header{-webkit-backdrop-filter:blur(18px)saturate(170%);border-bottom-color:var(--glass-border);background:#ffffffb8!important}.dm-call-btn{white-space:nowrap;align-items:center;gap:6px;line-height:1;display:inline-flex}.dm-call-btn svg{flex-shrink:0;display:block}.btn-ghost-sm--offline{opacity:.45;cursor:not-allowed}.btn-ghost-sm--offline:hover{transform:none!important}.ext-link-backdrop{z-index:9999!important}.ext-link-dialog{max-width:420px!important}.ext-link-message{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}[data-theme=light] .ext-link-message{color:var(--text-primary)}.ext-link-url{border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;max-height:60px;margin-top:8px;padding:6px 10px;font-size:11px;overflow-y:auto}[data-theme=light] .ext-link-url{border-color:var(--glass-border);color:var(--text-secondary);background:#10201c0a}.msg-link{color:var(--accent-light);cursor:pointer;word-break:break-all;border-bottom:1px dashed #14a38a73;text-decoration:none;transition:color .15s,border-color .15s}.msg-link:hover{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=light] .msg-link{color:var(--accent);border-bottom-color:#0f9d8673}.link-preview{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;max-width:420px;transition:background .16s var(--ease-out), border-color .16s var(--ease-out);align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:flex;overflow:hidden}.link-preview:hover{background:var(--glass-hover);border-color:#14a38a4d}[data-theme=light] .link-preview{border-color:var(--glass-border);background:#ffffffe6}[data-theme=light] .link-preview:hover{background:#fff;border-color:#0f9d8647}.link-preview-yt{border-left:3px solid red}[data-theme=light] .link-preview-yt{border-left-color:#c00}.link-preview-thumb-wrap{background:#0000004d;border-radius:8px;flex-shrink:0;width:100px;height:56px;position:relative;overflow:hidden}.link-preview-thumb{object-fit:cover;width:100%;height:100%;display:block}.link-preview-play{color:#ffffffeb;opacity:0;background:#00000047;justify-content:center;align-items:center;font-size:22px;transition:opacity .15s;display:flex;position:absolute;inset:0}.link-preview:hover .link-preview-play{opacity:1}.link-preview-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.link-preview-domain{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.link-preview-url-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}[data-theme=light] .link-preview-domain{color:var(--text-muted)}[data-theme=light] .link-preview-url-text{color:var(--text-secondary)}.screen-tile-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:8px}.screen-tile:hover .screen-tile-actions{opacity:1}.screen-tile-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:background .15s,border-color .15s;display:flex}.screen-tile-btn:hover{background:#14a38a8c;border-color:#14a38a99}.screen-fullscreen-overlay{z-index:8000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-fullscreen-overlay video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.screen-fullscreen-label{color:#fff;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#0000008c;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:16px}.screen-fullscreen-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.screen-fullscreen-close:hover{background:#dc3c3c99}[data-theme=light]{--bg-base:#e8efed;--bg-layer1:#eef3f1;--bg-layer2:#f1f6f4;--bg-elevated:#fff;--glass-bg:#fff;--glass-bg-strong:#fff;--glass-border:#0f9d861a;--glass-hover:#0f9d860f;--glass-active:#0f9d861c;--glass-blur:none;--lt-shadow-r:2px 0 8px #10201c12, 4px 0 20px #10201c0a;--lt-shadow-l:-2px 0 8px #10201c0f, -4px 0 18px #10201c08;--lt-shadow-b:0 2px 8px #10201c0f, 0 4px 16px #10201c08;--lt-shadow-t:0 -2px 8px #10201c0d, 0 -4px 16px #10201c08}[data-theme=light] .app-shell{background:var(--bg-base)!important;background-image:none!important}[data-theme=light] .app-shell:before{display:none!important}[data-theme=light] .server-rail,[data-theme=light] .sidebar{-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-r)!important;background:#fff!important;border-right:none!important}[data-theme=light] .sidebar-header{-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-b)!important;background:#fff!important;border-bottom:none!important}[data-theme=light] .channels-panel{-webkit-backdrop-filter:none!important;background:#fff!important;border:none!important}[data-theme=light] .room-pane{-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-r)!important;background:#fff!important;border-right:none!important}[data-theme=light] .room-pane-header,[data-theme=light] .channel-header,[data-theme=light] .chat-header,[data-theme=light] .room-header{-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-b)!important;background:#fff!important;border-bottom:none!important}[data-theme=light] .user-bar{box-shadow:var(--lt-shadow-t)!important;background:#fff!important;border-top:none!important}[data-theme=light] .message:hover{border-radius:10px;background:#fffc!important}[data-theme=light] .message.is-own,[data-theme=light] .message.is-own:hover{background:#0f9d860a!important}[data-theme=light] .channel-row,[data-theme=light] .dm-row,[data-theme=light] .channel-item{border-radius:8px}[data-theme=light] .channel-row:hover,[data-theme=light] .dm-row:hover,[data-theme=light] .channel-item:hover{background:#0f9d8612!important}[data-theme=light] .channel-row.active,[data-theme=light] .dm-row.active,[data-theme=light] .channel-item.active{box-shadow:inset 2px 0 0 var(--accent)!important;background:linear-gradient(135deg,#0f9d8621,#0f9d860f)!important}[data-theme=light] .rail-item{background:#10201c0d!important;border-color:#0000!important}[data-theme=light] .rail-item:hover{background:#0f9d861a!important}[data-theme=light] .rail-item.active{background:linear-gradient(135deg,#0f9d862e,#0f9d8617)!important;border-color:#0f9d8647!important}[data-theme=light] .channel-tile{transition:transform .18s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff!important;border:none!important;box-shadow:0 2px 8px #10201c12,0 1px 2px #10201c0a!important}[data-theme=light] .channel-tile:hover{transform:translateY(-1px);background:#fff!important;box-shadow:0 6px 20px #10201c1c,0 2px 6px #10201c0f!important}[data-theme=light] .channel-tile.active{transform:none;background:linear-gradient(135deg,#0f9d8617,#0f9d8608)!important;box-shadow:0 0 0 1.5px #0f9d864d,0 4px 14px #0f9d861f!important}[data-theme=light] .room-card{transition:transform .18s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff!important;border:none!important;box-shadow:0 2px 8px #10201c12!important}[data-theme=light] .room-card:hover{transform:translateY(-1px);background:#fff!important;box-shadow:0 6px 20px #10201c1c!important}[data-theme=light] .channel-cover{background:linear-gradient(135deg,#0f9d8614,#0f9d8605)!important;border-bottom:none!important}[data-theme=light] .voice-panel{-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-t)!important;background:#fff!important;border:none!important;border-top:1.5px solid #0f9d861f!important}[data-theme=light] .voice-bar{background:0 0!important;border-top:none!important}[data-theme=light] .voice-dot{background:#18a86b!important}[data-theme=light] .voice-status{color:var(--text-secondary)!important}[data-theme=light] .voice-pill{color:var(--text-primary)!important;background:#0f9d8612!important;border-color:#0000!important}[data-theme=light] .voice-pill.speaking{background:#18a86b1f!important;box-shadow:0 0 0 2px #18a86b59!important}[data-theme=light] .self-share-banner{color:var(--accent)!important;background:#0f9d8614!important;border-bottom:1px solid #0f9d8624!important}[data-theme=light] .mic-toggle-btn{color:var(--text-secondary)}[data-theme=light] .mic-toggle-btn.mic-active{color:#18a86b!important;background:#18a86b1a!important}[data-theme=light] .mic-toggle-btn.mic-muted{color:#e23656!important;background:#e2365614!important}.voice-leave-btn{color:var(--text-secondary);transition:color .15s, background .15s, transform .15s var(--ease-out)}.voice-leave-btn:hover{transform:translateY(-1px);color:#e23656!important;background:#e236561a!important}[data-theme=light] .voice-leave-btn{color:var(--text-secondary)}[data-theme=light] .voice-leave-btn:hover{color:#e23656!important;background:#e236561a!important}[data-theme=light] .room-member-row:hover{background:#0f9d860f!important}[data-theme=light] .room-member-row.speaking{background:#18a86b12!important}[data-theme=light] .icon-btn{color:var(--text-secondary)}[data-theme=light] .icon-btn:hover{color:var(--text-primary)!important;background:#0f9d8614!important}[data-theme=light] .member-section-label,[data-theme=light] .member-panel-header{color:var(--text-muted)}[data-theme=light] .screen-tile{background:#f0f4fb!important;border-color:#10201c1a!important}[data-theme=light] .glass-modal{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 24px 60px #10201c2e,0 4px 16px #10201c14,0 0 0 1px #0f9d861a!important}[data-theme=light] .modal-header{border-bottom-color:#0f9d861a!important}[data-theme=light] .modal-footer{background:#f6f8fdcc!important;border-top-color:#0f9d861a!important}[data-theme=light] .tooltip{color:#f4f5ff!important;background:#1e2035!important;border:none!important}[data-theme=light] .reaction-tooltip-portal{color:#1a1a2e!important;background:#fff!important;border:1px solid #10201c1f!important;box-shadow:0 8px 24px #10201c2e,0 0 0 1px #0f9d8614!important}[data-theme=light] .rtip-header{color:#1a1a2e!important}[data-theme=light] .rtip-names{border-top-color:#10201c1a!important}[data-theme=light] .rtip-name{color:#10201cbf!important}[data-theme=light] .popover,[data-theme=light] .result-list{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 8px 28px #10201c24,0 2px 8px #10201c0f,0 0 0 1px #0f9d8614!important}[data-theme=light] .user-hover-card{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 12px 40px #10201c29,0 0 0 1px #0f9d8614!important}[data-theme=light] .admin-panel{background:#f1f6f4!important}[data-theme=light] .admin-stat-card{background:#fff!important;border-color:#0f9d861a!important;box-shadow:0 2px 8px #10201c12!important}[data-theme=light] .notifications-panel{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 12px 40px #10201c29,0 0 0 1px #0f9d8614!important}[data-theme=light] .context-menu,[data-theme=light] .dropdown-menu,[data-theme=light] .uhc-card{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 8px 28px #10201c24,0 0 0 1px #0f9d8614!important}[data-theme=light] .ch-header-desc{color:var(--text-muted)!important}[data-theme=light] .call-overlay{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#0f9d861f!important;box-shadow:0 16px 48px #10201c33!important}[data-theme=light] .glass-input,[data-theme=light] .textarea,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=search],[data-theme=light] textarea{background:#f4f7fd;border-color:#0f9d8624}[data-theme=light] .glass-input:focus,[data-theme=light] .textarea:focus,[data-theme=light] input:focus,[data-theme=light] textarea:focus{background:#fff;border-color:#0f9d8680;box-shadow:0 0 0 3px #0f9d861a}.rmp-list{flex-direction:column;flex:1;gap:4px;padding:8px 8px 12px;display:flex;overflow-y:auto}.rmp-card{cursor:pointer;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .18s var(--ease-out);background:#ffffff0a;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:0;padding:8px 10px;display:flex;position:relative;overflow:hidden}.rmp-card:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .2s;position:absolute;top:6px;bottom:6px;left:0}.rmp-card--speaking:before{background:#4bc47f;animation:1.4s ease-in-out infinite rmp-speaking-bar}@keyframes rmp-speaking-bar{0%,to{opacity:.7;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1)}}.rmp-card--speaking{background:#4bc47f12;border-color:#4bc47f33}.rmp-card--me{cursor:default;background:#0f9d8614;border-color:#0f9d8629}.rmp-card--me:hover{background:#0f9d861a}.rmp-card--muted .rmp-name{opacity:.55}.rmp-card:hover:not(.rmp-card--me):not(.rmp-card--speaking){background:#ffffff12;border-color:#ffffff14}.rmp-top{align-items:center;gap:9px;min-width:0;display:flex}.rmp-avatar-wrap{flex-shrink:0;position:relative}.rmp-card--speaking .rmp-avatar-wrap .avatar{border-radius:50%;box-shadow:0 0 0 2px #4bc47fe6,0 0 10px 3px #4bc47f59}.rmp-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rmp-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.rmp-self-tag{color:var(--text-muted);font-size:11px;font-weight:400}.rmp-mic-state{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.rmp-mic-state.is-muted{color:#ff5050a6}.rmp-mic-state.is-live{color:#4bc47fa6}.rmp-mic-state.is-speaking{color:#4bc47f}.rmp-sharing{color:var(--accent-light);align-items:center;margin-left:4px;display:inline-flex}.rmp-controls{border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:7px;padding-top:7px;display:flex}.rmp-vol-icon{color:var(--text-muted);flex-shrink:0}.rmp-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:999px;outline:none;flex:1;min-width:0;height:4px}.rmp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 #14a38a00}.rmp-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 3px #14a38a40}.rmp-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.rmp-vol-val{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:28px;font-size:10px}.rmp-mute-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .12s;display:flex}.rmp-mute-btn:hover{color:#ff6080;background:#e2365626;transform:scale(1.1)}.rmp-mute-btn.is-muted{color:#ff4d6d;background:#e236562e}.rmp-mute-btn.is-muted:hover{color:#4bc47f;background:#4bc47f26}[data-theme=light] .rmp-card{background:#10201c08;border-color:#0000}[data-theme=light] .rmp-card:hover:not(.rmp-card--me):not(.rmp-card--speaking){background:#0f9d860f;border-color:#0f9d861a}[data-theme=light] .rmp-card--me{background:#0f9d8612;border-color:#0f9d8624}[data-theme=light] .rmp-card--speaking{background:#18a86b12;border-color:#18a86b2e}[data-theme=light] .rmp-controls{border-top-color:#10201c14}[data-theme=light] .rmp-slider{background:#10201c1f}[data-theme=light] .rmp-mute-btn{color:var(--text-muted);background:#10201c0f}[data-theme=light] .rmp-mute-btn:hover{color:#e23656;background:#e236561a}[data-theme=light] .rmp-mute-btn.is-muted{color:#e23656;background:#e236561f}[data-theme=light] .rmp-mute-btn.is-muted:hover{color:#18a86b;background:#18a86b1f}.user-bar{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:10px!important}.user-bar-main-row{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.user-bar-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:flex}.user-bar-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent);transform:scale(1.07)}.user-bar-name{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:650;line-height:1;overflow:hidden}[data-theme=light] .user-bar-name{color:#1a202c}.voice-leave-wide-btn{color:#ff4d6d;width:100%;font-size:12px;font-weight:600;font-family:var(--font-text);cursor:pointer;letter-spacing:.01em;background:#ed424526;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;transition:background .15s,color .15s,transform .12s;display:flex}.voice-leave-wide-btn:hover{color:#ff2d50;background:#ed424547;transform:translateY(-1px)}.voice-leave-wide-btn:active{background:#ed424559;transform:translateY(0)}[data-theme=light] .voice-leave-wide-btn{color:#c8213e;background:#e236561a}[data-theme=light] .voice-leave-wide-btn:hover{color:#b01a33;background:#e2365633}.user-bar-voice-row{align-items:center;gap:4px;display:flex}.user-bar-voice-row .icon-btn,.user-bar-right .icon-btn{width:26px;height:26px}.call-overlay-nomicbanner{color:#ffb84d;text-align:center;letter-spacing:.01em;background:#ffb4321f;border-bottom:1px solid #ffb43233;padding:5px 12px;font-size:11px;font-weight:500}[data-theme=light] .call-overlay-nomicbanner{color:#9a6000;background:#ffa0001a;border-bottom-color:#ffa00033}.call-btn.no-device{opacity:.45;cursor:default;pointer-events:none}[data-theme=light] .user-bar-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent)}.main-panel{background:radial-gradient(ellipse 70% 55% at 50% 0%, #14a38a12 0%, transparent 70%), radial-gradient(ellipse 45% 40% at 100% 100%, #00aa960a 0%, transparent 65%), linear-gradient(180deg, var(--bg-layer2) 0%, var(--bg-base) 100%);position:relative}.main-panel:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#14a38a06 0%,#0000 12% 88%,#00aa9604 100%);position:absolute;inset:0}.main-panel>*{z-index:1;position:relative}.messages-area{background:0 0}[data-theme=light] .main-panel{background:#f7f9fc!important}[data-theme=light] .main-panel:before{background:linear-gradient(90deg,#0f9d8605 0%,#0000 12% 88%,#0f9d8603 100%)}[data-theme=light] .messages-area{background:0 0!important}.room-pane-header{height:var(--header-h);flex-direction:column;flex-shrink:0;justify-content:center;padding:0 14px 0 16px;display:flex;position:relative;overflow:hidden;background:var(--bg-rail)!important;-webkit-backdrop-filter:blur(18px)saturate(170%)!important}.room-pane-header:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#14a38ab3 50%,#0000 100%);border-radius:0 2px 2px 0;width:2px;position:absolute;top:22%;bottom:22%;left:0}.room-pane-title{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.room-pane-desc{color:#a8a8c2b3;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.room-pane-header .icon-btn-sm{width:26px;height:26px;color:var(--text-muted);transition:background .15s var(--ease-out), color .15s var(--ease-out);border-radius:7px;justify-content:center;align-items:center;display:flex}.room-pane-header .icon-btn-sm:hover{color:var(--accent-light);background:#14a38a33}.btn-new-dm{width:26px;height:26px;color:var(--accent-light);cursor:pointer;transition:background .15s var(--ease-out), transform .14s var(--ease-out), box-shadow .16s;background:linear-gradient(135deg,#14a38a3d,#14a38a21);border:1px solid #14a38a4d;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-new-dm:hover{background:linear-gradient(135deg,#14a38a66,#14a38a38);transform:translateY(-1px);box-shadow:0 2px 12px #14a38a4d}.btn-new-dm:active{transform:translateY(0)}[data-theme=light] .room-pane-header{-webkit-backdrop-filter:none!important;background:radial-gradient(130% 150% at 50% -20%,#0f9d8612 0%,#0000 65%),linear-gradient(#fff 0%,#f8faff 100%)!important;box-shadow:0 1px #0f9d861f,0 2px 8px #10201c0f!important}[data-theme=light] .room-pane-header:before{background:linear-gradient(#0000 0%,#0f9d868c 50%,#0000 100%)}[data-theme=light] .room-pane-desc{color:var(--text-muted)}[data-theme=light] .room-pane-header .icon-btn-sm:hover{color:var(--accent);background:#0f9d861a}[data-theme=light] .btn-new-dm{color:var(--accent);background:#0f9d8617;border-color:#0f9d8638}[data-theme=light] .btn-new-dm:hover{background:#0f9d862e;box-shadow:0 2px 8px #0f9d862e}.room-row{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);transition:background .15s var(--ease-out), color .15s var(--ease-out), transform .14s var(--ease-out);background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;display:flex;position:relative}.room-row:hover{color:var(--text-primary);background:#fff1}.room-row.active{color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent), inset 0 1px 0 #ffffff0f;background:linear-gradient(135deg,#14a38a2e,#14a38a12)}.room-row-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.room-row:hover .room-row-icon{color:var(--text-secondary)}.room-row.active .room-row-icon{color:var(--accent-light)}.room-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.room-row-count{color:var(--text-muted);background:#ffffff14;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.6}.room-row.active .room-row-count{color:var(--accent-light);background:#14a38a33}[data-theme=light] .room-row:hover{color:var(--text-primary);background:#0f9d860f}[data-theme=light] .room-row.active{box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(135deg,#0f9d8621,#0f9d860d)}[data-theme=light] .room-row.active .room-row-icon{color:var(--accent)}[data-theme=light] .room-row-count{background:#10201c12}[data-theme=light] .room-row.active .room-row-count{color:var(--accent);background:#0f9d8624}.dm-pane-item{cursor:pointer;transition:background .15s var(--ease-out);border-radius:9px;align-items:center;gap:9px;padding:7px 10px;display:flex;position:relative}.dm-pane-item:hover{background:#fff1}.dm-pane-item.active{box-shadow:inset 2px 0 0 var(--accent), inset 0 1px 0 #ffffff0f;background:linear-gradient(135deg,#14a38a2e,#14a38a12)}.dm-pane-avatar{cursor:pointer;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.dm-status-dot{box-sizing:border-box;background:var(--text-muted);border:2px solid var(--bg-layer2);border-radius:50%;width:8px;height:8px;transition:background .3s,transform .2s;position:absolute;bottom:0;right:0;transform:translate(-35%,-35%);box-shadow:0 0 0 1px #0000001f}.dm-status-dot.online{background:#3ed47b}.dm-pane-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dm-pane-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.dm-pane-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}[data-theme=light] .dm-pane-item:hover{background:#0f9d860f}[data-theme=light] .dm-pane-item.active{box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(135deg,#0f9d8621,#0f9d860d)}[data-theme=light] .dm-status-dot{border-color:#fff}.empty-state.full-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty-state.full-center .empty-icon{filter:drop-shadow(0 8px 28px #14a38a4d);font-size:56px;line-height:1;animation:4.5s ease-in-out infinite float-soft;display:block}.empty-state.full-center h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.empty-state.full-center p{color:var(--text-muted);max-width:320px;margin:0;font-size:14px;line-height:1.6}[data-theme=light] .empty-state.full-center .empty-icon{filter:drop-shadow(0 8px 24px #0f9d8638)}.room-pane-section-head{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:2px 10px 4px;font-size:10px;font-weight:700;display:flex}.room-pane-section-head .icon-btn-sm{width:20px;height:20px;color:var(--text-muted);border-radius:5px}.room-pane-section-head .icon-btn-sm:hover{color:var(--accent-light);background:#14a38a2e}[data-theme=light] .room-pane-section-head{color:var(--text-muted)}[data-theme=light] .room-pane-section-head .icon-btn-sm:hover{color:var(--accent);background:#0f9d861a}.room-voice-list{flex-direction:column;gap:2px;padding:2px 0 4px 14px;display:flex}.room-voice-row{cursor:pointer;color:var(--text-secondary);border-radius:7px;align-items:center;gap:7px;padding:4px 8px 4px 6px;font-size:12px;transition:background .13s;display:flex;position:relative}.room-voice-row:hover{background:#ffffff0f}.room-voice-row.is-speaking{color:var(--text-primary);background:#4bc47f12}.room-voice-row.is-speaking:before{content:"";background:#4bc47f;border-radius:0 2px 2px 0;width:2px;animation:1.4s ease-in-out infinite rmp-speaking-bar;position:absolute;top:6px;bottom:6px;left:0}.room-voice-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}[data-theme=light] .room-voice-row:hover{background:#0f9d860f}[data-theme=light] .room-voice-row.is-speaking{color:var(--text-primary);background:#18a86b14}.icon-picker-v2{flex-direction:column;gap:10px;display:flex}.icon-cat-tabs{flex-wrap:wrap;gap:5px;display:flex}.icon-cat-tab{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600;transition:all .14s}.icon-cat-tab:hover{background:var(--glass-hover);color:var(--text-primary)}.icon-cat-tab.active{color:#e8e6ff;background:#14a38a33;border-color:#14a38a80}[data-theme=light] .icon-cat-tab.active{color:var(--accent);background:#0f9d861f;border-color:#0f9d8659}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;display:grid}.icon-grid .icon-opt{aspect-ratio:1;width:100%;height:auto}.channel-preview-strip{border-radius:var(--radius-lg);background:linear-gradient(135deg, #14a38a14, var(--glass-bg) 60%);border:1px solid var(--glass-border);box-shadow:var(--hi-soft);align-items:center;gap:14px;margin-bottom:4px;padding:14px 16px;display:flex}.channel-preview-icon-wrap{background:#14a38a1f;border:1px solid #14a38a38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:background .18s;display:flex;position:relative;overflow:hidden}.ch-icon-click-target .channel-preview-icon-wrap+.ch-icon-camera-overlay,.ch-icon-click-target>.ch-icon-camera-overlay{border-radius:12px}.channel-preview-icon-wrap img{object-fit:cover;width:100%;height:100%}.channel-preview-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.channel-preview-text .channel-preview-meta{display:inline}.channel-preview-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:700}.channel-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}[data-theme=light] .channel-preview-strip{background:#fff;border-color:#0f9d861f;box-shadow:0 2px 8px #10201c0f}[data-theme=light] .channel-preview-icon-wrap{background:#0f9d8614;border-color:#0f9d862e}.join-mode-card .jm-icon{transition:transform .15s var(--ease-out);font-size:22px}.join-mode-card:hover .jm-icon{transform:scale(1.1)}.join-mode-card.selected .jm-icon{background:#14a38a26}.diamond-balance{border-radius:var(--radius-lg);background:linear-gradient(130deg,#14a38a47 0%,#9b59b62e 45%,#eb459e24 75%,#00aa9614 100%);border:1px solid #14a38a66;align-items:center;gap:18px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #14a38a2e,inset 0 1px #ffffff1f}.diamond-balance:after{content:"💎";opacity:.07;pointer-events:none;filter:blur(1px);font-size:90px;line-height:1;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.diamond-balance-gem{filter:drop-shadow(0 0 10px #14a38aa6);flex-shrink:0;font-size:38px;line-height:1}.diamond-balance-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.diamond-balance-label{text-transform:uppercase;letter-spacing:.09em;color:#c8c4ffa6;font-size:10px;font-weight:700}.diamond-balance-amount{color:#ede8ff;letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.1}.diamond-balance-hint{color:#b4aff099;margin-top:2px;font-size:12px;line-height:1.4}[data-theme=light] .diamond-balance{background:linear-gradient(130deg,#0f9d8624 0%,#9b59b617 45%,#eb459e14 75%,#0096dc0d 100%);border-color:#0f9d8647;box-shadow:0 4px 20px #0f9d861a,inset 0 1px #fff9}[data-theme=light] .diamond-balance-label{color:#3c328c8c}[data-theme=light] .diamond-balance-amount{color:#1a1740}[data-theme=light] .diamond-balance-hint{color:#463c968c}[data-theme=light] .diamond-balance:after{opacity:.04}.anim-avatar-hero{border-radius:var(--radius-lg);background:linear-gradient(130deg,#00aa9624 0%,#14a38a2e 40%,#eb459e1f 80%);border:1px solid #14a38a59;align-items:center;gap:18px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 20px #14a38a1f,inset 0 1px #ffffff14}.anim-avatar-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 100% at 80%,#00aa9614 0%,#0000 60%);position:absolute;inset:0}.anim-avatar-hero-icon{border-radius:var(--radius-md);filter:drop-shadow(0 2px 10px #14a38a59);z-index:1;background:#14a38a2e;border:1px solid #14a38a4d;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;display:flex;position:relative}.anim-avatar-hero-info{z-index:1;flex-direction:column;flex:1;gap:5px;display:flex;position:relative}.anim-avatar-hero-label{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.anim-avatar-hero-badge{color:#e8c0ff;letter-spacing:.04em;background:linear-gradient(90deg,#14a38a59,#eb459e40);border:1px solid #c896ff40;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.anim-avatar-hero-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.anim-avatar-hero-footer{align-items:center;gap:10px;display:flex}.premium-active-chip{color:#6be3b8;background:#4bc47f2e;border:1px solid #4bc47f59;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=light] .anim-avatar-hero{background:linear-gradient(130deg,#00a0e614 0%,#0f9d861a 40%,#eb459e12 80%);border-color:#0f9d8640;box-shadow:0 2px 16px #0f9d8614,inset 0 1px #fff9}[data-theme=light] .anim-avatar-hero-icon{background:#0f9d861a;border-color:#0f9d8638}[data-theme=light] .premium-active-chip{color:#0e8a60;background:#16a0641f;border-color:#16a06447}.premium-tier-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.premium-tier-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1.5px solid var(--glass-border);flex-direction:column;align-items:flex-start;gap:8px;padding:16px;transition:border-color .18s,background .18s;display:flex}.premium-tier-card.owned{background:#57f2870d;border-color:#57f28766}.premium-tier-card.info{background:#14a38a0d;border-color:#14a38a4d}.premium-tier-header{align-items:center;gap:8px;width:100%;display:flex}.premium-tier-badge{letter-spacing:.06em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.premium-tier-badge.lv1{color:#d4af37;background:#fed70033;border:1px solid #fed7004d}.premium-tier-badge.lv2{color:#a89cff;background:#14a38a33;border:1px solid #14a38a4d}.premium-tier-badge.boost{color:var(--accent-light);background:#14a38a33;border:1px solid #14a38a4d}.premium-tier-icon{font-size:30px;line-height:1}.premium-tier-name{color:var(--text-primary);font-size:14px;font-weight:800}.premium-tier-perks{flex-direction:column;gap:4px;width:100%;margin:0;padding:0;list-style:none;display:flex}.premium-tier-perks li{color:var(--text-secondary);padding-left:12px;font-size:12px;position:relative}.premium-tier-perks li:before{content:"·";color:var(--accent);position:absolute;left:0}.premium-tier-owned{color:#57f287;margin-top:auto;font-size:12px;font-weight:700}.premium-tier-hint{color:var(--text-muted);margin-top:auto;font-size:11px}.premium-slot-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--hi-soft);align-items:center;gap:14px;padding:14px 16px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.premium-slot-card:hover{background:var(--glass-hover);box-shadow:0 4px 14px #14a38a14, var(--hi-soft);border-color:#14a38a47}.premium-slot-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.premium-slot-icon.gold{background:linear-gradient(135deg,#ffc10738,#ff980024);border:1px solid #ffc10747}.premium-slot-icon.violet{background:linear-gradient(135deg,#14a38a38,#9b59b624);border:1px solid #14a38a47}.premium-slot-icon.sky{background:linear-gradient(135deg,#00aa9638,#0082c824);border:1px solid #00aa9647}.premium-slot-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.premium-slot-label{color:var(--text-primary);font-size:14px;font-weight:700}.premium-slot-desc{color:var(--text-secondary);font-size:12px}[data-theme=light] .premium-slot-card{background:#fff;border-color:#0f9d861a;box-shadow:0 2px 8px #10201c0f}[data-theme=light] .premium-slot-card:hover{background:#f8f9ff;border-color:#0f9d863d;box-shadow:0 4px 14px #0f9d8614}.rail-channel{overflow:visible}.rail-channel img{object-fit:cover;border-radius:12px;width:100%;height:100%}.icon-opt-upload.gif-locked{opacity:.7;position:relative}.gif-lock-badge{color:#fff;pointer-events:none;letter-spacing:.02em;background:#14a38ad9;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:2px}.member-row.ctx-open,.member-row.ctx-open:hover{background:0 0!important}.member-icon-btn.ctx-open:hover{transform:none!important}[data-theme=light] .icon-opt{background:#10201c0d;border-color:#10201c1a}[data-theme=light] .icon-opt:hover{background:#10201c17;border-color:#10201c29}[data-theme=light] .icon-opt.selected{background:#0f9d8624;border-color:#0f9d8661}[data-theme=light] .icon-cat-tab{background:#10201c0d;border-color:#10201c1f}[data-theme=light] .icon-cat-tab:hover{color:var(--text-primary);background:#10201c17;border-color:#10201c2e}.upload-hint-strip{flex-wrap:wrap;align-items:center;gap:4px;margin-top:7px;display:flex}.upload-type-pill{letter-spacing:.05em;text-transform:uppercase;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.6;display:inline-flex}.upload-size-cap{color:var(--text-muted);padding-left:3px;font-size:11px}.upload-hint-note{width:100%;color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.5}[data-theme=light] .upload-type-pill{color:var(--text-secondary);background:#10201c0f;border-color:#10201c1f}.msg-group{flex-direction:column;display:flex}.msg-group:has(.msg-actions.visible){content-visibility:visible;z-index:10}.message:has(.msg-actions.visible){z-index:1;position:relative}@keyframes msg-actions-in{0%{opacity:0}to{opacity:1}}.msg-actions.visible{animation:.12s ease-out msg-actions-in}.msg-group-multi:not([class*=msg-group-style-]):hover{border-radius:var(--radius-md);background:#ffffff03}.msg-group-multi .message:first-child{padding-bottom:1px}.message.message-grouped{padding-top:1px;padding-bottom:1px}.msg-grouped-time{min-width:0;color:var(--text-muted);text-align:right;opacity:0;-webkit-user-select:none;user-select:none;flex:0 0 36px;align-self:center;padding-right:2px;font-size:10px;line-height:1;transition:opacity .15s}.message-grouped:hover .msg-grouped-time{opacity:1}.msg-group.msg-group-style-glow,.msg-group.msg-group-style-gradient,.msg-group.msg-group-style-starlight{isolation:isolate;border-radius:var(--radius-md);background:hsla(var(--glow-hue,260), 65%, 60%, .022);position:relative}@keyframes premium-glow-pulse{0%,to{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 80%, 62%, .5), -4px 0 10px -2px hsla(var(--glow-hue,260), 80%, 60%, .18)}50%{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 85%, 70%, .8), -4px 0 14px -1px hsla(var(--glow-hue,260), 85%, 65%, .35)}}.msg-group.msg-group-style-glow{animation:3s ease-in-out infinite premium-glow-pulse}@keyframes premium-gradient-hue{0%{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 80%, 62%, .65), -4px 0 10px -2px hsla(var(--glow-hue,260), 80%, 62%, .2)}33%{box-shadow:inset 3px 0 0 0 hsla(calc(var(--glow-hue,260) + 60), 80%, 62%, .65), -4px 0 10px -2px hsla(calc(var(--glow-hue,260) + 60), 80%, 62%, .2)}66%{box-shadow:inset 3px 0 0 0 hsla(calc(var(--glow-hue,260) + 120), 80%, 62%, .65), -4px 0 10px -2px hsla(calc(var(--glow-hue,260) + 120), 80%, 62%, .2)}to{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 80%, 62%, .65), -4px 0 10px -2px hsla(var(--glow-hue,260), 80%, 62%, .2)}}.msg-group.msg-group-style-gradient{animation:6s linear infinite premium-gradient-hue}@keyframes premium-shimmer{0%,to{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 75%, 62%, .38), -4px 0 8px -2px hsla(var(--glow-hue,260), 75%, 62%, .12)}50%{box-shadow:inset 3px 0 0 0 hsla(var(--glow-hue,260), 90%, 82%, .9), -4px 0 16px -1px hsla(var(--glow-hue,260), 90%, 78%, .32)}}.msg-group.msg-group-style-starlight{animation:4s ease-in-out infinite premium-shimmer}[data-theme=light] .msg-group.msg-group-style-glow,[data-theme=light] .msg-group.msg-group-style-gradient,[data-theme=light] .msg-group.msg-group-style-starlight{background:hsla(var(--glow-hue,260), 65%, 50%, .04)}.settings-row-fontsize{cursor:default;align-items:center}.settings-row-fontsize:hover{background:0 0}.fontsize-picker{gap:4px;display:flex}.fontsize-btn{border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;padding:4px 12px;font-size:12px}.fontsize-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.fontsize-btn.active{color:var(--accent-light);background:#14a38a2e;border-color:#14a38a80;font-weight:600}html[data-fontsize=small]{zoom:.9}html[data-fontsize=large]{zoom:1.12}.modal-liquid-backdrop,[data-theme=light] .modal-liquid-backdrop{-webkit-backdrop-filter:none!important;background:0 0!important}.glass-modal.liquid-glass{-webkit-backdrop-filter:blur(24px)saturate(150%)!important;background:linear-gradient(150deg,#1a1a26f9 0%,#14141efb 50%,#181824f9 100%)!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #ffffff05,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003,0 2px 8px #00000024!important}.glass-modal.liquid-glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(150deg,#ffffff0a 0%,#0000 40% 75%,#8c7cff05 100%);position:absolute;inset:0}.glass-modal.liquid-glass>*{z-index:1;position:relative}.glass-modal.liquid-glass .modal-header{background:0 0!important;border-bottom-color:#ffffff17!important}.glass-modal.liquid-glass .modal-footer{background:#ffffff06!important;border-top-color:#ffffff12!important}[data-theme=light] .glass-modal.liquid-glass{-webkit-backdrop-filter:blur(5px)!important;background:linear-gradient(150deg,#f8f9ffc7 0%,#f4f6fed6 50%,#f6f8ffcc 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,0 0 0 .5px #10201c0f,0 28px 60px #10201c1f,0 8px 22px #10201c12,0 2px 8px #10201c0d!important}[data-theme=light] .glass-modal.liquid-glass:before{background:linear-gradient(150deg,#ffffff73 0%,#0000 35% 75%,#c8d2f01f 100%)}[data-theme=light] .glass-modal.liquid-glass .modal-header{background:0 0!important;border-bottom-color:#10201c14!important}[data-theme=light] .glass-modal.liquid-glass .modal-footer{background:#f0f3fc8c!important;border-top-color:#10201c12!important}[data-theme=light] .glass-modal.liquid-glass .user-row{background:#10201c0a!important;border-color:#10201c12!important}[data-theme=light] .glass-modal.liquid-glass .user-row:hover{background:#10201c14!important;border-color:#10201c1f!important}[data-theme=light] .glass-modal.liquid-glass .result-list{box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=light] .glass-modal.liquid-glass .presence-dot{border-color:#f5f6fcf2!important}.notif-panel{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#1a1a26d6 0%,#14141ee6 50%,#181824db 100%)!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 24px 56px #0000006b,0 8px 20px #0003!important}[data-theme=light] .notif-panel{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#f8f9ffc7 0%,#f4f6fed6 50%,#f6f8ffcc 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #10201c0f,0 20px 48px #10201c1f,0 6px 16px #10201c12!important}.sticker-picker-popup{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#1a1a26e0 0%,#14141eed 50%,#181824e6 100%)!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003!important}.sticker-picker-header{background:0 0!important;border-bottom-color:#ffffff14!important}.sticker-picker-tabs{border-bottom-color:#ffffff12!important}[data-theme=light] .sticker-picker-popup{-webkit-backdrop-filter:blur(36px)!important;background:linear-gradient(150deg,#f8f9ffcc 0%,#f4f6fedb 50%,#f6f8ffd1 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #10201c0f,0 20px 50px #10201c1f,0 6px 16px #10201c12!important}[data-theme=light] .sticker-picker-header{border-bottom-color:#10201c14!important}[data-theme=light] .sticker-picker-tabs,[data-theme=light] .sticker-upload-bar{border-bottom-color:#10201c12!important}[data-theme=light] .sticker-tab:hover{background:#10201c0f!important}.emoji-quick-picker{-webkit-backdrop-filter:blur(28px)!important;background:linear-gradient(150deg,#1a1a26e0 0%,#14141eed 50%,#181824e6 100%)!important;border:1px solid #ffffff14!important;box-shadow:inset 0 1px #ffffff17,0 16px 40px #00000061,0 4px 12px #0000002e!important}[data-theme=light] .emoji-quick-picker{-webkit-backdrop-filter:blur(28px)!important;background:linear-gradient(150deg,#f8f9ffcc 0%,#f4f6fedb 50%,#f6f8ffd1 100%)!important;border:1px solid #c8d2e68c!important;box-shadow:inset 0 1px #ffffffd9,0 12px 36px #10201c1f,0 3px 10px #10201c12!important}.member-panel,.room-members-panel{background:var(--bg-rail);-webkit-backdrop-filter:blur(20px);border-left:1px solid #ffffff12}.member-panel-header{background:var(--bg-rail);border-bottom:1px solid #ffffff12}.member-section-label{align-items:center;gap:8px;padding:10px 12px 5px;display:flex}.member-section-label:after{content:"";background:#ffffff0f;border-radius:1px;flex:1;height:1px}.member-row{border-left:2px solid #0000;border-radius:9px;margin:1px 6px;padding:5px 8px;transition:background .14s,border-left-color .14s,transform .12s}.member-row:hover{transform:translate(1px);background:#ffffff0d!important;border-left-color:#0000!important}.member-row.ctx-open,.member-row.ctx-open:hover{background:#14a38a1a!important;border-left-color:#14a38a59!important;transform:none!important}.member-status-dot{border-color:#0e0e16}[data-theme=light] .member-panel,[data-theme=light] .room-members-panel{-webkit-backdrop-filter:blur(22px)!important;background:linear-gradient(#f6f8ffd1 0%,#f2f5fee0 100%)!important;border-left:1px solid #c8d2e680!important;box-shadow:-3px 0 18px #10201c12!important}[data-theme=light] .member-panel-header{-webkit-backdrop-filter:blur(12px)!important;box-shadow:none!important;color:#10201c8c!important;background:#fff9!important;border-bottom:1px solid #c8d2e673!important}[data-theme=light] .member-panel-toggle-header{color:#10201c73!important}[data-theme=light] .member-panel-toggle-header:hover{color:var(--text-primary)!important;background:#0f9d8614!important}[data-theme=light] .member-section-label,[data-theme=light] .member-panel-section-label{color:#10201c6b!important}[data-theme=light] .member-section-label:after{background:#10201c17!important}[data-theme=light] .member-row:hover{background:#0f9d8614!important;border-left-color:#0f9d8659!important}[data-theme=light] .member-row.ctx-open,[data-theme=light] .member-row.ctx-open:hover{background:#0f9d861f!important;border-left-color:#0f9d8666!important}[data-theme=light] .member-name{color:var(--text-primary)!important}[data-theme=light] .member-status-dot,[data-theme=light] .member-icon-dot{border-color:#f2f5feeb!important}[data-theme=light] .member-panel-compact{background:0 0!important}[data-theme=light] .member-panel-toggle-top{color:#10201c80!important;background:#ffffffb8!important;border-color:#c8d2e680!important}[data-theme=light] .member-panel-toggle-top:hover{color:var(--text-primary)!important;background:#0f9d861a!important}.mobile-menu-btn,.mobile-pane-backdrop,.mobile-drawer{display:none}@media (width<=900px){.app-shell,.app-shell.with-member-panel,.app-shell.with-member-panel.member-panel-collapsed{grid-template-columns:56px 160px 1fr}.app-shell.community-view,.app-shell.community-view.with-member-panel,.app-shell.community-view.with-member-panel.member-panel-collapsed{grid-template-columns:56px 1fr}.member-panel{display:none!important}.rail-settings-btn,.rail-friends-btn,.rail-admin-btn,.rail-bottom .notif-bell-btn{width:38px;height:38px}.room-pane-title{font-size:13px}.room-row-name{font-size:12px}}@media (width<=640px){.app-shell,.app-shell.with-member-panel,.app-shell.with-member-panel.member-panel-collapsed,.app-shell.community-view,.app-shell.community-view.with-member-panel,.app-shell.community-view.with-member-panel.member-panel-collapsed{grid-template-columns:1fr}.server-rail,.room-pane,.member-panel{display:none!important}.main-panel{min-height:0;padding-bottom:0}.mobile-pane-backdrop{z-index:140;touch-action:none;background:#0009;display:block;position:fixed;inset:0}.mobile-menu-btn{z-index:90;-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#101513e6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:fixed;top:10px;left:10px}.mobile-menu-btn:active{background:var(--glass-hover);color:var(--text-primary)}[data-theme=light] .mobile-menu-btn{background:#ffffffeb}.mobile-drawer{z-index:150;-webkit-backdrop-filter:blur(20px)saturate(160%);border-right:1px solid var(--glass-border);background:#0c0c14f7;flex-direction:column;width:min(300px,88vw);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 32px #0009}.mobile-drawer.open{transform:translate(0)}[data-theme=light] .mobile-drawer{background:#f8f8fcf7}.mobile-drawer-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 14px 12px;display:flex}.mobile-drawer-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.mobile-drawer-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:background .15s,color .15s;display:flex}.mobile-drawer-close:active{background:var(--glass-hover);color:var(--text-primary)}.mobile-drawer-body{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow:hidden auto}.mobile-drawer-body::-webkit-scrollbar{width:3px}.mobile-drawer-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.mobile-drawer-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 8px 4px;font-size:10px;font-weight:700}.mobile-drawer-nav-row{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .13s,color .13s;display:flex}.mobile-drawer-nav-row:active,.mobile-drawer-nav-row.active{background:var(--glass-active);color:var(--text-primary)}.mobile-drawer-nav-icon{background:var(--glass-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;overflow:hidden}.mobile-drawer-nav-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.mobile-drawer-online-dot{background:#3ba55c;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #0c0c14f2}.mobile-drawer-room-row{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px 7px 20px;transition:background .13s,color .13s;display:flex}.mobile-drawer-room-row:active,.mobile-drawer-room-row.active{background:var(--glass-active);color:var(--text-primary)}.mobile-drawer-room-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.mobile-drawer-peer-count{color:var(--accent-light);background:#14a38a26;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:600}.mobile-drawer-voice-peers{flex-direction:column;gap:2px;padding:2px 10px 4px 38px;display:flex}.mobile-drawer-voice-peer{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.mobile-drawer-hint{color:var(--text-muted);padding:4px 10px 4px 20px;font-size:12px}.mobile-drawer-footer{border-top:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 12px 16px;display:flex}.mobile-drawer-leave-btn{width:100%;color:var(--danger);cursor:pointer;background:#ff4d6d26;border:1px solid #ff4d6d4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.mobile-drawer-leave-btn:active{background:#ff4d6d47}.mobile-drawer-mic-area{flex-direction:column;gap:8px;display:flex}.mobile-drawer-mic-toggle{width:100%;color:var(--success);cursor:pointer;background:#2dce891f;border:1px solid #2dce8947;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.mobile-drawer-mic-toggle.muted{color:var(--text-muted);background:#ffffff0f;border-color:#ffffff1a}.mobile-drawer-slider-row{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.mobile-drawer-slider-row .mic-gain-slider{flex:1}.mobile-drawer-slider-row .mic-gain-label{text-align:right;min-width:32px}.welcome-screen{padding-bottom:16px}.modal-backdrop{padding:12px}.modal-card{max-width:calc(100vw - 24px)!important}.composer{padding:8px 10px}.composer-input{font-size:16px}.emoji-picker-wrap,.sticker-picker-wrap{max-width:calc(100vw - 24px);max-height:60vh}.voice-active-bar{bottom:0}.notif-panel{max-width:none;bottom:8px;left:8px;right:8px}.context-menu{max-width:calc(100vw - 16px)}.dm-view,.dm-messages{max-width:100%}.hover-card{width:auto!important;max-width:none!important;inset:auto 8px 8px!important;transform:none!important}.dm-overlay-panel{resize:none;width:auto!important;min-width:0!important;height:72dvh!important;max-height:calc(100dvh - 80px)!important;inset:auto 8px 8px!important}}@media (width<=380px){.mobile-drawer{width:92vw}.mobile-menu-btn{width:34px;height:34px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (width<=640px){.mobile-drawer-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}}@media (width<=640px){.guest-banner-desktop{display:none!important}.mobile-drawer-back{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;transition:background .15s,color .15s;display:flex}.mobile-drawer-back:active{background:var(--glass-hover);color:var(--text-primary)}.mobile-drawer-guest-btn{color:#a5b4fc;cursor:pointer;text-align:center;background:#5865f22e;border:1px solid #5865f259;border-radius:10px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s}.mobile-drawer-guest-btn:active{background:#5865f24d}.mobile-drawer-user-row{border-top:1px solid var(--glass-border);align-items:center;gap:10px;margin-top:4px;padding:10px 4px 2px;display:flex}.mobile-drawer-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mobile-drawer-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mobile-drawer-user-tag{color:var(--text-muted);font-size:10px;font-weight:500}.mobile-drawer-user-online{background:#3ba55c;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #0c0c14f2}.mobile-drawer-settings-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mobile-drawer-settings-btn:active{background:var(--glass-hover);color:var(--text-primary)}}.mobile-channel-rooms{display:none}@media (width<=640px){.mobile-hidden{display:none!important}.desktop-hidden{display:flex!important}.mobile-channel-rooms{flex-direction:column;width:100%;height:100%;padding:0 12px 24px;display:flex;overflow-y:auto}.mobile-channel-rooms-header{border-bottom:1px solid var(--glass-border);margin-bottom:8px;padding:18px 4px 12px}.mobile-channel-rooms-title{color:var(--text-primary);font-size:18px;font-weight:700;display:block}.mobile-channel-rooms-desc{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.4}.mobile-channel-rooms-list{flex-direction:column;gap:2px;display:flex}.mobile-channel-room-row{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.mobile-channel-room-row:active{background:var(--glass-hover);color:var(--text-primary)}.mobile-channel-room-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ch-header-main{padding-left:60px}.ch-header-name,.room-header-title,.room-header-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.room-header{overflow:visible}.room-header-actions{flex-shrink:0;gap:4px}.room-header-actions button{width:34px;height:34px}.messages-area{padding-bottom:env(safe-area-inset-bottom,0px)}.voice-active-bar~.main-panel .messages-area,.has-voice-bar .messages-area{padding-bottom:64px}.profile-modal-card{border-radius:0!important;max-width:100vw!important;max-height:100dvh!important}}@media (hover:none),(pointer:coarse){.uhc2{display:none!important}}@media (width<=640px){.feqp{width:auto!important;max-width:none!important;max-height:52vh!important;inset:auto 8px 72px!important}.style-pop{width:min(320px,100vw - 16px);left:auto;right:0}.sticker-picker-popup{width:min(300px,100vw - 16px);max-height:52vh;left:auto;right:0}.ch-settings-layout{flex-direction:column;height:auto;max-height:calc(100dvh - 48px);overflow-y:auto}.ch-settings-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);flex-flow:wrap;flex-shrink:0;gap:4px;width:100%;padding:8px;overflow:auto hidden}.ch-sn-item{white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px}.ch-sn-group-label,.ch-sn-divider{display:none}.ch-settings-panel{padding:14px 14px 20px}.glass-modal.size-xl{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}.msg-head{flex-wrap:wrap;row-gap:2px}.msg-head .msg-author{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:140px;overflow:hidden}.msg-head .user-badge-row{flex-shrink:0}.msg-head .msg-time{white-space:nowrap;flex-shrink:0;margin-left:auto}.messages-area{-webkit-overflow-scrolling:touch;will-change:transform}.msg-group{content-visibility:auto;contain-intrinsic-size:auto 80px}.message{transition:none!important}.empty-state .empty-icon{animation:none!important}:not(.mobile-drawer):not(.mobile-menu-btn){-webkit-backdrop-filter:none!important}.avatar-framed,.message.msg-style-glow,.message.msg-style-gradient,.message.msg-style-starlight{will-change:auto!important;animation:none!important}}