:root{--bg-base: #0d0d10;--bg-layer1: #12121a;--bg-layer2: #18181f;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.1);--glass-hover: rgba(255,255,255,.1);--glass-active: rgba(255,255,255,.14);--glass-shadow: 0 8px 32px rgba(0,0,0,.45);--glass-blur: blur(12px) saturate(160%);--accent: #6c63ff;--accent-light: #8b85ff;--accent-glow: rgba(108,99,255,.35);--danger: #ff4d6d;--success: #2dce89;--warning: #f4a261;--text-primary: #f0f0f5;--text-secondary: #9898b0;--text-muted: #5a5a7a;--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: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-text: "Inter", "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}*,*: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;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}.app-shell{display:grid;grid-template-columns:68px 190px 1fr;height:100%;background:var(--bg-base);background-image:radial-gradient(ellipse 60% 50% at 20% 10%,rgba(108,99,255,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 90%,rgba(0,180,255,.08) 0%,transparent 70%)}.sidebar{display:flex;flex-direction:column;background:#0e0e14bf;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--glass-border)}.sidebar-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.channel-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.channel-list::-webkit-scrollbar{width:4px}.channel-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.empty-hint{font-size:13px;color:var(--text-muted);padding:12px 8px}.channel-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);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{font-size:18px;flex-shrink:0;width:28px;text-align:center}.ch-info{flex:1;min-width:0}.ch-name{display:block;font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.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{font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.badge-private{background:#f4a26126;color:var(--warning)}.badge-join{background:#6c63ff2e;color:var(--accent-light);cursor:pointer}.user-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--glass-border);background:#00000040}.user-info{flex:1;min-width:0;text-align:left}.user-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{font-size:11px;color:var(--success)}.user-bar-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:4px;margin:-4px;border-radius:var(--radius-sm);background:transparent;transition:background var(--transition)}.user-bar-main:hover{background:var(--glass-hover)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:-.5px;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-framed{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.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{background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#ff4500);background-size:300% 300%;will-change:background-position;animation:frame-fire 2s ease-in-out infinite}@keyframes frame-fire{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_rainbow{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00cfff,#8b00ff,red);background-size:300% 100%;will-change:background-position;animation:frame-rainbow 3s linear infinite}@keyframes frame-rainbow{0%{background-position:0% 0}to{background-position:300% 0}}.avatar-framed.frame_galaxy{background:linear-gradient(135deg,#4c1d95,#7c3aed,#1e40af,#312e81,#6d28d9,#4c1d95);background-size:300% 300%;will-change:background-position;animation:frame-galaxy 5s ease-in-out infinite}@keyframes frame-galaxy{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_neon{background:#0f8;will-change:background-color;transform:translateZ(0);animation:frame-neon-pulse 2.5s ease-in-out infinite}@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{background:linear-gradient(135deg,#7c3aed,#d97706,#db2777,#7c3aed);background-size:300% 300%;will-change:background-position;animation:frame-twilight 4s ease-in-out infinite}@keyframes frame-twilight{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.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{background:linear-gradient(270deg,#ff4500,#ff6b00,#f20,#ff8c00,#ff4500);background-size:300% 300%;will-change:background-position;animation:frame-lava 2.5s ease-in-out infinite}@keyframes frame-lava{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_hologram{background:linear-gradient(270deg,#0ff,#f0f,#ff0,#0f9,#0ff);background-size:300% 300%;will-change:background-position;animation:frame-hologram 3s linear infinite}@keyframes frame-hologram{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_ocean{background:linear-gradient(270deg,#005f87,#09c,#00c4e8,#0077a8,#005f87);background-size:300% 300%;will-change:background-position;animation:frame-ocean 4s ease-in-out infinite}@keyframes frame-ocean{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_toxic{background:#39ff14;will-change:background-color;transform:translateZ(0);animation:frame-toxic 2s ease-in-out infinite}@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{background:linear-gradient(270deg,#00ff87,#60efff,#0061ff,#f0c,#00ff87);background-size:300% 300%;will-change:background-position;animation:frame-aurora 5s ease-in-out infinite}@keyframes frame-aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_void{background:#0a0015;will-change:background-color;transform:translateZ(0);animation:frame-void 4s ease-in-out infinite}@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{background:linear-gradient(270deg,#f20,#f60,#fc0,#fff5cc,#fff,#cce8ff,#67e8f9,#09c,#cce8ff,#fff,#fff5cc,#fc0,#f60,#f20);background-size:600% 100%;will-change:background-position;animation:frame-phoenix 8s ease-in-out infinite}@keyframes frame-phoenix{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_ghost{background:linear-gradient(270deg,#0a0010,#1a0030,#2d0050,#4a1070,#6b21a8,#9ca3af,#e5e7eb,#f8fafc,#9ca3af,#4a1070,#2d0050,#1a0030,#0a0010);background-size:600% 100%;will-change:background-position;transform:translateZ(0);animation:frame-ghost-flow 8s ease-in-out infinite}@keyframes frame-ghost-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-framed.frame_night{background:linear-gradient(270deg,#000,#010b18,#03122e,#050d3a,#0c1445,#0e2a6e,#1a4a9e,#67e8f9,#cce8ff,#fff,#cce8ff,#67e8f9,#1a4a9e,#0e2a6e,#050d3a,#03122e,#010b18,#000);background-size:600% 100%;will-change:background-position;transform:translateZ(0);animation:frame-night-flow 9s ease-in-out infinite}@keyframes frame-night-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.frame-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.frame-shop-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);transition:border-color var(--transition),background var(--transition)}.frame-shop-card.owned{background:#6366f114}.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%;padding:3px;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.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);background-size:300% 300%;animation:frame-fire 2s ease-in-out infinite}.frame-preview-wrap.frame_rainbow{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00cfff,#8b00ff,red);background-size:300% 100%;animation:frame-rainbow 3s linear infinite}.frame-preview-wrap.frame_galaxy{background:linear-gradient(135deg,#4c1d95,#7c3aed,#1e40af,#312e81,#6d28d9,#4c1d95);background-size:300% 300%;animation:frame-galaxy 5s ease-in-out infinite}.frame-preview-wrap.frame_neon{background:#0f8;animation:frame-neon-pulse 1.5s ease-in-out infinite}.frame-preview-wrap.frame_twilight{background:linear-gradient(135deg,#7c3aed,#d97706,#db2777,#7c3aed);background-size:300% 300%;animation:frame-twilight 4s ease-in-out infinite}.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);background-size:300% 300%;animation:frame-lava 2.5s ease-in-out infinite}.frame-preview-wrap.frame_hologram{background:linear-gradient(270deg,#0ff,#f0f,#ff0,#0f9,#0ff);background-size:300% 300%;animation:frame-hologram 3s linear infinite}.frame-preview-wrap.frame_ocean{background:linear-gradient(270deg,#005f87,#09c,#00c4e8,#0077a8,#005f87);background-size:300% 300%;animation:frame-ocean 4s ease-in-out infinite}.frame-preview-wrap.frame_toxic{background:#39ff14;animation:frame-toxic 1.2s ease-in-out infinite}.frame-preview-wrap.frame_aurora{background:linear-gradient(270deg,#00ff87,#60efff,#0061ff,#f0c,#00ff87);background-size:300% 300%;animation:frame-aurora 5s ease-in-out infinite}.frame-preview-wrap.frame_void{background:#0a0015;animation:frame-void 3s ease-in-out infinite}.frame-preview-wrap.frame_phoenix{background:linear-gradient(270deg,#f20,#f60,#fc0,#fff5cc,#fff,#cce8ff,#67e8f9,#09c,#cce8ff,#fff,#fff5cc,#fc0,#f60,#f20);background-size:600% 100%;will-change:background-position;animation:frame-phoenix 8s ease-in-out infinite}.frame-preview-wrap.frame_ghost{background:linear-gradient(270deg,#0a0010,#1a0030,#2d0050,#4a1070,#6b21a8,#9ca3af,#e5e7eb,#f8fafc,#9ca3af,#4a1070,#2d0050,#1a0030,#0a0010);background-size:600% 100%;will-change:background-position,box-shadow;transform:translateZ(0);animation:frame-ghost-flow 6s ease-in-out infinite,frame-ghost-pulse 2.4s ease-in-out infinite}.frame-preview-wrap.frame_night{background:linear-gradient(270deg,#000,#010b18,#03122e,#0e2a6e,#1a4a9e,#67e8f9,#cce8ff,#fff,#cce8ff,#67e8f9,#1a4a9e,#0e2a6e,#03122e,#010b18,#000);background-size:600% 100%;will-change:background-position,box-shadow;transform:translateZ(0);animation:frame-night-flow 7s ease-in-out infinite,frame-night-glow 3s ease-in-out infinite}.frame-preview-avatar{width:42px;height:42px;border-radius:50%;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text-primary)}.frame-animated-badge{display:inline-block;font-size:10px;color:var(--accent);margin-top:2px}.frame-gift-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);border:1px solid var(--accent);background:#6366f10f}.frame-gift-panel-header{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.frame-gift-hint{font-size:12px;color:var(--text-muted);margin:0}.frame-gift-friend-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.frame-gift-friend{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--glass-bg);font-size:13px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition),background var(--transition);text-align:left}.frame-gift-friend:hover{background:var(--glass-hover)}.frame-gift-friend.selected{border-color:var(--accent);background:#6366f11f}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--transition),color var(--transition);flex-shrink:0}.icon-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.main-panel{display:flex;flex-direction:column;overflow:hidden;position:relative}.channel-header{position:relative;display:flex;align-items:stretch;height:var(--header-h);background:#0e0e1499;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);flex-shrink:0;z-index:10;overflow:visible}.ch-header-main{position:relative;z-index:2;display:flex;align-items:center;gap:14px;width:100%;padding:0 20px}.ch-header-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#6c63ff2e,#00b4ff1a);border:1px solid var(--glass-border);overflow:hidden;font-size:20px}.ch-header-avatar img{width:100%;height:100%;object-fit:cover}.ch-header-emoji{line-height:1}.ch-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.ch-header-titlerow{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.ch-header-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-header-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-muted);min-width:0}.ch-header-meta-item{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-variant-numeric:tabular-nums}.ch-header-meta-owner{color:var(--text-secondary)}.ch-header-meta-desc{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px;border-left:1px solid var(--glass-border);margin-left:4px;color:var(--text-muted)}.ch-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.messages-area{flex:1;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:3px;-webkit-user-select:text;user-select:text;contain:style;overflow-anchor:none}.messages-area{scrollbar-width:thin;scrollbar-color:transparent transparent}.messages-area.is-scrolling,.messages-area.is-hovered{scrollbar-color:var(--scrollbar-thumb-active, rgba(255,255,255,.32)) transparent}.messages-area::-webkit-scrollbar{width:5px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .15s ease}.messages-area.is-scrolling::-webkit-scrollbar-thumb,.messages-area.is-hovered::-webkit-scrollbar-thumb{background:#ffffff52;transition:background .15s ease}.messages-area.is-scrolling::-webkit-scrollbar-thumb:hover,.messages-area.is-hovered::-webkit-scrollbar-thumb:hover{background:#6c63ff99;transition:none}.load-older-spinner{display:flex;justify-content:center;align-items:center;padding:10px;flex-shrink:0}.load-older-end{text-align:center;font-size:11px;color:var(--text-muted);padding:8px 0 4px;flex-shrink:0}.scroll-to-bottom-btn{position:sticky;bottom:12px;align-self:center;z-index:20;display:flex;align-items:center;gap:5px;padding:6px 13px 6px 10px;background:#1e1f22;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 3px 12px #0006;transition:background .15s,transform .1s;flex-shrink:0}.scroll-to-bottom-btn:hover{background:#2a2b2f;transform:translateY(-1px)}.scroll-to-bottom-badge{background:var(--accent, #6c63ff);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{background:#fff;border-color:#141c3c1f;box-shadow:0 2px 12px #141c3c24,0 1px 3px #141c3c0f;color:var(--text-primary)}[data-theme=light] .scroll-to-bottom-btn:hover{background:#f2f3f7}.message{display:flex;gap:12px;padding:10px 12px 10px 8px;border-radius:var(--radius-md);transition:background var(--transition);position:relative}.msg-body{flex:1;min-width:0;position:relative}.msg-head{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:nowrap}.msg-author{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.msg-head .user-badge-row{flex-shrink:0;gap:3px}.msg-head .user-badge{font-size:8.5px;padding:1px 4px;gap:1px;opacity:.85}.msg-head .user-badge-more{font-size:9px;color:var(--text-muted)}.msg-author{font-size:14px;font-weight:700;color:var(--text-primary)}.msg-time{font-size:11px;color:var(--text-muted)}.msg-content{font-size:14.5px;color:var(--text-primary);line-height:1.65;white-space:pre-wrap;word-wrap:break-word;margin:0;opacity:.92}.msg-image{max-width:380px;max-height:280px;border-radius:var(--radius-md);margin-top:6px;display:block;object-fit:contain;cursor:zoom-in;border:1px solid var(--glass-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--text-muted);flex:1}.empty-state.full-center{margin:auto}.empty-icon{font-size:52px;margin-bottom:16px}.empty-state h2{font-size:20px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.empty-state p{font-size:14px;line-height:1.6}.typing-bar{height:auto;padding:2px 28px 4px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);font-style:italic;flex-shrink:0}.typing-active{color:var(--text-secondary)}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--accent-light);animation:bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.join-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;background:#6c63ff14;border-top:1px solid rgba(108,99,255,.2);font-size:13px;color:var(--text-secondary);flex-shrink:0}.composer{padding:0 15px;flex-shrink:0}.composer-glass.composer-disabled{opacity:.4}.composer-input{flex:1;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.5;resize:none;padding:8px 4px;max-height:120px;overflow-y:auto;-webkit-user-select:text;user-select:text}.composer-input::placeholder{color:var(--text-muted)}.composer-icon-btn,.composer-send-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);flex-shrink:0;color:var(--text-muted)}.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;padding:8px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:background var(--transition),box-shadow var(--transition);box-shadow:0 2px 12px var(--accent-glow)}.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;padding:5px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;box-shadow:0 2px 8px var(--accent-glow);transition:background var(--transition)}.btn-primary-sm:hover{background:var(--accent-light)}.btn-ghost{background:var(--glass-hover);color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:background var(--transition)}.btn-ghost:hover{background:var(--glass-active);color:var(--text-primary)}.btn-ghost-sm{background:var(--glass-hover);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;transition:background var(--transition)}.btn-ghost-sm:hover{background:var(--glass-active);color:var(--text-primary)}.btn-danger{background:#ff4d6d26;color:var(--danger);padding:8px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid rgba(255,77,109,.25);transition:background var(--transition)}.btn-danger:hover{background:#ff4d6d40}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(108,99,255,.06) 0%,transparent 60%),#0404089e;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.glass-modal{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 48px);background:linear-gradient(180deg,#1c1c2af0,#14141ef5);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d;overflow:hidden}.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,.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)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 16px;border-bottom:1px solid var(--glass-border)}.modal-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.modal-title{display:flex;align-items:center;gap:10px;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.2}.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{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--glass-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition),transform var(--transition)}.modal-close:hover{background:var(--glass-active);color:var(--text-primary);transform:rotate(90deg)}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.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{display:flex;align-items:center;gap:8px;padding:14px 24px 18px;border-top:1px solid var(--glass-border);background:#0000002e}.modal-footer .spacer{flex:1}.form-section{display:flex;flex-direction:column;gap:10px}.form-section+.form-section{margin-top:6px;padding-top:18px;border-top:1px solid var(--glass-border)}.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{display:flex;flex-direction:column;gap:12px}.picker-scroll{max-height:520px;overflow-y:auto;padding:2px 4px 2px 0}.picker-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 10px}.picker-section-title:not(:first-child){margin-top:18px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:2px}.picker-card{display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.picker-card:hover{background:#6c63ff1f;border-color:#6c63ff66;transform:translateY(-2px)}.picker-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#000;border-radius:6px;display:block}.picker-card-name{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-loading,.picker-empty,.picker-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--text-muted);font-size:13px}.picker-error{color:var(--danger)}.picker-hint{margin-top:16px;padding:10px 12px;background:#6c63ff14;border:1px solid rgba(108,99,255,.2);border-radius:var(--radius-md);font-size:11.5px;color:var(--text-secondary);line-height:1.55}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.field{margin-bottom:14px}.field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.glass-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);display:block;-webkit-user-select:text;user-select:text}.glass-input:focus{border-color:#6c63ff80;box-shadow:0 0 0 3px var(--accent-glow)}.glass-input::placeholder{color:var(--text-muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-secondary);margin-bottom:14px;cursor:pointer}.toggle{width:42px;height:24px;background:#ffffff1a;border-radius:12px;position:relative;transition:background var(--transition);border:1px solid var(--glass-border)}.toggle.on{background:var(--accent);border-color:transparent}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--transition);box-shadow:0 1px 4px #0000004d}.toggle.on:after{transform:translate(18px)}.icon-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.icon-opt{font-size:20px;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid transparent;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition)}.icon-opt:hover{background:var(--glass-hover)}.icon-opt.selected{background:#6c63ff33;border-color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e1e28eb;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,77,109,.35);color:#ff9aaa;padding:12px 20px;border-radius:var(--radius-lg);font-size:13px;display:flex;align-items:center;gap:12px;box-shadow:var(--glass-shadow);z-index:999;animation:toast-in .25s ease;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-close{color:#ff9aaa99;font-size:12px;transition:color var(--transition)}.toast-close:hover{color:#ff9aaa}.spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-base);background-image:radial-gradient(ellipse 70% 60% at 30% 20%,rgba(108,99,255,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 70% at 75% 80%,rgba(0,200,255,.1) 0%,transparent 65%)}.auth-card{width:100%;max-width:400px;background:#14141ecc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--glass-shadow),0 0 0 1px #ffffff08;animation:modal-in .3s cubic-bezier(.34,1.2,.64,1)}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo-icon{display:inline-flex;width:72px;height:72px;border-radius:22px;background:transparent;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px #6c63ff26;margin-bottom:12px}.auth-card h1{font-size:22px;font-weight:800;text-align:center;color:var(--text-primary);margin-bottom:4px}.auth-card .sub{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:24px}.auth-error{background:#ff4d6d1f;border:1px solid rgba(255,77,109,.3);color:#ff9aaa;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px;text-align:center}.auth-toggle{text-align:center;margin-top:18px;font-size:13px;color:var(--text-muted)}.auth-toggle button{color:var(--accent-light);font-weight:600;margin-left:4px;transition:color var(--transition)}.auth-toggle button:hover{color:#fff}.server-offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:8px;padding:8px 20px;background:#c0392b;color:#fff;font-size:13px;font-weight:500;letter-spacing:.01em;box-shadow:0 2px 8px #00000040;animation:slideDownBanner .25s ease}.server-offline-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#fff;animation:pulseDot 1.4s ease-in-out infinite}@keyframes slideDownBanner{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}[data-theme=light] .server-offline-banner{background:#e74c3c}.app-loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--text-muted);font-size:14px}.voice-active-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#2dce8912;border-bottom:1px solid rgba(45,206,137,.18);font-size:12px;color:#2dce89;flex-shrink:0}.voice-active-label{flex:1;font-weight:500}.voice-active-leave{display:flex;align-items:center;gap:4px;font-size:11px;color:#ff4d6d;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,77,109,.25);background:#ff4d6d14;transition:background .15s ease,border-color .15s ease}.voice-active-leave:hover{background:#ff4d6d29;border-color:#ff4d6d66}.btn-new-dm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(108,99,255,.3);background:#6c63ff1a;color:var(--accent-light);transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0}.btn-new-dm:hover{background:#6c63ff38;border-color:#6c63ff80;color:#fff}.voice-panel{display:flex;flex-direction:column;gap:8px;padding:8px 16px 0;flex-shrink:0}.screens-grid{display:grid;gap:8px;margin-bottom:4px}.screen-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid var(--glass-border);aspect-ratio:16 / 9;box-shadow:var(--glass-shadow)}.screen-tile video{width:100%;height:100%;object-fit:contain;display:block}.screen-tile-label{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:600;border-radius:20px}.voice-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#2dce8914;border:1px solid rgba(45,206,137,.25);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d}.voice-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--success);flex-shrink:0}.voice-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.voice-participants{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.voice-participants::-webkit-scrollbar{display:none}.voice-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:20px;font-size:12px;color:var(--text-secondary);flex-shrink:0;transition:all var(--transition)}.voice-pill.speaking{border-color:var(--success);box-shadow:0 0 0 2px #2dce8940}.voice-pill-name{font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.voice-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.voice-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--text-secondary);border:1px solid var(--glass-border);transition:all var(--transition)}.voice-btn:hover{background:#ffffff24;color:var(--text-primary)}.voice-btn.off{background:#ff4d6d2e;color:var(--danger);border-color:#ff4d6d59}.voice-btn.active{background:#6c63ff38;color:var(--accent-light);border-color:#6c63ff66}.voice-btn.leave{background:#ff4d6d2e;color:var(--danger);border-color:#ff4d6d59}.voice-btn.leave:hover{background:#ff4d6d52}.btn-voice-join{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#2dce891f;color:var(--success);border:1px solid rgba(45,206,137,.3);border-radius:var(--radius-md);font-size:12px;font-weight:600;transition:all var(--transition)}.btn-voice-join:hover{background:#2dce8938}.self-share-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.3);border-radius:var(--radius-md);color:var(--accent-light);font-size:12px;font-weight:600}.self-share-banner .btn-link-sm{margin-left:auto;padding:2px 10px;background:transparent;color:var(--danger);border:1px solid rgba(255,77,109,.4);border-radius:14px;font-size:11px;font-weight:600;transition:all var(--transition)}.self-share-banner .btn-link-sm:hover{background:#ff4d6d2e}.profile-tabs{display:flex;gap:4px;margin-bottom:18px;padding:4px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.profile-tab{flex:1;padding:8px 14px;border-radius:8px;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600;transition:all var(--transition)}.profile-tab:hover{color:var(--text-secondary)}.profile-tab.active{background:#6c63ff2e;color:var(--accent-light);box-shadow:0 2px 8px var(--accent-glow)}.profile-pane{animation:modal-in .18s ease}.profile-banner{position:relative;height:110px;border-radius:var(--radius-md);margin-bottom:50px}.profile-banner-uploadable{cursor:pointer}.profile-banner-uploadable:hover:not(:has(.avatar-upload-wrap:hover)) .banner-upload-overlay{opacity:1}.banner-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#00000073;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .18s;pointer-events:none}.banner-remove-btn{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .15s}.banner-remove-btn:hover{background:#dc3232cc}.profile-banner-avatar{position:absolute;bottom:-42px;left:20px;border:4px solid rgba(22,22,32,.95);border-radius:50%}.avatar-upload-wrap{position:relative;display:inline-flex;border-radius:50%;cursor:pointer}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;color:#fff;opacity:0;transition:opacity .18s}.avatar-upload-wrap:hover .avatar-upload-overlay{opacity:1}.avatar-uploading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%}.profile-card-body{padding:0 4px;display:flex;flex-direction:column;gap:14px}.profile-name{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.profile-handle{font-size:13px;font-weight:500;color:var(--text-muted)}.profile-actions-row{display:flex;gap:8px;margin-top:-4px}.btn-secondary-sm{background:#6c63ff2e;color:var(--accent-light);border:1px solid rgba(108,99,255,.35);padding:5px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;transition:all var(--transition)}.btn-secondary-sm:hover{background:#6c63ff47}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.textarea{resize:vertical;min-height:70px;font-family:inherit;line-height:1.5}.field-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.field-hint.error{color:var(--danger)}.success-banner{padding:10px 14px;background:#2dce891f;border:1px solid rgba(45,206,137,.3);border-radius:var(--radius-md);color:var(--success);font-size:12.5px;font-weight:600}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:#ffffff14;cursor:pointer;transition:transform var(--transition),border-color var(--transition)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.color-swatch.none{background:linear-gradient(135deg,transparent 47%,var(--text-muted) 47%,var(--text-muted) 53%,transparent 53%)!important;border:1px dashed var(--glass-border)}.sidebar-header-actions{display:flex;align-items:center;gap:4px}.badge-owner{background:#6c63ff2e;color:var(--accent-light)}.settings-tabs{display:flex;gap:4px;margin:-8px -4px 18px;padding-bottom:4px;border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.settings-tab{padding:8px 14px;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:13px;font-weight:600;color:var(--text-muted);transition:color var(--transition),background var(--transition)}.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{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#6c63ff14;border:1px solid rgba(108,99,255,.25);border-radius:var(--radius-lg);flex-wrap:wrap}.invite-code-digits{font-family:SF Mono,Menlo,Consolas,monospace;font-size:28px;font-weight:700;letter-spacing:.18em;color:var(--accent-light);-webkit-user-select:text;user-select:text}.invite-code-actions{display:flex;gap:6px}.members-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto;padding:2px}.member-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);background:#ffffff08}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{font-size:14px;font-weight:600;color:var(--text-primary)}.member-handle{font-size:11px;color:var(--text-muted)}.danger-zone{padding:18px;background:#ff4d6d0f;border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-lg)}.danger-zone h3{font-size:14px;color:var(--danger);margin-bottom:6px;font-weight:700}.modal-hint{font-size:12px;color:var(--text-muted);line-height:1.55;margin:4px 0}.modal-error{font-size:12px;color:var(--danger);margin:8px 0}.code-input{text-align:center;font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px!important;font-weight:700;letter-spacing:.32em;padding:14px!important}.channel-preview{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:12px}.channel-preview-icon{font-size:30px}.channel-preview-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.channel-preview-name{font-size:16px;font-weight:700;color:var(--text-primary)}.channel-preview-desc{font-size:12px;color:var(--text-secondary)}.channel-preview-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.mention-popup{position:relative;background:#161620f5;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000008c;padding:4px;margin-bottom:6px;display:flex;flex-direction:column;gap:1px;max-height:220px;overflow-y:auto;animation:modal-in .12s ease-out}.mention-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-sm);text-align:left;transition:background var(--transition);width:100%}.mention-item.active,.mention-item:hover{background:var(--glass-active)}.mention-name{font-size:13px;font-weight:600;color:var(--text-primary)}.mention-handle{font-size:11px;color:var(--text-muted);margin-left:auto}.mention-pill{display:inline;padding:1px 5px;border-radius:6px;background:#6c63ff2e;color:var(--accent-light);font-weight:600;cursor:pointer;transition:background var(--transition)}.mention-pill:hover{background:#6c63ff47}.mention-pill.mention-self{background:#f4a26138;color:var(--warning)}.message.message-mentions-me{background:linear-gradient(90deg,rgba(244,162,97,.1),rgba(244,162,97,.02) 60%,transparent);box-shadow:inset 3px 0 0 var(--warning)}.message.message-mentions-me:hover{background:linear-gradient(90deg,rgba(244,162,97,.16),rgba(244,162,97,.04) 60%,transparent)}.app-shell.with-member-panel{grid-template-columns:68px 190px 1fr 190px;transition:grid-template-columns .22s ease}.app-shell.with-member-panel.member-panel-collapsed{grid-template-columns:68px 190px 1fr 56px}.app-shell.community-view{grid-template-columns:68px 1fr}.dm-item{align-items:center}.dm-item-avatar{position:relative;flex-shrink:0;margin-right:10px}.dm-status-dot{position:absolute;bottom:0;right:0;transform:translate(-35%,-35%);width:8px;height:8px;box-sizing:border-box;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-layer1);box-shadow:0 0 0 1px #0000001a;transition:background var(--transition),transform .2s}.dm-status-dot.online{background:var(--success)}.dm-snippet{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar-dm-footer{padding:8px 12px;border-top:1px solid var(--glass-border);flex-shrink:0}.sidebar-new-dm-btn{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);border-radius:var(--radius-sm);color:var(--accent-light);font-size:13px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.sidebar-new-dm-btn:hover{background:#6c63ff38;border-color:#6c63ff73}.user-online-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--bg-layer1)}.dm-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.dm-header-avatar{position:relative;margin-right:10px;flex-shrink:0}.dm-online-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-layer1)}.dm-online-dot.online{background:var(--success)}.member-panel{background:var(--bg-layer1);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow-y:auto;min-width:0;position:relative;transition:width .22s ease}.member-panel--collapsed{width:56px!important;min-width:56px}.member-panel-toggle-top{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;margin-bottom:4px;transition:color var(--transition),background var(--transition)}.member-panel-toggle-top:hover{color:var(--text-primary);background:var(--glass-hover)}.member-panel-toggle-header{margin-left:auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition),background var(--transition)}.member-panel-toggle-header:hover{color:var(--text-primary);background:var(--glass-hover)}.member-panel-compact{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 8px;width:100%}.member-panel-compact-premium{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);padding:2px 6px;border-radius:999px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.22);margin-bottom:4px;writing-mode:vertical-rl;transform:rotate(180deg)}.member-panel-compact-grid{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.member-icon-btn{position:relative;cursor:pointer;border-radius:50%;transition:transform var(--transition);flex-shrink:0}.member-icon-btn:hover{transform:scale(1.12)}.member-icon-btn.offline{opacity:.45}.member-icon-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-layer1)}.member-icon-dot.online{background:var(--success)}.member-icon-more{font-size:10px;font-weight:700;color:var(--text-muted);padding:2px 0}.member-panel-compact-count{font-size:9px;color:var(--text-muted);margin-top:4px}.member-panel-header{padding:16px 12px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);flex-shrink:0;display:flex;align-items:center;gap:6px}.member-section{padding:8px 0}.member-section-label{padding:6px 12px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.member-row{display:flex;align-items:center;gap:9px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);contain:layout style}.member-row:hover{background:var(--glass-hover)}.member-avatar-wrap{position:relative;flex-shrink:0}.member-status-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-layer1)}.member-status-dot.online{background:var(--success)}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-hover-card{position:fixed;z-index:9999;width:280px;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000008c;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.uhc2{position:fixed;z-index:9999;width:300px;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000000a6;overflow:hidden;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.uhc2-banner{position:relative;height:120px;overflow:hidden;flex-shrink:0}.uhc2-banner-img{width:100%;height:100%;object-fit:cover;display:block}.uhc2-banner-gradient{width:100%;height:100%}.uhc2-avatar-wrap{position:relative;padding:0 16px;margin-top:-54px;z-index:2}.uhc2-avatar-ring{position:relative;display:inline-flex;vertical-align:top;border-radius:50%;padding:3px;background:var(--bg-layer2)}.uhc2-status-dot{position:absolute;bottom:3px;right:3px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);border:3px solid transparent;box-shadow:0 0 0 2px var(--bg-layer2)}.uhc2-status-dot.online{background:var(--success)}.uhc2-status-dot.offline{background:var(--text-muted)}.uhc2-body{margin-top:-44px;padding:50px 16px 16px;background:var(--bg-layer2);position:relative;z-index:1}.uhc2-identity{margin-bottom:4px}.uhc2-name-row{display:flex;align-items:center;gap:6px}.uhc2-name{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.uhc2-premium-star{color:#fbbf24;font-size:13px;flex-shrink:0}.uhc2-handle{font-size:12px;color:var(--text-muted);margin-top:2px}.uhc2-badges{margin:6px 0 4px}.uhc2-divider{height:1px;background:var(--glass-border);margin:10px 0}.uhc2-bio{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.uhc2-status-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.uhc2-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.uhc2-status-indicator.online{background:var(--success)}.uhc2-status-indicator.offline{background:var(--text-muted)}.uhc2-status-text{font-size:12px;color:var(--text-muted)}.uhc2-actions{display:flex;flex-direction:row;gap:6px}.uhc2-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:8px 10px;border-radius:var(--radius-md);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;outline:none;text-align:left;box-sizing:border-box;white-space:nowrap}.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{height:60px;position:relative;flex-shrink:0}.uhc-avatar-wrap{position:absolute;bottom:-20px;left:16px}.uhc-status-dot{position:absolute;bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;background:var(--text-muted);border:3px solid var(--bg-layer2)}.uhc-status-dot.online{background:var(--success)}.uhc-body{padding:28px 16px 16px}.uhc-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.uhc-handle{font-size:12px;color:var(--text-muted);margin-bottom:6px}.uhc-bio{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.uhc-status-line{font-size:11px;color:var(--text-muted);margin-bottom:4px}.uhc-last-seen{font-size:10px;color:var(--text-muted);opacity:.7;margin-bottom:10px}.uhc-actions{display:flex;gap:8px;flex-wrap:wrap}.uhc-btn{flex:1;min-width:0;padding:7px 12px!important;font-size:12px!important}.call-overlay{position:fixed;bottom:20px;left:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--bg-layer2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000008c;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);min-width:260px;max-width:340px;width:auto}.call-overlay-row{display:flex;align-items:center;gap:12px}.call-overlay-mic-row{display:flex;align-items:center;gap:8px;padding-top:4px;border-top:1px solid var(--glass-border)}.call-mic-slider{flex:1;accent-color:var(--accent);height:4px;cursor:pointer}.call-mic-label{font-size:11px;color:var(--text-muted);min-width:34px;text-align:right}.call-overlay.incoming{border-color:#2dce8966;box-shadow:0 8px 32px #2dce8926}.call-overlay.active{border-color:#6c63ff66;box-shadow:0 8px 32px #6c63ff26}.call-overlay.rejected,.call-overlay.ended{border-color:#ef444459;box-shadow:0 8px 32px #ef44441f}.call-label-status{font-size:12px;font-weight:500;color:var(--danger);margin-top:1px}.call-overlay-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.call-overlay-text{display:flex;flex-direction:column}.call-name{font-size:14px;font-weight:600;color:var(--text-primary)}.call-label{font-size:11px;color:var(--text-muted);margin-top:1px}.call-overlay-actions{display:flex;gap:8px;flex-shrink:0}.call-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--transition),transform .1s}.call-btn:active{transform:scale(.93)}.call-accept{background:var(--success);color:#fff}.call-accept:hover{opacity:.85}.call-reject{background:var(--danger);color:#fff}.call-reject:hover{opacity:.85}.call-mute{background:var(--glass-bg);border:1px solid var(--glass-border)!important;color:var(--text-secondary)}.call-mute.muted{background:#f4a2612e;color:var(--warning)}.call-mute:hover{background:var(--glass-hover)}.call-end{background:var(--danger);color:#fff}.call-end:hover{opacity:.85}.icon-btn.active{color:var(--accent-light);background:#6c63ff26}.msg-avatar-btn{display:inline-block;border-radius:50%;flex:0 0 36px;min-width:0;align-self:flex-start;overflow:visible}.msg-avatar-btn:hover{opacity:.85}.msg-author{transition:color var(--transition)}.msg-author:hover{color:var(--accent-light)}.message{position:relative;align-items:flex-start}.msg-reply-ref{display:flex;align-items:stretch;gap:0;font-size:12.5px;color:var(--text-muted);margin-bottom:5px;max-width:100%;border-radius:6px;overflow:hidden;background:#ffffff06;border:1px solid var(--glass-border)}.msg-reply-bar{width:3px;flex-shrink:0;background:var(--accent-light);border-radius:3px 0 0 3px;opacity:.7}.msg-reply-inner{display:flex;align-items:center;gap:6px;padding:4px 8px;flex:1;min-width:0;overflow:hidden}.msg-reply-icon{display:none}.msg-reply-author{color:var(--accent-light);font-weight:700;flex-shrink:0}.msg-reply-snippet{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85;font-size:12px}.msg-reply-deleted{font-style:italic;opacity:.7}.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{width:28px;height:28px;object-fit:cover;border-radius:3px;flex-shrink:0;opacity:.85}.msg-highlight{animation:msg-highlight-flash 1.8s ease-out forwards}@keyframes msg-highlight-flash{0%{background:rgba(var(--accent-rgb, 99,102,241),.25)}60%{background:rgba(var(--accent-rgb, 99,102,241),.12)}to{background:transparent}}.msg-tag{font-size:10.5px;color:var(--text-muted);margin-left:4px;-webkit-user-select:none;user-select:none}.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{background:linear-gradient(90deg,rgba(244,162,97,.07),transparent 80%);box-shadow:inset 2px 0 0 var(--warning)}.message.message-pinned:hover{background:linear-gradient(90deg,#f4a2611a,#ffffff05 80%)}.msg-edit-box{display:flex;flex-direction:column;gap:6px;margin-top:2px}.msg-edit-input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;font-size:14px;color:var(--text-primary);resize:vertical;min-height:40px;line-height:1.5;-webkit-user-select:text;user-select:text;transition:border-color var(--transition),box-shadow var(--transition)}.msg-edit-input:focus{border-color:#6c63ff80;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.msg-edit-actions{display:flex;align-items:center;gap:8px}.msg-edit-hint{font-size:11px;color:var(--text-muted);margin-right:auto}.msg-actions{position:absolute;top:0;right:8px;display:flex;align-items:center;gap:2px;padding:3px;background:#161620eb;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 4px 16px #00000059;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:20;white-space:nowrap}.msg-actions.visible{opacity:1;pointer-events:auto}.message.message-own .msg-actions{right:8px;left:auto}.msg-action-btn{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;transition:background var(--transition),color var(--transition)}.msg-action-btn:hover{background:var(--glass-hover);color:var(--text-primary);transform:scale(1.05)}.msg-action-btn.danger:hover{background:#ff4d6d2e;color:var(--danger)}.msg-action-wrap{position:relative}.emoji-quick-picker{position:absolute;bottom:calc(100% + 6px);right:0;display:flex;gap:2px;padding:4px;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000008c;z-index:9999;animation:modal-in .12s ease-out}[data-theme=light] .emoji-quick-picker{background:#fff;border-color:#141c3c24;box-shadow:0 10px 30px #141c3c2e;color:#1a1a2e}[data-theme=light] .emoji-tab{color:#4a5568}[data-theme=light] .emoji-tab.active{background:#6c63ff1f;color:#5b54e8}[data-theme=light] .emoji-picker-tabs{border-bottom-color:#141c3c1a}[data-theme=light] .emoji-pick-btn:hover{background:#141c3c0f}[data-theme=light] .prem-pick-btn:hover{background:#141c3c0a}[data-theme=light] .prem-pick-label{color:#718096}.emoji-picker-expanded{flex-direction:column;gap:0;padding:0;width:224px;min-height:0;overflow:visible}.emoji-picker-tabs{display:flex;gap:2px;padding:4px 4px 0;border-bottom:1px solid var(--glass-border);margin-bottom:4px}.emoji-tab{flex:1;padding:5px 6px;border-radius:6px 6px 0 0;font-size:11px;font-weight:600;color:var(--text-muted);transition:all .15s;white-space:nowrap}.emoji-tab.active{background:#6c63ff26;color:var(--accent-light)}.emoji-tab-credits{opacity:.8;margin-left:2px}.emoji-picker-grid{display:flex;flex-wrap:wrap;gap:2px;padding:4px}.emoji-picker-grid-premium{gap:5px;padding:6px}.emoji-pick-btn{width:32px;height:32px;border-radius:6px;background:transparent;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform .1s ease}.emoji-pick-btn:hover{background:var(--glass-hover);transform:scale(1.15)}.prem-pick-btn{width:calc(25% - 4px);height:auto;padding:6px 4px 5px;flex-direction:column;gap:2px;border-radius:8px;border:1px solid transparent;font-size:13px;transition:all .15s}.prem-pick-btn:hover{background:#ffffff0f;border-color:var(--prem-color, rgba(255,255,255,.2));box-shadow:0 0 10px color-mix(in srgb,var(--prem-color) 40%,transparent);transform:translateY(-2px) scale(1.05)}.prem-pick-btn.cant-afford{opacity:.35;cursor:not-allowed}.prem-pick-btn.cant-afford:hover{transform:none;box-shadow:none}.prem-pick-emoji{font-size:22px;line-height:1}.prem-pick-label{font-size:9px;color:var(--text-muted);line-height:1}.prem-pick-cost{font-size:10px;font-weight:700;color:#fbbf24;line-height:1}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:12px;color:var(--text-secondary);transition:all var(--transition);-webkit-user-select:none;user-select:none}.reaction-chip:hover{background:#6c63ff1a;border-color:#6c63ff4d}.reaction-chip.mine{background:#6c63ff2e;border-color:#6c63ff73;color:var(--accent-light)}.reaction-chip.premium{border-color:var(--prem-color, rgba(255,255,255,.25));box-shadow:0 0 6px 0 var(--prem-color, transparent),inset 0 0 10px #ffffff0a;animation:prem-pulse 2.8s ease-in-out infinite}.reaction-chip.premium .reaction-emoji{filter:drop-shadow(0 0 4px var(--prem-color, transparent))}.reaction-chip.premium.mine{background:#ffffff14;border-color:var(--prem-color, rgba(255,255,255,.4));box-shadow:0 0 10px 1px var(--prem-color, transparent),inset 0 0 14px #ffffff0f}.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{font-size:11px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.reaction-tooltip-portal{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:#1a1a2e;color:#fff;font-size:12px;line-height:1.5;padding:8px 12px;border-radius:10px;pointer-events:auto;z-index:99999;max-width:220px;min-width:80px;box-shadow:0 8px 24px #000000a6,0 0 0 1px #ffffff1f;border:1px solid rgba(255,255,255,.14);animation:tip-in .12s ease-out;text-align:center}.reaction-tooltip-portal.flip-down{transform:translate(-50%,8px);animation:tip-in-down .12s ease-out}.rtip-header{font-size:13px;font-weight:500;color:#fff;margin-bottom:4px}.rtip-header strong{font-weight:700}.rtip-names{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px;margin-top:2px}.rtip-name{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtip-name .avatar{flex-shrink:0;border-radius:50%;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{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#6c63ff14;border-bottom:1px solid rgba(108,99,255,.2);font-size:12px;color:var(--text-secondary);margin:0}.composer-reply-icon{font-size:14px;color:var(--accent-light)}.composer-reply-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;border-radius:6px;background:transparent;color:var(--text-muted);font-size:11px;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.composer-reply-close:hover{background:var(--glass-hover);color:var(--text-primary)}.pinned-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding:2px 4px 2px 0}.pinned-list::-webkit-scrollbar{width:5px}.pinned-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.pinned-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:background var(--transition),border-color var(--transition)}.pinned-item:hover{background:#ffffff0f;border-color:#6c63ff40}.pinned-body{flex:1;min-width:0}.pinned-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.pinned-author{font-size:13px;font-weight:700;color:var(--text-primary)}.pinned-time{font-size:11px;color:var(--text-muted)}.pinned-text{font-size:13.5px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text}.pinned-image{max-width:280px;max-height:200px;border-radius:8px;margin-top:4px;display:block;object-fit:contain;border:1px solid var(--glass-border)}.confirm-message{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:4px;-webkit-user-select:text;user-select:text}.dm-menu-wrap{position:relative}.dm-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#161620f5;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000008c;padding:4px;z-index:50;animation:modal-in .12s ease-out}.dm-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-align:left;background:transparent;transition:background var(--transition),color var(--transition)}.dm-menu-item:hover{background:var(--glass-hover);color:var(--text-primary)}.dm-menu-item.danger{color:var(--danger)}.dm-menu-item.danger:hover{background:#ff4d6d29;color:#ff9aaa}.member-context-menu{position:fixed;width:min(320px,calc(100vw - 24px));padding:0;overflow:hidden;z-index:80}.member-context-header{display:flex;gap:12px;padding:14px;background:linear-gradient(180deg,#6c63ff24,#6c63ff0a)}.member-context-header-text{min-width:0;flex:1}.member-context-name{font-size:14px;font-weight:700;color:var(--text-primary)}.member-context-handle{margin-top:2px;font-size:12px;color:var(--text-muted)}.member-context-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.member-context-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#ffffff14;color:var(--text-secondary);font-size:11px;font-weight:600}.member-context-pill.accent{background:#6c63ff29;color:var(--accent-light)}.member-context-pill.online{background:#4caf5029;color:#8ee89a}.member-context-pill.warning{background:#ffc10729;color:#ffd774}.member-context-badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.member-context-section{padding:6px}.member-context-section-bordered{border-top:1px solid rgba(255,255,255,.08)}[data-theme=light] .member-context-section-bordered{border-top:1px solid rgba(0,0,0,.1)}.member-context-hint{padding:8px 10px;color:var(--text-muted);font-size:12px}.member-context-footer{display:flex;justify-content:flex-end;padding:8px 10px 10px;border-top:1px solid rgba(255,255,255,.08)}.member-context-close{padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;font-size:12px}.member-context-close:hover{background:var(--glass-hover);color:var(--text-primary)}.dm-error-toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1e1e28eb;border:1px solid rgba(255,77,109,.35);color:#ff9aaa;border-radius:var(--radius-md);font-size:12.5px;cursor:pointer;z-index:30;animation:toast-in .2s ease}.dm-error-toast button{color:#ff9aaa99;font-size:11px}.app-shell{background-image:radial-gradient(ellipse 60% 50% at 18% 6%,rgba(108,99,255,.16) 0%,transparent 70%),radial-gradient(ellipse 55% 65% at 82% 92%,rgba(0,180,255,.1) 0%,transparent 70%),radial-gradient(ellipse 80% 40% at 50% 50%,rgba(244,162,97,.04) 0%,transparent 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:#6c63ff8c}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs.tabs-pill{padding:4px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.tabs.tabs-underline{border-bottom:1px solid var(--glass-border);gap:2px}.tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-muted);border-radius:var(--radius-sm);background:transparent;letter-spacing:var(--tracking-tight);transition:color var(--transition),background var(--transition),box-shadow var(--transition);white-space:nowrap}.tabs.tabs-pill .tab{flex:1}.tab:hover{color:var(--text-secondary);background:#ffffff0a}.tab.active{color:var(--accent-light);background:#6c63ff29;box-shadow:0 2px 10px var(--accent-glow)}.tabs.tabs-underline .tab{border-radius:0;background:transparent;padding:10px 14px;position:relative}.tabs.tabs-underline .tab.active{color:var(--text-primary);background:transparent;box-shadow:none}.tabs.tabs-underline .tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.tab-icon{display:inline-flex;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;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);border:1px solid transparent;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}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-s-sm{padding:6px 12px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-s-md{padding:9px 16px}.btn-s-lg{padding:12px 22px;font-size:var(--fs-lg)}.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{background:#6c63ff29;color:var(--accent-light);border-color:#6c63ff52}.btn-v-secondary:hover:not(:disabled){background:#6c63ff42}.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{background:transparent;color:var(--text-secondary)}.btn-v-subtle:hover:not(:disabled){color:var(--text-primary);background:var(--glass-hover)}.btn-v-danger{background:#ff4d6d24;color:var(--danger);border-color:#ff4d6d52}.btn-v-danger:hover:not(:disabled){background:#ff4d6d3d}.btn-icon{display:inline-flex;align-items:center}.btn-label{display:inline-flex}.search-input{position:relative;display:flex;align-items:center}.search-input .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-field{width:100%;padding:11px 38px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);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}.search-input-field:focus{background:#ffffff0f;border-color:#6c63ff80;box-shadow:0 0 0 3px var(--accent-glow)}.search-input-field::placeholder{color:var(--text-muted)}.search-input-clear{position:absolute;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--glass-hover);color:var(--text-muted);transition:background var(--transition),color var(--transition)}.search-input-clear:hover{background:var(--glass-active);color:var(--text-primary)}.user-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;text-align:left;width:100%;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.user-row.is-clickable{cursor:pointer}.user-row:hover{background:var(--glass-hover);border-color:var(--glass-border)}.user-row.selected{background:#6c63ff29;border-color:#6c63ff52}.user-row-avatar{position:relative;flex-shrink:0;overflow:visible}.user-row-avatar .presence-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);border:2px solid #1a1a24}.user-row-avatar .presence-dot.online{background:var(--success)}.user-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.user-row-name-line{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden}.user-row-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-row-text>.user-badge-row{margin-top:1px}.user-row-handle{font-size:var(--fs-sm);color:var(--text-muted)}.user-row-trailing{flex-shrink:0;display:flex;align-items:center;gap:6px}.empty-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px;gap:8px}.empty-block-icon{font-size:36px;opacity:.85;margin-bottom:4px;filter:grayscale(.2)}.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{display:flex;flex-direction:column;gap:2px}.toggle-hint{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-regular)}.field-optional{margin-left:8px;font-size:var(--fs-2xs);color:var(--text-muted);font-weight:var(--fw-medium);text-transform:lowercase;letter-spacing:0}.badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.badge-neutral{background:var(--glass-hover);color:var(--text-secondary)}.badge-accent{background:#6c63ff2e;color:var(--accent-light)}.badge-success{background:#2dce8929;color:var(--success)}.badge-danger{background:#ff4d6d29;color:var(--danger)}.result-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto;padding:4px;margin:0 -4px}.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);display:flex;align-items:center}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.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{display:flex;align-items:center;gap:8px;padding:6px 4px;color:var(--text-muted)}.user-row-cta{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);transition:color var(--transition),transform var(--transition)}.user-row:hover .user-row-cta{color:var(--accent-light);transform:translate(2px)}.join-mode-picker{display:flex;flex-direction:column;gap:10px}.channel-type-picker{display:flex;gap:10px}.channel-type-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#ffffff08;border:1.5px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;color:var(--text-primary);transition:border-color var(--transition),background var(--transition)}.channel-type-card:hover{background:#ffffff0f}.channel-type-card.active{border-color:#6c63ff99;background:linear-gradient(135deg,#6c63ff1f,#6c63ff0d);box-shadow:0 0 0 1px #6c63ff40,0 0 20px -8px #6c63ff80}.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{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-muted);font-size:var(--fs-xs);font-family:inherit;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pill-toggle:hover{background:#ffffff14}.pill-toggle.active{background:#6c63ff2e;color:var(--accent-primary);border-color:#6c63ff73}.community-access-panel{position:absolute;top:0;right:0;width:240px;height:100%;background:var(--bg-layer1);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:30}.community-access-panel--compact{width:56px;align-items:center;padding:12px 0 8px;gap:4px}.community-access-panel-body{flex:1;overflow-y:auto;padding:0}.community-access-badge{font-size:10px;padding:1px 7px;border-radius:99px;background:#6c63ff26;color:var(--accent-primary);flex-shrink:0;white-space:nowrap}.join-mode-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;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);font-family:inherit;color:var(--text-primary)}.join-mode-card:hover{background:#ffffff0d}.join-mode-card.selected{border-color:#6c63ff8c;background:linear-gradient(135deg,#6c63ff1a,#6c63ff0a);box-shadow:0 0 0 1px #6c63ff40,0 0 24px -8px #6c63ff8c}.join-mode-card .jm-icon{font-size:22px;width:40px;height:40px;display:grid;place-items:center;background:#ffffff0a;border-radius:var(--radius-sm);flex-shrink:0}.join-mode-card .jm-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.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{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--glass-border);display:grid;place-items:center;flex-shrink:0;transition:border-color var(--transition)}.join-mode-card.selected .jm-radio{border-color:#6c63ffd9}.join-mode-card .jm-radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:background var(--transition)}.join-mode-card.selected .jm-radio-dot{background:#6c63ff;box-shadow:0 0 8px #6c63ffcc}.role-select{width:auto;max-width:130px;flex-shrink:1}.role-select .custom-select-trigger{padding:4px 8px;font-size:11.5px;border-radius:var(--radius-sm);min-width:0;gap:4px;overflow:hidden}.role-select .custom-select-value{font-size:11.5px}.role-select .custom-select-chevron{width:11px;height:11px;flex-shrink:0}.role-select .custom-select-dropdown{right:0;left:auto;width:130px;min-width:0;border-radius:var(--radius-sm)}.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{display:flex;align-items:center;gap:6px;flex-shrink:0}.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: #eef0f6;--bg-layer1: #f6f7fb;--bg-layer2: #ffffff;--bg-elevated: #ffffff;--text-primary: #0f1222;--text-secondary: #4b5070;--text-muted: #8089a8;--glass-bg: rgba(255,255,255,.72);--glass-bg-strong: rgba(255,255,255,.92);--glass-border: rgba(20,28,60,.08);--glass-hover: rgba(20,28,60,.045);--glass-active: rgba(20,28,60,.085);--glass-shadow: 0 12px 40px rgba(20,28,60,.1), 0 2px 8px rgba(20,28,60,.06);--glass-blur: blur(22px) saturate(180%);--accent: #5b54e8;--accent-light: #7a73ff;--accent-glow: rgba(91,84,232,.18);--danger: #e23656;--success: #18a86b;--warning: #e58721;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%,rgba(91,84,232,.1) 0%,transparent 60%),radial-gradient(ellipse 55% 65% at 90% 100%,rgba(0,170,255,.08) 0%,transparent 65%),radial-gradient(ellipse 80% 40% at 50% 50%,rgba(255,170,90,.04) 0%,transparent 80%),var(--bg-base)}[data-theme=light] .sidebar,[data-theme=light] .channels-panel,[data-theme=light] .members-panel{background:#ffffff8c;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-color:var(--glass-border);box-shadow:inset 0 1px #fff9}[data-theme=light] .messages-area{background:linear-gradient(180deg,#fff6,#f6f7fbcc)}[data-theme=light] .chat-header,[data-theme=light] .channel-header{background:#ffffffa6;border-bottom:1px solid var(--glass-border)}[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{background:linear-gradient(135deg,#5b54e824,#5b54e80f);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=light] .composer-glass{background:transparent;border:none;border-top:1px solid var(--glass-border);box-shadow:none}[data-theme=light] .composer-glass:focus-within{border-top-color:#5b54e84d;box-shadow:none}[data-theme=light] .composer-input{color:var(--text-primary);background:transparent;caret-color:var(--accent)}[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] .message:hover{background:#5b54e80a}[data-theme=light] .modal-backdrop{background:#141c3c4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .glass-modal{background:linear-gradient(180deg,#fffffff5,#f8f9fdfa);border:1px solid var(--glass-border);box-shadow:0 32px 80px #141c3c2e,0 8px 24px #141c3c14,inset 0 1px #fff}[data-theme=light] .modal-header{border-bottom-color:var(--glass-border)}[data-theme=light] .modal-footer{border-top-color:var(--glass-border);background:transparent}[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){background:#ffffffd9;border:1px solid rgba(20,28,60,.12);color:var(--text-primary);box-shadow:inset 0 1px #fff9}[data-theme=light] .glass-input:focus,[data-theme=light] .textarea:focus,[data-theme=light] input:focus,[data-theme=light] textarea:not(.composer-input):not(.msg-edit-input):focus{border-color:#5b54e88c;box-shadow:0 0 0 3px #5b54e824}[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 #5b54e84d,inset 0 1px #ffffff2e}[data-theme=light] .btn-primary:hover:not(:disabled){background:var(--accent-light);box-shadow:0 8px 22px #5b54e85c,inset 0 1px #ffffff38}[data-theme=light] .btn-secondary,[data-theme=light] .btn-secondary-sm{background:#5b54e81a;color:var(--accent);border:1px solid rgba(91,84,232,.2)}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-secondary-sm:hover{background:#5b54e82e}[data-theme=light] .btn-ghost,[data-theme=light] .btn-ghost-sm{background:transparent;color:var(--text-secondary)}[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:#5b54e833}[data-theme=light] .reaction-chip{background:#ffffffd9;border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:0 1px 2px #141c3c0a}[data-theme=light] .reaction-chip:hover{background:#fff;color:var(--text-primary)}[data-theme=light] .reaction-chip.mine{background:#5b54e81f;border-color:#5b54e84d;color:var(--accent)}[data-theme=light] .toast{background:#fffffff2;border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 12px 32px #141c3c29}[data-theme=light] .user-hover-card{background:#fffffff5;border:1px solid var(--glass-border);box-shadow:0 24px 60px #141c3c33}[data-theme=light] .uhc2{background:#fffffff7;box-shadow:0 20px 60px #141c3c38}[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,[data-theme=light] .channel-list::-webkit-scrollbar-thumb,[data-theme=light] .modal-body::-webkit-scrollbar-thumb,[data-theme=light] .pinned-list::-webkit-scrollbar-thumb,[data-theme=light] .result-list::-webkit-scrollbar-thumb{background:#141c3c29;transition:background .4s ease}[data-theme=light] .messages-area::-webkit-scrollbar-thumb{background:transparent;transition:background 1s ease}[data-theme=light] .messages-area.is-scrolling::-webkit-scrollbar-thumb{background:#141c3c47;transition:background .1s ease}[data-theme=light] .modal-body::-webkit-scrollbar-thumb:hover,[data-theme=light] .messages-area.is-scrolling::-webkit-scrollbar-thumb:hover{background:#141c3c47}[data-theme=light] .join-mode-card{background:#fff9;border-color:var(--glass-border)}[data-theme=light] .join-mode-card:hover{background:#ffffffe6}[data-theme=light] .join-mode-card.selected{background:linear-gradient(135deg,#5b54e81f,#5b54e80a);border-color:#5b54e873;box-shadow:0 0 0 1px #5b54e82e,0 8px 24px #5b54e82e}[data-theme=light] .join-mode-card .jm-icon{background:#5b54e81a}[data-theme=light] .user-badge{background:#141c3c0f;color:var(--text-primary);border-color:#141c3c1a}[data-theme=light] .user-badge.tone-gold{background:#ffaa0029;color:#b87800;border-color:#ffaa004d}[data-theme=light] .user-badge.tone-mint{background:#14b48224;color:#0f7d56;border-color:#14b4824d}[data-theme=light] .user-badge.tone-sky{background:#0096dc24;color:#0c6e9c;border-color:#0096dc4d}[data-theme=light] .user-badge.tone-violet{background:#8c50c824;color:#6d3aa3;border-color:#8c50c84d}[data-theme=light] .user-badge.tone-amber{background:#dc781e24;color:#a85a10;border-color:#dc781e4d}[data-theme=light] .user-badge.tone-pink{background:#dc3c8c24;color:#a02968;border-color:#dc3c8c4d}[data-theme=light] .user-badge.tone-rose{background:#dc323c24;color:#a82030;border-color:#dc323c4d}[data-theme=light] .user-badge.tone-neutral{background:#5050781f;color:#505088;border-color:#50507840}[data-theme=light] .user-badge.tone-age{background:#00aaaa24;color:#006b6b;border-color:#00aaaa4d}[data-theme=light] .style-pop{background:#fffffff5;border:1px solid var(--glass-border);box-shadow:0 24px 60px #141c3c33}[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:#5b54e80a;border-color:#5b54e838}[data-theme=light] .ch-banner-empty{color:var(--text-secondary)}[data-theme=light] .ch-banner-actions,[data-theme=light] .ch-icon-actions{background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);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:#5b54e80f;border-color:#5b54e833}[data-theme=light] .credit-banner{background:linear-gradient(135deg,#5b54e81a,#dc3c8c0f);border:1px solid rgba(91,84,232,.22)}[data-theme=light] .theme-option{background:#ffffffb3;border-color:var(--glass-border);color:var(--text-secondary)}[data-theme=light] .theme-option.selected{background:linear-gradient(135deg,#5b54e81f,#5b54e80a);border-color:#5b54e873;color:var(--text-primary);box-shadow:0 8px 24px #5b54e833}[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)}.join-mode-card.selected .jm-icon{background:#6c63ff2e}.user-badge-row{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.user-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent;background:var(--glass-hover);color:var(--text-primary);cursor:help}.user-badge.size-sm{font-size:9px;padding:1px 5px;gap:2px}.user-badge.size-lg{font-size:13px;padding:4px 10px}.user-badge .badge-icon{font-size:1.1em;line-height:1}.user-badge.tone-gold{background:#ffc1072e;color:#ffd54f;border-color:#ffc1074d}.user-badge.tone-mint{background:#2ed59a2e;color:#6be3b8;border-color:#2ed59a4d}.user-badge.tone-sky{background:#00b0f42e;color:#6cd2ff;border-color:#00b0f44d}.user-badge.tone-violet{background:#9b59b62e;color:#d2a3ff;border-color:#9b59b64d}.user-badge.tone-amber{background:#ff8c002e;color:#ffc46b;border-color:#ff8c004d}.user-badge.tone-pink{background:#eb459e2e;color:#ff8acb;border-color:#eb459e4d}.user-badge.tone-rose{background:#ff505a2e;color:#ff9090;border-color:#ff505a4d}.user-badge.tone-neutral{background:#7878a02e;color:#aac;border-color:#7878a04d}.user-badge.tone-rainbow{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#b06ab3);background-size:200% 200%;color:#fff;border-color:#fff3;animation:rainbow-pan 6s ease infinite}@keyframes rainbow-pan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.user-badge-more{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--glass-hover);color:var(--text-muted)}.badge-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.up-all-badges{padding:4px 0}.up-all-badges .user-badge-row{flex-wrap:wrap;gap:6px}.badge-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);transition:transform var(--transition),border-color var(--transition)}.badge-card:hover{transform:translateY(-2px);border-color:#6c63ff66}.badge-card.locked{opacity:.4;filter:grayscale(.6)}.badge-card-icon{font-size:26px;flex-shrink:0}.badge-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.badge-card-label{font-weight:600;color:var(--text-primary);font-size:var(--fs-sm)}.badge-card-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.35}.credit-banner{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6c63ff2e,#eb459e1a);border:1px solid rgba(108,99,255,.3)}.credit-banner-info{display:flex;flex-direction:column}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.active-badge-slot{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);border:1.5px dashed var(--glass-border);background:var(--glass-bg);transition:border-color .18s,background .18s}.active-badge-slot.filled{border-style:solid;border-color:#6c63ff59;background:#6c63ff12}.active-badge-empty{font-size:12px;color:var(--text-muted);flex:1;text-align:center}.active-badge-slot-label{font-size:12px;font-weight:600;color:var(--text-primary);flex:1}.active-badge-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ff4d6d26;color:#ff6b6b;border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.active-badge-remove:hover{background:#ff4d6d4d}.badge-shop-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.badge-shop-cat{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .15s}.badge-shop-cat:hover{background:var(--glass-hover);color:var(--text-primary)}.badge-shop-cat.active{background:#6c63ff33;border-color:#6c63ff80;color:#fff}.badge-shop-grid,.earned-badge-grid{display:flex;flex-direction:column;gap:8px}.shop-badge-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);transition:border-color .15s,background .15s}.shop-badge-card.owned{border-color:#6c63ff40}.shop-badge-card.active-badge{background:#6c63ff1a;border-color:#6c63ff73;box-shadow:0 0 12px -4px #6c63ff4d}.shop-badge-icon{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.shop-badge-icon.tone-gold{background:#ffc1072e;color:#ffd54f;border-color:#ffc1074d}.shop-badge-icon.tone-mint{background:#2ed59a2e;color:#6be3b8;border-color:#2ed59a4d}.shop-badge-icon.tone-sky{background:#00b0f42e;color:#6cd2ff;border-color:#00b0f44d}.shop-badge-icon.tone-violet{background:#9b59b62e;color:#d2a3ff;border-color:#9b59b64d}.shop-badge-icon.tone-amber{background:#ff8c002e;color:#ffc46b;border-color:#ff8c004d}.shop-badge-icon.tone-pink{background:#eb459e2e;color:#ff8acb;border-color:#eb459e4d}.shop-badge-icon.tone-rose{background:#ff505a2e;color:#ff9090;border-color:#ff505a4d}.shop-badge-icon.tone-neutral{background:#7878a02e;color:#aac;border-color:#7878a04d}.shop-badge-icon.tone-rainbow{background:linear-gradient(135deg,#ff6b6b4d,#ffd93d4d,#6bcb774d,#4d96ff4d);color:#fff;border-color:#ffffff2e}.shop-badge-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shop-badge-label{font-size:13px;font-weight:600;color:var(--text-primary)}.shop-badge-desc{font-size:11px;color:var(--text-muted)}.shop-badge-action{flex-shrink:0}.badge-buy-btn,.badge-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.badge-buy-btn{background:#6c63ff33;color:var(--accent-light);border:1px solid rgba(108,99,255,.35)}.badge-buy-btn:hover:not(:disabled){background:#6c63ff59}.badge-buy-btn:disabled{opacity:.4;cursor:not-allowed}.badge-toggle-btn{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--glass-border)}.badge-toggle-btn:hover:not(:disabled){background:#ffffff1f;color:var(--text-primary)}.badge-toggle-btn.is-active{background:#4bc47f2e;color:#6be3b8;border-color:#4bc47f59}.badge-toggle-btn.is-active:hover:not(:disabled){background:#ff505a2e;color:#ff9090;border-color:#ff505a4d}.badge-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.age-badge-picker{display:flex;flex-direction:column;gap:14px}.age-badge-hint{font-size:13px;color:var(--text-secondary)}.age-input-row{display:flex;gap:10px;align-items:center}.age-badge-input{flex:1;max-width:180px}.owned-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.owned-age-badge-row{display:flex;gap:6px;flex-wrap:wrap}.age-badge-chip{position:relative;display:inline-flex;align-items:center;padding:2px;border-radius:999px;background:transparent;border:1.5px solid var(--glass-border);cursor:pointer;transition:border-color .15s}.age-badge-chip.active{border-color:#4bc47f8c}.age-badge-chip:disabled{opacity:.4;cursor:not-allowed}.age-chip-check{position:absolute;top:-4px;right:-4px;background:#4bc47f;color:#000;border-radius:50%;padding:1px}.user-badge.tone-age{background:#00c8c826;color:#7ef0f0;border-color:#00c8c84d;font-variant-numeric:tabular-nums}.badge-age-num{font-size:inherit;font-weight:800;line-height:1}.badge-tooltip-content{display:flex;flex-direction:column;gap:2px}.badge-tooltip-content strong{font-size:12px;font-weight:700}.badge-tooltip-desc{font-size:11px;opacity:.78}.user-badge.tone-role-owner{background:linear-gradient(135deg,gold,#ff6ec7,#7873ff,#4ddbff);background-size:300% 300%;color:#fff;border-color:#ffffff4d;animation:role-owner-pan 5s ease infinite;font-weight:700;box-shadow:0 0 8px #ffd70073,0 0 16px #7873ff4d}@keyframes role-owner-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.user-badge.tone-role-admin{background:#ffc10738;color:#ffd54f;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{background:#fa03;color:#8c5a00;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:#5b54e812}[data-theme=light] .shop-badge-card{background:#00000005}[data-theme=light] .shop-badge-card.active-badge{background:#5b54e814}[data-theme=light] .badge-shop-cat{background:#00000008}[data-theme=light] .badge-shop-cat.active{background:#5b54e826;color:var(--text-primary)}.theme-picker{display:flex;gap:10px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:border-color var(--transition),background var(--transition),color var(--transition)}.theme-option:hover{border-color:#6c63ff4d}.theme-option.selected{background:linear-gradient(135deg,#6c63ff26,#6c63ff0d);border-color:#6c63ff8c;color:var(--text-primary);box-shadow:0 0 24px -8px #6c63ff80}.theme-option-icon{font-size:28px}.theme-option-label{font-size:var(--fs-sm);font-weight:600}.pref-toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer}.pref-toggle-info{flex:1}.pref-toggle-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.pref-toggle-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.pref-toggle-input{width:36px;height:20px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.ptt-key-row{display:flex;align-items:center;gap:10px;padding:4px 0 10px}.ptt-key-label{font-size:13px;color:var(--text-muted)}.ptt-key-bind{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 14px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;font-size:13px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;letter-spacing:.02em}.ptt-key-bind:hover{background:#6c63ff26;border-color:#6c63ff66}.ptt-key-bind.recording{background:#6c63ff38;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--accent-light);animation:ptt-pulse 1s ease-in-out infinite}@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{font-size:11px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s}.ptt-key-reset:hover{color:var(--text-secondary);background:#ffffff0f}.composer-style-wrap{position:relative;display:flex;align-items:center}.composer-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:background var(--transition),color var(--transition),transform var(--transition)}.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{position:absolute;bottom:calc(100% + 12px);right:0;width:320px;background:var(--glass-bg-strong, rgba(20,20,30,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:8px;box-shadow:0 20px 60px #00000080;z-index:100;animation:style-pop-in .18s ease-out}@keyframes style-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.style-pop-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 10px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);margin-bottom:6px}.style-pop-credits{color:#9e75f0;font-weight:700;letter-spacing:0}.style-pop-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;color:var(--text-primary);transition:background var(--transition),border-color var(--transition)}.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{width:36px;height:36px;display:grid;place-items:center;font-size:18px;border-radius:10px;background:var(--glass-hover);flex-shrink:0}.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:1;min-width:0;display:flex;flex-direction:column;gap:2px}.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);font-weight:700;color:var(--text-muted);white-space:nowrap}.style-pop-item.selected .style-pop-cost{color:hsl(var(--glow-hue, 260) 80% 70%)}.style-pop-hue{display:flex;flex-direction:column;gap:6px;padding:10px;border-top:1px solid var(--glass-border);margin-top:4px}.style-pop-hue input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background:linear-gradient(to right,#eb4747,#eb9947,#ebeb47,#99eb47,#47eb47,#47eb99,#47ebeb,#4799eb,#4747eb,#9947eb,#eb47eb,#eb4799,#eb4747);cursor:pointer}.style-pop-hue input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #00000059;cursor:pointer}.style-pop-hue input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);cursor:pointer}.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{position:relative;isolation:isolate}.message.msg-style-glow .msg-content,.message.msg-style-gradient .msg-content,.message.msg-style-starlight .msg-content{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;display:block!important}.message.msg-style-glow{background:hsla(var(--glow-hue, 260),70%,62%,.06);animation:row-glow 3.5s ease-in-out infinite}@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:row-gradient-pan 7s ease infinite}@keyframes row-gradient-pan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.message.msg-style-starlight{background:hsla(var(--glow-hue, 260),70%,62%,.05);animation:row-starlight-border 4.5s ease-in-out infinite}@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:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:row-shimmer 4.5s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes row-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.uhc-badges{margin:4px 0 6px}.add-friend-bar{display:flex;gap:8px;align-items:center}.add-friend-bar input{flex:1}.invite-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin:12px 4px 6px}.invite-list{display:flex;flex-direction:column;gap:4px}.invite-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid transparent;transition:background var(--transition),border-color var(--transition)}.invite-row:hover{background:var(--glass-hover);border-color:var(--glass-border)}.invite-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.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{display:flex;flex-direction:column}.up-banner{height:120px;width:100%;position:relative;background:linear-gradient(135deg,var(--accent),#1a1a26)}.up-close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#0006;color:#ffffffd9;cursor:pointer;padding:0;transition:background .15s,color .15s;z-index:10}.up-close-btn:hover{background:#000000a6;color:#fff}.up-avatar-wrap{position:relative;margin:-54px 0 0 24px;width:112px;align-self:flex-start}.up-avatar-ring{position:relative;display:inline-block;padding:4px;border-radius:50%;background:var(--bg-elevated, #15161e);box-shadow:0 8px 24px #0000004d}[data-theme=light] .up-avatar-ring{background:#fff;box-shadow:0 10px 28px #141c3c2e}.up-status-dot{position:absolute;bottom:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);border:3px solid var(--bg-elevated, #15161e)}[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{padding:14px 24px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 220px);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.up-loading{display:grid;place-items:center;padding:60px 0}.up-headline{display:flex;flex-direction:column;gap:4px}.up-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.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{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.up-btn-icon{display:inline-flex;align-items:center;margin-right:6px;vertical-align:middle}.up-status-line{display:flex;flex-wrap:wrap;gap:6px}.up-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);padding:4px 10px;border-radius:999px;background:var(--glass-hover);color:var(--text-secondary);font-weight:600}.up-status-pill.online{background:#2dce8926;color:var(--success)}.up-status-pill.offline{background:var(--glass-hover);color:var(--text-muted)}.up-status-pill.friend{background:#5b54e826;color:var(--accent)}.up-status-pill.pending{background:#f4a2612e;color:var(--warning)}.up-status-pill.requested{background:var(--glass-hover);color:var(--text-secondary)}.up-bio{margin:0;font-size:var(--fs-base);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.up-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.up-meta-item{padding:10px 12px;background:var(--glass-hover);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.up-meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:4px}.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{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--glass-bg, rgba(255,255,255,.04));border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modal-in .16s ease}[data-theme=light] .up-gift-panel{background:#ffffffb3;border-color:#00000017}.up-gift-header{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.up-gift-header strong{color:var(--text-primary)}.up-gift-credits{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#5b54e824;color:var(--accent-light, #818cf8);font-size:var(--fs-xs);font-weight:700;border:1px solid rgba(91,84,232,.22)}.up-gift-tabs{display:flex;gap:4px;background:var(--glass-hover);padding:3px;border-radius:var(--radius-md)}.up-gift-tab{flex:1;padding:6px 10px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;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, #818cf8);box-shadow:0 1px 6px #00000040}[data-theme=light] .up-gift-tab.active{background:#fff;color:var(--accent);box-shadow:0 1px 6px #0000001a}.up-gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;padding-right:2px}.up-gift-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:var(--radius-md);background:var(--glass-hover);border:1px solid var(--glass-border);transition:border-color .15s,background .15s,transform .1s}.up-gift-item:hover{border-color:var(--accent);background:#5b54e814;transform:translateY(-1px)}.up-gift-preview{width:100%;height:44px;border-radius:calc(var(--radius-md) - 2px);box-shadow:0 2px 8px #00000047;flex-shrink:0}.up-gift-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2}.up-gift-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:4px 10px;border-radius:999px;border:1px solid rgba(91,84,232,.35);background:#5b54e821;color:var(--accent-light, #818cf8);font-size:11px;font-weight:700;cursor:pointer;transition:background .14s,border-color .14s,opacity .14s;white-space:nowrap}.up-gift-btn:hover:not(:disabled){background:#5b54e842;border-color:var(--accent)}.up-gift-btn:disabled{opacity:.38;cursor:not-allowed}.up-gift-msg{padding:8px 12px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;text-align:center;animation:modal-in .15s ease}.up-gift-msg.ok{background:#2dce8924;color:var(--success);border:1px solid rgba(45,206,137,.25)}.up-gift-msg.err{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.22)}.gm-credits-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-input);font-size:13px}.gm-credits-label{color:var(--text-muted);flex:1}.gm-credits-pill{font-weight:700;color:var(--accent);background:var(--accent-muted);padding:2px 10px;border-radius:999px;font-size:13px}.gm-content{margin-top:12px;min-height:120px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gm-grid{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.gm-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;min-width:80px;border-radius:10px;border:2px solid var(--border);background:var(--bg-input);cursor:pointer;transition:border-color .15s,background .15s,transform .12s;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{display:flex;align-items:center;justify-content:center;width:56px;height:56px}.gm-frame-preview-wrap{display:flex;align-items:center;justify-content:center;pointer-events:none}.gm-gradient-preview{width:48px;height:32px;border-radius:6px}.gm-frame-icon{font-size:26px}.gm-card-label{font-size:10px;color:var(--text-muted);text-align:center;max-width:76px;line-height:1.3}.gm-card-cost{font-size:11px;font-weight:700;color:var(--text-primary)}.gm-card-badge{position:absolute;top:2px;right:3px;font-size:8px;color:var(--accent);font-weight:600;background:var(--accent-muted);padding:1px 4px;border-radius:4px}.gm-feature-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;border:2px solid var(--border);background:var(--bg-input)}.gm-feature-icon{color:var(--accent);flex-shrink:0}.gm-feature-info{flex:1}.gm-feature-title{font-weight:700;font-size:15px;margin-bottom:4px}.gm-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.gm-feature-warn{font-size:12px;color:var(--text-danger);margin-top:6px}.gm-feature-cost{font-size:15px;font-weight:800;color:var(--accent);white-space:nowrap}.gm-slot-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}.gm-slot-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:2px solid var(--border);background:var(--bg-input);cursor:pointer;transition:border-color .15s,background .15s}.gm-slot-row:hover:not(.disabled){border-color:var(--accent);background:var(--accent-muted)}.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{flex:1;font-weight:600;font-size:13px;text-align:left}.gm-slot-cost{font-weight:700;font-size:13px;white-space:nowrap}.gm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.gm-footer-summary{font-size:12px;color:var(--text-muted);margin:0;flex:1}.gm-footer-summary strong{color:var(--text-primary)}.gm-footer-actions{display:flex;gap:8px;flex-shrink:0}.mention-pill{-webkit-user-select:none;user-select:none;transition:background var(--transition)}.mention-pill:hover{filter:brightness(1.1)}.channel-header.has-banner{height:96px;align-items:stretch;overflow:hidden}.channel-header.has-banner .ch-header-main{align-items:flex-end;padding-bottom:12px}.channel-header.has-banner .ch-header-avatar{width:56px;height:56px;border:2px solid var(--bg-base);box-shadow:0 4px 12px #00000073;font-size:28px;margin-bottom:-8px}.channel-header.has-banner .ch-header-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.channel-header.has-banner .ch-header-meta{color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.55)}.channel-header.has-banner .ch-header-meta-desc{border-left-color:#ffffff40;color:#ffffffc7}.ch-header-banner{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}.ch-header-banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#0000008c);z-index:1}.ch-header-icon-img{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid var(--glass-border, rgba(255,255,255,.18));background:var(--bg-subtle, rgba(255,255,255,.06))}.ch-icon-img{width:22px;height:22px;border-radius:6px;object-fit:cover;flex-shrink:0}.ch-banner-edit{display:flex;flex-direction:column;gap:14px}.ch-banner-preview{position:relative;width:100%;aspect-ratio:6 / 1;min-height:96px;border-radius:12px;background-color:var(--bg-subtle, rgba(255,255,255,.05));background-position:center;background-size:cover;border:1px dashed var(--glass-border, rgba(255,255,255,.15));display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;overflow:hidden}.ch-banner-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-muted);font-size:13px;pointer-events:none}.ch-banner-actions,.ch-icon-actions{display:inline-flex;gap:8px;background:#00000059;padding:6px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ch-icon-edit{display:flex;align-items:center;gap:14px}.ch-icon-upload-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ch-icon-click-target{position:relative;display:inline-block;cursor:pointer;border-radius:14px;flex-shrink:0}.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{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;opacity:0;transition:opacity .18s;pointer-events:none}.ch-icon-click-target:hover .ch-icon-camera-overlay,.ch-icon-click-target.loading .ch-icon-camera-overlay{opacity:1}.ch-icon-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px}.ch-icon-remove-link{background:none;border:none;cursor:pointer;color:var(--danger);font-size:11px;padding:0;opacity:.7;transition:opacity .14s}.ch-icon-remove-link:hover{opacity:1}.ch-icon-remove-link:disabled{opacity:.35;cursor:not-allowed}.ch-icon-preview{width:64px;height:64px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--bg-subtle, rgba(255,255,255,.08));border:1px solid var(--glass-border, rgba(255,255,255,.15));font-size:28px;flex-shrink:0}.ch-icon-preview img{width:100%;height:100%;object-fit:cover}.badge-gold{background:linear-gradient(135deg,#ffc40038,#ffa0002e);color:#ffd166;border:1px solid rgba(255,196,0,.35)}.badge-amber{background:#ff9f1c2e;color:#ffba6b;border:1px solid rgba(255,159,28,.32)}.badge-rose{background:#ff4d6d2e;color:#ff89a3;border:1px solid rgba(255,77,109,.32)}.badge-rainbow{background:linear-gradient(135deg,#ff6ec7,#7873ff,#4ddbff 70%,#5ee9b5);background-size:200% 200%;color:#fff;border:1px solid rgba(255,255,255,.25);animation:rainbow-pan 6s linear infinite;font-weight:700}.ch-status-pill{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle}.ch-status-locked{background:#ff9f1c2e;color:#ffba6b;border:1px solid rgba(255,159,28,.35)}.ch-status-closed{background:#ff4d6d33;color:#ff89a3;border:1px solid rgba(255,77,109,.4)}.ch-status-premium{background:linear-gradient(135deg,#ffc40038,#ffa0002e);color:#ffd166;border:1px solid rgba(255,196,0,.35)}.ch-owner-info{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--glass-hover, rgba(255,255,255,.05));border:1px solid var(--glass-border, rgba(255,255,255,.1))}.ch-owner-info-text{display:flex;flex-direction:column;line-height:1.25}.ch-owner-info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ch-owner-info-name{font-weight:600;color:var(--text-primary)}.ch-lock-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;background:var(--glass-hover, rgba(255,255,255,.05));border:1px solid var(--glass-border, rgba(255,255,255,.1))}.ch-lock-text{display:flex;flex-direction:column;flex:1;min-width:0}.ch-lock-status{font-weight:600;color:var(--text-primary)}.ch-lock-reason{font-size:12px;color:var(--text-secondary)}.ch-closed-warning{margin-top:8px;padding:8px 12px;border-radius:8px;background:#ff4d6d1a;color:#ff89a3;font-size:13px;border:1px solid rgba(255,77,109,.3)}.user-row-mute-meta{color:#ffba6b}.admin-shield-btn{color:#ffd166}.admin-shield-btn:hover{color:#ffe39a}.admin-search-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-search-row>:first-child{flex:1;min-width:140px}.admin-sort-btns{display:flex;gap:4px}.admin-sort-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.admin-sort-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.admin-sort-btn.active{background:var(--accent-dim, hsla(260,80%,60%,.18));color:var(--accent);border-color:var(--accent)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0 2px}.admin-page-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.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{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.channel-code-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;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}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:4px 0}.admin-stat-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--glass-hover, rgba(255,255,255,.05));border:1px solid var(--glass-border, rgba(255,255,255,.1))}.admin-stat-num{font-size:28px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.admin-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}html,body,#root{height:100%;overflow:hidden}#root{display:flex;flex-direction:column}.app-content{flex:1;min-height:0;overflow:hidden}.titlebar{display:flex;align-items:center;height:36px;padding:0 8px 0 14px;background:#0a0a10eb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);flex-shrink:0;position:relative;z-index:9999;-webkit-app-region:drag}[data-theme=light] .titlebar{background:#fffffff7;border-bottom-color:var(--glass-border)}.titlebar-drag{display:flex;align-items:center;gap:8px;flex:1;min-width:0;-webkit-app-region:drag}.titlebar-icon{font-size:15px}.titlebar-icon-img{width:18px;height:18px;border-radius:5px;object-fit:cover;flex-shrink:0}.titlebar-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.titlebar-controls{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag;flex-shrink:0}.titlebar-btn{display:flex;align-items:center;justify-content:center;width:38px;height:30px;border-radius:6px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-app-region:no-drag}.titlebar-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.titlebar-btn-close:hover{background:#ff4d6d33;color:var(--danger)}.img-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#040408e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;animation:backdrop-in .18s ease}.img-viewer-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#0e0e14d9;border-bottom:1px solid var(--glass-border);flex-shrink:0;-webkit-app-region:drag}.img-viewer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;transition:background .15s,color .15s;-webkit-app-region:no-drag}.img-viewer-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.img-viewer-close{margin-left:auto}.img-viewer-close:hover{background:#ff4d6d2e;color:var(--danger)}.img-viewer-scale{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.img-viewer-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-out}.img-viewer-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 32px 80px #0009;transition:transform .2s ease;-webkit-user-select:none;user-select:none;cursor:default}.app-toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99998;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.app-toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px #0006;pointer-events:all;cursor:pointer;white-space:normal;max-width:440px}.app-toast-icon{display:flex;flex-shrink:0}.app-toast-msg{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.app-toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:inherit;opacity:.6;transition:opacity .15s;flex-shrink:0}.app-toast-close:hover{opacity:1}.app-toast-info{background:#161622f0;border:1px solid var(--glass-border);color:var(--text-primary)}.app-toast-success{background:#0b2d20f0;border:1px solid rgba(45,206,137,.35);color:#5cefb0}.app-toast-error{background:#280a14f0;border:1px solid rgba(255,77,109,.35);color:#ff9aaa}.app-toast-warning{background:#281e0af0;border:1px solid rgba(244,162,97,.4);color:#ffc97a}[data-theme=light] .app-toast-info{background:#fffffff2;border-color:var(--glass-border);color:var(--text-primary)}[data-theme=light] .app-toast-success{background:#e6fff5f2;border-color:#18a86b59;color:#0f7d56}[data-theme=light] .app-toast-error{background:#ffebf0f2;border-color:#e2365659;color:#c02040}[data-theme=light] .app-toast-warning{background:#fff7ebf2;border-color:#e5872159;color:#9a5c00}.ch-capacity-card{background:var(--glass-hover, rgba(255,255,255,.05));border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ch-capacity-card.is-premium{background:linear-gradient(135deg,#ffc4001f,#ff8c000f);border-color:#ffc40059}.ch-capacity-header{display:flex;justify-content:space-between;align-items:center}.ch-capacity-title{font-size:13px;font-weight:700;color:var(--text-primary)}.ch-capacity-card.is-premium .ch-capacity-title{color:#ffd166}.ch-capacity-num{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.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{font-size:12px;color:var(--text-muted);line-height:1.45}.ch-capacity-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.ch-capacity-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .3s ease}.mp-capacity{margin:12px;padding:12px 13px 11px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6c63ff1f,#00b4ff0d);border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.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{display:flex;align-items:center;justify-content:space-between}.mp-capacity-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mp-capacity.is-premium .mp-capacity-label{color:#ffd166}.mp-capacity-num{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.mp-capacity-sep{color:var(--text-muted);margin:0 2px;font-weight:500}.mp-capacity-bar{height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.mp-capacity-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .3s ease}.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{font-size:11.5px;color:var(--text-muted);line-height:1.45}.mp-capacity-spent{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--warning);background:#ff9f1c1f;border:1px solid rgba(255,159,28,.25);padding:3px 7px;border-radius:999px;align-self:flex-start}.mp-capacity-tip{font-size:11px;color:var(--text-secondary);padding:6px 8px;background:#ffffff0a;border-radius:var(--radius-sm);border-left:2px solid var(--accent)}[data-theme=light] .mp-capacity{background:linear-gradient(135deg,#5b54e81a,#00b4ff0a);border-color:var(--glass-border)}[data-theme=light] .mp-capacity.is-premium{background:linear-gradient(135deg,#ffc40029,#ff8c0014)}[data-theme=light] .mp-capacity-label{color:var(--text-secondary)}[data-theme=light] .mp-capacity.is-premium .mp-capacity-label{color:#a87000}[data-theme=light] .mp-capacity-num{color:var(--text-primary)}[data-theme=light] .mp-capacity-hint{color:var(--text-secondary)}[data-theme=light] .mp-capacity-tip{background:#5b54e80f;color:var(--text-secondary)}.channel-tiles{padding:10px 10px 6px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:38vh;flex-shrink:0}.channel-tiles::-webkit-scrollbar{width:4px}.channel-tiles::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.channel-tile{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;background:#ffffff05;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease;min-height:48px}.channel-tile:hover{background:#ffffff0d;border-color:var(--glass-border)}.channel-tile.active{background:linear-gradient(135deg,#5b54e833,#5b54e814);border-color:#5b54e873;box-shadow:0 4px 14px #5b54e82e}.channel-tile.unjoined{opacity:.78}.channel-tile-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.channel-tile-icon img{width:100%;height:100%;object-fit:cover}.channel-tile-emoji{font-size:18px;line-height:1}.channel-tile-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.channel-tile-settings{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;opacity:0;transition:opacity .15s ease,background .15s ease}.channel-tile:hover .channel-tile-settings{opacity:1}.channel-tile-settings:hover{background:#ffffff14;color:var(--text-primary)}.channel-tile-join-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-primary)}.sidebar-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:12px 16px 6px;border-top:1px solid var(--glass-border);margin-top:6px}.dm-list{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px;min-height:0}.channel-view{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-primary)}.channel-cover{position:relative;padding:36px 40px 28px;border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#5b54e82e,#5b54e80a);overflow:hidden}.channel-cover.has-banner{background-size:cover;background-position:center;min-height:220px;color:#fff}.channel-cover-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000008c);pointer-events:none}.channel-cover>*{position:relative;z-index:1}.channel-cover-icon{width:72px;height:72px;border-radius:18px;background:#ffffff0f;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:14px;overflow:hidden}.channel-cover-icon img{width:100%;height:100%;object-fit:cover}.channel-cover-name{font-size:26px;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.channel-cover.has-banner .channel-cover-name{color:#fff}.channel-cover-desc{font-size:14px;color:var(--text-secondary);margin:0 0 14px;max-width:720px;line-height:1.5}.channel-cover.has-banner .channel-cover-desc{color:#ffffffd9}.channel-cover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;color:var(--text-muted);margin-bottom:16px}.channel-cover-meta-item{display:inline-flex;align-items:center;gap:5px}.channel-cover.has-banner .channel-cover-meta{color:#ffffffc7}.ch-premium-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#ffc40033,#ff8c001a);color:#ffd54f;border:1px solid rgba(255,196,0,.35);font-weight:700}.channel-cover-actions{display:flex;gap:10px;flex-wrap:wrap}.rooms-section{padding:24px 40px 40px}.rooms-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rooms-section-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.rooms-loading,.rooms-empty{display:flex;align-items:center;justify-content:center;padding:48px 12px;color:var(--text-muted);font-size:13px;border:1px dashed var(--glass-border);border-radius:12px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.room-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:14px;border-radius:14px;background:#ffffff08;border:1px solid var(--glass-border);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;color:var(--text-primary);min-height:110px}.room-card:hover{background:#5b54e81a;border-color:#5b54e866;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.room-card.is-live{border-color:#4bc47f73;background:linear-gradient(135deg,#4bc47f1a,#4bc47f05)}.room-card-icon{font-size:20px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--glass-border);flex-shrink:0}.room-card-body{width:100%}.room-card-name{font-size:15px;font-weight:700;margin-bottom:2px}.room-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);margin-top:8px}.room-card-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4bc47f;box-shadow:0 0 6px #4bc47f99}.room-header{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-shrink:0}.room-back-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.room-back-btn:hover{background:#ffffff0f;color:var(--text-primary)}.room-icon{font-size:16px;color:var(--text-muted);margin-left:2px}.room-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-header-edit{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.room-edit-name{font-size:14px;font-weight:700;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);padding:3px 8px;width:130px;outline:none}.room-edit-desc{font-size:12px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);padding:3px 8px;flex:1;min-width:0;outline:none}.room-edit-name:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6c63ff33}.room-edit-desc:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6c63ff1a}.room-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.room-desc{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header-actions{display:flex;gap:4px;align-items:center}.room-mic-btn,.room-share-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.room-mic-btn:hover,.room-share-btn:hover{background:#ffffff0f;color:var(--text-primary)}.room-mic-btn.is-on{background:#4bc47f26;border-color:#4bc47f73;color:#4bc47f}.room-mic-btn.is-muted{background:#ff50501a;border-color:#ff505059;color:#ff8080}.room-share-btn.is-on{background:#5b54e82e;border-color:#5b54e873;color:#a4a0ff}.self-share-banner{padding:8px 18px;font-size:12px;background:#5b54e81a;border-bottom:1px solid rgba(91,84,232,.2);color:#c9c5ff;display:flex;align-items:center;gap:8px}.screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;padding:8px 14px;background:#0003;border-bottom:1px solid var(--glass-border)}.room-members-panel{display:flex;flex-direction:column}.room-members-panel .member-panel-section{padding:10px 14px}.room-members-panel .member-panel-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.room-member-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s ease}.room-member-row:hover{background:#ffffff0a}.room-member-row.is-me{background:#5b54e814}.room-member-row.speaking .member-avatar-wrap{border-radius:50%;animation:speaking-pulse 1.3s ease-in-out infinite}@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{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-member-tag{font-size:10px;color:var(--text-muted);margin-left:4px}.member-local-mute-btn{display:none;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.member-local-mute-btn:hover{background:#ffffff14;color:var(--text-primary)}.member-local-mute-btn.active{color:#ed4245}.member-controls{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.member-volume-wrap{display:none;align-items:center;gap:4px;overflow:hidden;max-width:0;transition:max-width .2s ease,opacity .2s ease;opacity:0}.member-volume-icon{color:var(--text-muted);flex-shrink:0}.member-volume-val{font-size:10px;color:var(--text-muted);min-width:30px;text-align:right;flex-shrink:0}.member-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:4px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer;flex-shrink:0}.member-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;transition:background .15s,transform .15s}.member-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.member-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.room-member-row:hover .member-local-mute-btn{display:flex}.room-member-row:hover .member-volume-wrap{display:flex;max-width:130px;opacity:1}.room-member-row.local-muted .member-local-mute-btn{display:flex}.room-member-row.local-muted .member-name{opacity:.5}.member-voice-state{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);width:22px;height:22px;border-radius:6px}.member-voice-state.is-speaking{color:#4bc47f}.member-voice-state.is-muted{color:#ff8080}.member-sharing{color:#a4a0ff;display:inline-flex;align-items:center}.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,#5b54e81f,#5b54e80a)}[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:#5b54e80d}[data-theme=light] .channel-cover{background:linear-gradient(135deg,#5b54e81a,#5b54e805)}[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{display:flex;flex-direction:column;align-items:center;gap:6px;padding:3px 0 0;background:#08080cd9;border-right:1px solid var(--glass-border);overflow-y:hidden}.server-rail::-webkit-scrollbar{width:0}.rail-item{position:relative;width:44px;height:44px;border-radius:14px;background:#ffffff0a;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:border-radius .18s ease,background .15s ease,color .15s ease,transform .15s ease;overflow:hidden;flex-shrink:0}.rail-item:hover{border-radius:12px;background:#5b54e833;color:#fff}.rail-item.active{border-radius:12px;background:linear-gradient(135deg,#5b54e866,#5b54e833);color:#fff;box-shadow:0 4px 14px #5b54e859}.rail-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#fff}.rail-item.unjoined{opacity:.65}.rail-item img{width:100%;height:100%;object-fit:cover}.rail-emoji{font-size:16px;font-weight:700;text-transform:uppercase;color:inherit}.rail-home{background:linear-gradient(135deg,#6c63ff4d,#6c63ff1a);color:#fff}.rail-home.active{background:linear-gradient(135deg,#6c63ff8c,#6c63ff4d)}.rail-sep{width:32px;height:1px;background:var(--glass-border);margin:4px 0;flex-shrink:0}.rail-channels{display:flex;flex-direction:column;gap:6px;align-items:center;flex:1;width:100%;padding-top:6px}.rail-add{background:#4bc47f1a;border:1px dashed rgba(75,196,127,.4);color:#4bc47f}.rail-add:hover{background:#4bc47f33;color:#4bc47f}.rail-join-dot{position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #08080cd9}.rail-dm{padding:0;overflow:hidden}.rail-dm img,.rail-dm .avatar{width:100%;height:100%;border-radius:inherit}.rail-dm-online{position:absolute;bottom:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#3ba55c;box-shadow:0 0 0 2px #08080cd9;pointer-events:none}.rail-dm-online.offline{display:none}.room-pane{display:flex;flex-direction:column;background:#0e0e14c7;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);overflow:visible;min-height:0}.room-pane-header{padding:14px 14px 10px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.room-pane-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-pane-title{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.room-pane-desc{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn-sm{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.icon-btn-sm:hover{background:#ffffff14;color:var(--text-primary)}.room-pane-section{flex:1;overflow-y:auto;padding:8px 6px 12px;display:flex;flex-direction:column;gap:4px;min-height:0}.room-pane-section::-webkit-scrollbar{width:4px}.room-pane-section::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.room-pane-section-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.room-pane-list{display:flex;flex-direction:column;gap:2px}.room-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--text-secondary);font-size:13px;transition:background .12s ease,color .12s ease}.room-row:hover{background:#ffffff0d;color:var(--text-primary)}.room-row.active{background:#5b54e82e;color:#fff}.room-row-icon{color:var(--text-muted);flex-shrink:0}.room-row.active .room-row-icon{color:#fff}.room-row-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.room-pane-actions{padding:10px 12px;display:flex;gap:8px;border-top:1px solid var(--glass-border)}.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{background:#0000000a;color:var(--text-secondary)}[data-theme=light] .rail-item:hover{background:#5b54e82e;color:var(--text-primary)}[data-theme=light] .room-pane{background:#fff9}[data-theme=light] .room-row:hover{background:#0000000a}[data-theme=light] .room-row.active{background:#5b54e824;color:var(--text-primary)}[data-theme=light] .rail-join-dot{box-shadow:0 0 0 2px #ffffffb3}[data-theme=light] .room-row.active .room-row-count{background:#5b54e82e;color:var(--accent)}[data-theme=light] .room-voice-row{color:var(--text-secondary)}[data-theme=light] .room-voice-row:hover{background:#0000000a;color:var(--text-primary)}[data-theme=light] .room-voice-row.is-speaking{border-color:#3aae6c;background:#3aae6c14;color:var(--text-primary)}[data-theme=light] .room-pane-section::-webkit-scrollbar-thumb{background:#0000001a}.room-row-group{display:flex;flex-direction:column;gap:1px}.room-row-count{font-size:10px;font-weight:700;background:#4bc47f2e;color:#4bc47f;padding:1px 6px;border-radius:999px;flex-shrink:0}.room-row.active .room-row-count{background:#ffffff2e;color:#fff}.room-voice-list{display:flex;flex-direction:column;gap:2px;margin:1px 0 4px 18px;padding-left:8px;border-left:1px solid var(--glass-border)}.room-voice-row{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 4px;border-radius:6px;border:1.5px solid transparent;font-size:12px;color:var(--text-muted);background:transparent;transition:background .12s ease,border-color .18s ease,color .12s ease}.room-voice-row:hover{background:#ffffff0a;color:var(--text-primary)}.room-voice-row.is-speaking{border-color:#4bc47fb3;background:#4bc47f12;color:var(--text-primary);box-shadow:0 0 4px #4bc47f1f,inset 0 0 6px #4bc47f08}.room-voice-row.is-speaking .avatar{animation:speaking-ring-mini 1.4s ease-in-out infinite}.room-voice-row.is-speaking .avatar-framed{animation:speaking-frame-glow 1.4s ease-in-out infinite}.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(1) drop-shadow(0 0 2px rgba(255,255,255,.3));transform:scale(1)}50%{filter:brightness(1.28) drop-shadow(0 0 6px rgba(255,255,255,.55));transform:scale(1.04)}}.room-voice-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-voice-share{font-size:11px;color:#a4a0ff;flex-shrink:0}[data-theme=light] .room-voice-row:hover{background:#0000000a}[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{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none;box-shadow:0 0 0 2px var(--bg-primary, #08080c)}.notif-panel{position:fixed;bottom:80px;left:260px;width:320px;max-height:460px;background:linear-gradient(180deg,#181826f7,#10101cfa);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;z-index:99997}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.notif-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary)}.notif-badge-inline{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4d6d40;color:#ff9aaa;font-size:11px;font-weight:700}.notif-panel-actions{display:flex;align-items:center;gap:4px}.notif-clear-btn,.notif-close-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:background .14s,color .14s}.notif-clear-btn:hover{background:#ff4d6d26;color:#ff9aaa}.notif-close-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.notif-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--text-muted);font-size:13px}.notif-row{position:relative;display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;transition:background .14s,border-color .14s;overflow:hidden}.notif-row.unread{background:#5b54e812;border-color:#5b54e826}.notif-row.clickable{cursor:pointer}.notif-row.clickable:hover{background:#ffffff0d;border-color:var(--glass-border)}.notif-type-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0d;flex-shrink:0;margin-top:1px}.notif-body{flex:1;min-width:0;padding-right:18px}.notif-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.notif-time{font-size:11px;color:var(--text-muted);margin-top:4px}.notif-dot{position:absolute;top:12px;right:28px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #5b54e8b3}.notif-dismiss{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--glass-hover);color:var(--text-muted);border:none;cursor:pointer;transition:background .13s,color .13s}.notif-row:hover .notif-dismiss{display:flex}.notif-dismiss:hover{background:#ff4d6d2e;color:#ff9aaa}[data-theme=light] .notif-panel{background:linear-gradient(180deg,#fffffff7,#f8f8fcfa)}[data-theme=light] .notif-row.unread{background:#5b54e80f;border-color:#5b54e82e}.rail-channels{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.rail-channels::-webkit-scrollbar{width:0}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 10px;border-top:1px solid var(--glass-border);width:100%}.rail-bottom .notif-bell-btn{width:44px;height:44px;border-radius:14px;background:#ffffff0a;border:1px solid transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-radius .18s ease,background .15s ease,color .15s ease}.rail-bottom .notif-bell-btn:hover{background:#5b54e833;color:#fff;border-radius:12px}.rail-bottom .notif-bell-btn.has-unread{color:var(--accent)}.rail-settings-btn,.rail-friends-btn{width:44px;height:44px;border-radius:14px}.rail-friends-btn:hover{color:var(--accent-light);background:#6c63ff2e;border-radius:12px}.rail-admin-btn{color:#f59e42!important;background:#f59e421a!important;border:1px solid rgba(245,158,66,.22)!important}.rail-admin-btn:hover{background:#f59e4238!important;color:#ffb96b!important}.notif-panel{position:fixed;bottom:80px;left:68px}.mic-control-wrap{position:relative;display:flex;align-items:center}.mic-toggle-btn{transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.mic-toggle-btn.mic-active{color:var(--accent);background:#7e47eb24;box-shadow:0 0 0 1px #7e47eb4d}.mic-toggle-btn.mic-muted{color:var(--text-muted)}.mic-toggle-btn.mic-active:hover{background:#7e47eb3d}.mic-toggle-btn.mic-locked{color:var(--text-muted);opacity:.45;cursor:not-allowed}.mic-volume-popup{position:fixed;background:var(--bg-elevated, rgba(20,20,30,.96));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;gap:8px;min-width:140px;box-shadow:0 8px 24px #00000059;z-index:9999;white-space:nowrap;color:var(--text-secondary)}[data-theme=light] .mic-volume-popup{background:#fff;border-color:#141c3c24;box-shadow:0 8px 24px #141c3c2e;color:#2d3748;isolation:isolate;z-index:9999}.mic-gain-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;border-radius:2px;background:#ffffff2e;outline:none;cursor:pointer}.mic-gain-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff2e}.mic-gain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);margin-top:-5px;cursor:pointer;transition:transform .15s}.mic-gain-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mic-gain-slider::-moz-range-track{height:4px;border-radius:2px;background:#ffffff2e}.mic-gain-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}[data-theme=light] .mic-gain-slider{background:#3c3c502e}[data-theme=light] .mic-gain-slider::-webkit-slider-runnable-track{background:#3c3c502e}[data-theme=light] .mic-gain-slider::-moz-range-track{background:#3c3c502e}.mic-gain-label{font-size:11px;color:var(--text-muted);min-width:32px;text-align:right}[data-theme=light] .mic-gain-label{color:#4a5568}.composer-glass{display:flex;flex-direction:column;background:transparent;border-top:1px solid var(--glass-border);padding-top:2px}.composer-input-row{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-end;gap:0;padding:6px 8px 8px 4px;min-height:52px}.composer-left-actions,.composer-right-actions{display:flex;align-items:flex-end;gap:2px;flex-shrink:0;padding-bottom:2px}.composer-left-actions{padding-left:4px;padding-right:4px}.composer-right-actions{padding-right:2px;padding-left:4px}.composer-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),transform .12s;flex-shrink:0}.composer-action-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary);transform:scale(1.07)}.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{position:absolute;bottom:-1px;right:-1px;font-size:8px;font-weight:700;background:var(--accent);color:#fff;border-radius:6px;padding:1px 3px;line-height:1;pointer-events:none}.composer-sep{width:1px;height:22px;background:var(--glass-border);margin:0 4px 5px;flex-shrink:0}.composer-send-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition),transform .12s;flex-shrink:0;background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow);border:none;cursor:pointer}.composer-send-btn:hover:not(:disabled){background:var(--accent-light);transform:scale(1.06)}.composer-send-btn:disabled{background:#ffffff14;color:var(--text-muted);box-shadow:none}.msg-content{text-shadow:0 0 28px rgba(220,220,255,.07)}.ui-tooltip{background:#0e0e16f7;color:var(--text-primary);padding:5px 10px;border-radius:7px;font-size:12px;font-weight:500;pointer-events:none;box-shadow:0 4px 18px #00000073;border:1px solid var(--glass-border);white-space:nowrap;line-height:1.4;animation:tooltip-fade .1s ease-out}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}[data-theme=light] .ui-tooltip{background:#fffffffa;color:#1a1a28;border-color:#0000001f;box-shadow:0 4px 14px #00000024}.prompt-input{width:100%;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:8px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:inherit}.prompt-input:focus{border-color:#6c63ff80;box-shadow:0 0 0 3px var(--accent-glow)}[data-theme=light] .prompt-input{background:#0000000a;color:var(--text-primary)}.dm-overlay-panel{position:fixed;bottom:24px;right:24px;width:370px;height:520px;display:flex;flex-direction:column;background:#12121cf5;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff0a;z-index:9980;overflow:hidden;resize:both;min-width:280px;min-height:360px}.dm-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-bottom:1px solid var(--glass-border);flex-shrink:0;cursor:move;-webkit-user-select:none;user-select:none}.dm-overlay-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.dm-overlay-title .avatar-wrap{width:28px;height:28px;flex-shrink:0}.dm-overlay-close{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--text-muted);background:transparent;transition:background var(--transition),color var(--transition)}.dm-overlay-close:hover{background:#ff4d6d2e;color:var(--danger)}.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 #141c3c38,0 0 0 1px #0000000f}.dm-pane-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition),border-color var(--transition);position:relative}.dm-pane-item:hover{background:#ffffff0d;border-color:var(--glass-border)}.dm-pane-item.active,.dm-pane-item:active{background:#6c63ff1a;border-color:#6c63ff40}.dm-pane-avatar{flex-shrink:0;position:relative;width:36px;height:36px;display:inline-grid;place-items:center}.dm-pane-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-pane-snippet{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.dm-pane-unread-badge{background:var(--accent);color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 6px;flex-shrink:0}[data-theme=light] .dm-pane-item:hover{background:#0000000a;border-color:#0000001a}[data-theme=light] .dm-pane-item.active{background:#6c63ff14;border-color:#6c63ff33}.welcome-screen{flex:1;overflow-y:auto;padding:32px 28px 40px;display:flex;flex-direction:column;gap:28px}.welcome-hero-card{position:relative;display:flex;align-items:center;gap:18px;padding:24px 28px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);overflow:hidden}.welcome-hero-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(ellipse at 30% 50%,hsla(260,80%,65%,.18) 0%,transparent 65%);pointer-events:none}.welcome-hero-icon{font-size:48px;line-height:1;flex-shrink:0;z-index:1}.welcome-hero-text{z-index:1}.welcome-hero-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.welcome-hero-sub{font-size:14px;color:var(--text-secondary);margin:0}.welcome-section{display:flex;flex-direction:column}.welcome-section-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.welcome-my-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.welcome-my-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;text-align:center}.welcome-my-card:hover{background:#6c63ff1a;border-color:#6c63ff4d;transform:translateY(-2px)}.welcome-my-card-icon{width:44px;height:44px;border-radius:50%;background:#6c63ff24;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.welcome-my-card-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.welcome-my-card-emoji{font-size:22px;line-height:1}.welcome-my-card-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.welcome-discover-card{cursor:pointer}.welcome-discover-card:hover{background:#6c63ff1a;border-color:#6c63ff4d;transform:translateY(-2px)}.welcome-discover-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.welcome-discover-meta{font-size:10px;color:var(--text-muted);margin-top:-2px}.welcome-discover-loading{display:flex;justify-content:center;padding:20px 0;color:var(--text-muted)}.welcome-discover-grid{display:flex;flex-direction:column;gap:8px}.ch-settings-layout{display:flex;height:560px;overflow:hidden}.ch-settings-sidebar{width:184px;flex-shrink:0;background:#00000038;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:10px 8px 14px;gap:1px;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:1;overflow-y:auto;padding:18px 22px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}.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{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .13s,color .13s;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{background:#ed42451a;color:var(--danger)}.ch-sn-item.danger.active{background:#ed424526;color:var(--danger)}.ch-sn-icon{display:flex;align-items:center;flex-shrink:0;opacity:.75}.ch-sn-item.active .ch-sn-icon{opacity:1}.ch-sn-divider{height:1px;background:var(--glass-border);margin:5px 4px}.ch-sn-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:6px 10px 3px;opacity:.55}.boost-hero-v2{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c3aed1a,#6366f10a);border:1px solid rgba(124,58,237,.22)}.boost-level-orb{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:2px solid var(--accent);background:#7c3aed1f;box-shadow:0 0 16px #7c3aed38}.boost-hero-v2-info{flex:1;min-width:0}.boost-hero-v2-level{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.boost-hero-v2-sub{font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.4}.boost-bar-v2{height:5px;background:#ffffff14;border-radius:3px;margin-top:8px;overflow:hidden}.boost-bar-v2-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a78bfa);border-radius:3px;transition:width .7s ease}.danger-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(237,66,69,.2);background:#ed42450a}.danger-card.danger-card-critical{border-color:#ed424559;background:#ed424512}.danger-card-icon{font-size:22px;flex-shrink:0;line-height:1;padding-top:2px}.danger-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.danger-card-title{font-size:14px;font-weight:700;color:var(--danger)}.danger-card-desc{font-size:12.5px;color:var(--text-muted);line-height:1.45;margin:0}[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{background:#0000000e;color:var(--text-primary)}[data-theme=light] .ch-sn-item.active{background:#6c63ff1a;color:var(--accent)}[data-theme=light] .ch-sn-item.danger{color:#dc3535bf}[data-theme=light] .ch-sn-item.danger:hover{background:#dc353512;color:var(--danger)}[data-theme=light] .ch-sn-item.danger.active{background:#dc35351a;color:var(--danger)}[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}.ch-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.ch-emoji-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px 7px;border-radius:9px;border:1px solid var(--glass-border);background:var(--glass-bg);position:relative;cursor:default;transition:border-color .13s,background .13s}.ch-emoji-item:hover{border-color:#6c63ff4d;background:var(--glass-hover)}.ch-emoji-item img{width:36px;height:36px;object-fit:contain}.ch-emoji-name{font-size:9px;color:var(--text-muted);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.ch-emoji-delete{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:4px;background:#ed42451f;border:none;color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .13s,background .13s}.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:#6c63ff0f}.discover-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:background .15s,border-color .15s}.discover-card:hover{background:#ffffff0d;border-color:#6c63ff40}.discover-card-icon{width:44px;height:44px;border-radius:50%;background:#6c63ff24;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.discover-card-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.discover-card-emoji{font-size:22px;line-height:1}.discover-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.discover-card-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-card-desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-card-meta{font-size:11px;color:var(--text-muted)}.discover-card-join{flex-shrink:0;padding:6px 16px;background:#6c63ff29;color:var(--accent-light);border:1px solid rgba(108,99,255,.35);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.discover-card-join:hover:not(:disabled){background:#6c63ff47;border-color:#6c63ff8c}.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:#141c3c1a}[data-theme=light] .welcome-my-card:hover{background:#6c63ff12;border-color:#6c63ff40}[data-theme=light] .discover-card{background:#ffffffd9;border-color:#141c3c1a}[data-theme=light] .discover-card:hover{background:#fffffff2;border-color:#6c63ff33}[data-theme=light] .discover-card-join{background:#6c63ff1a;color:var(--accent);border-color:#6c63ff47}[data-theme=light] .discover-card-join:hover:not(:disabled){background:#6c63ff33}.cameras-strip{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;background:transparent}.camera-tile{position:relative;flex:1 1 260px;min-width:200px;max-width:420px;border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid var(--glass-border);aspect-ratio:16 / 9;box-shadow:0 4px 16px #00000059}.camera-tile video{width:100%;height:100%;object-fit:cover;display:block}.camera-tile-label{position:absolute;bottom:5px;left:6px;display:flex;align-items:center;gap:3px;padding:2px 6px;background:#0000008c;border-radius:8px;font-size:11px;font-weight:600;color:#fff}.camera-tile.is-self .camera-tile-label{background:#6c63ffa6}.msg-sticker{display:block;max-width:160px;max-height:160px;margin-top:4px;-webkit-user-select:none;user-select:none}.sticker-picker-popup{position:absolute;bottom:calc(100% + 12px);right:0;width:300px;max-height:420px;display:flex;flex-direction:column;background:var(--glass-bg-strong, rgba(20,20,30,.96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;z-index:100;overflow:hidden;animation:sticker-pop-in .16s ease-out}@keyframes sticker-pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sticker-picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.sticker-picker-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.sticker-picker-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background .12s,color .12s}.sticker-picker-close:hover{background:#ffffff14;color:var(--text-primary)}.sticker-picker-tabs{display:flex;gap:4px;padding:8px 10px 6px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.sticker-tab{flex:1;padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sticker-tab:hover{background:#ffffff0f;color:var(--text-secondary)}.sticker-tab.active{background:#6c63ff29;color:var(--accent-light);border-color:#6c63ff4d}.sticker-upload-bar{padding:8px 10px 6px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.sticker-upload-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px dashed var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sticker-upload-btn:hover{background:#6c63ff1a;color:var(--accent-light);border-color:#6c63ff4d}.sticker-upload-form{display:flex;align-items:center;gap:6px}.sticker-name-input{flex:1;min-width:0;padding:5px 8px;font-size:12px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color .12s}.sticker-name-input:focus{border-color:#6c63ff80}.sticker-name-input::placeholder{color:var(--text-muted)}.sticker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.sticker-loading,.sticker-empty{grid-column:1 / -1;text-align:center;font-size:12px;color:var(--text-muted);padding:20px 0}.sticker-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;background:#ffffff0a;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .12s,border-color .12s,transform .12s;overflow:hidden}.sticker-item:hover{background:#6c63ff1a;border-color:#6c63ff47;transform:translateY(-2px)}.sticker-item-img{width:64px;height:64px;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}.sticker-item-name{font-size:10px;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}.sticker-item-delete{position:absolute;top:4px;right:4px;width:18px;height:18px;display:none;align-items:center;justify-content:center;background:#ff3c50cc;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .12s}.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 #141c3c33}[data-theme=light] .sticker-tab.active{background:#5b54e81a;color:var(--accent);border-color:#5b54e840}[data-theme=light] .sticker-upload-btn{background:#00000008;border-color:#141c3c24;color:var(--text-secondary)}[data-theme=light] .sticker-upload-btn:hover{background:#5b54e812;color:var(--accent)}[data-theme=light] .sticker-name-input{background:#0000000a;border-color:#141c3c24}[data-theme=light] .sticker-item{background:#00000008}[data-theme=light] .sticker-item:hover{background:#5b54e812;border-color:#5b54e838}:root{--bg-base: #0c0c14;--bg-layer1: #131320;--bg-layer2: #1a1a28;--bg-elevated: #1f1f2e;--text-primary: #f2f2f7;--text-secondary: #a8a8c2;--text-muted: #6b6b86;--glass-bg: rgba(255,255,255,.055);--glass-bg-strong: rgba(255,255,255,.1);--glass-border: rgba(255,255,255,.085);--glass-hover: rgba(255,255,255,.075);--glass-active: rgba(255,255,255,.115);--glass-blur: blur(24px) saturate(180%);--shadow-1: 0 1px 2px rgba(0,0,0,.18);--shadow-2: 0 4px 12px rgba(0,0,0,.22), 0 1px 3px rgba(0,0,0,.14);--shadow-3: 0 12px 28px rgba(0,0,0,.32), 0 4px 10px rgba(0,0,0,.18);--shadow-4: 0 28px 60px rgba(0,0,0,.42), 0 8px 24px rgba(0,0,0,.22);--hi-soft: inset 0 1px 0 rgba(255,255,255,.06);--hi-mid: inset 0 1px 0 rgba(255,255,255,.1);--hi-strong:inset 0 1px 0 rgba(255,255,255,.14);--ring: 0 0 0 3px rgba(108,99,255,.3);--ring-soft:0 0 0 3px rgba(108,99,255,.18);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-base: #eaecf4;--bg-layer1: #f3f5fb;--bg-layer2: #fbfcff;--bg-elevated: #ffffff;--text-primary: #14172b;--text-secondary: #525879;--text-muted: #8b93b1;--glass-bg: rgba(255,255,255,.62);--glass-bg-strong: rgba(255,255,255,.88);--glass-border: rgba(20,28,60,.085);--glass-hover: rgba(20,28,60,.045);--glass-active: rgba(20,28,60,.08);--glass-blur: blur(28px) saturate(190%);--shadow-1: 0 1px 2px rgba(20,28,60,.06);--shadow-2: 0 4px 14px rgba(20,28,60,.07), 0 1px 3px rgba(20,28,60,.04);--shadow-3: 0 14px 32px rgba(20,28,60,.1), 0 4px 12px rgba(20,28,60,.06);--shadow-4: 0 30px 70px rgba(20,28,60,.16), 0 10px 28px rgba(20,28,60,.08);--hi-soft: inset 0 1px 0 rgba(255,255,255,.55);--hi-mid: inset 0 1px 0 rgba(255,255,255,.7);--hi-strong: inset 0 1px 0 rgba(255,255,255,.9);--ring: 0 0 0 3px rgba(91,84,232,.2);--ring-soft: 0 0 0 3px rgba(91,84,232,.12)}body{font-feature-settings:"cv11","ss01","ss03","cv02";text-rendering:optimizeLegibility}.app-shell{background-image:radial-gradient(ellipse 60% 50% at 18% 8%,rgba(108,99,255,.14) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 82% 92%,rgba(0,180,255,.1) 0%,transparent 70%),radial-gradient(ellipse 70% 40% at 50% 50%,rgba(235,69,158,.04) 0%,transparent 80%);background-attachment:fixed;position:relative;overflow:hidden;isolation:isolate}[data-theme=light] .app-shell{background-image:radial-gradient(ellipse 65% 50% at 14% 0%,rgba(91,84,232,.1) 0%,transparent 60%),radial-gradient(ellipse 55% 65% at 92% 100%,rgba(0,170,255,.08) 0%,transparent 65%),radial-gradient(ellipse 80% 40% at 50% 50%,rgba(255,170,90,.05) 0%,transparent 80%),var(--bg-base)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,rgba(108,99,255,.1),transparent 45%),radial-gradient(circle at 70% 70%,rgba(0,180,255,.08),transparent 45%);filter:blur(20px);opacity:.9;will-change:transform;animation:aurora-drift 40s ease-in-out infinite alternate}@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>*{position:relative;z-index:1}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar,body::-webkit-scrollbar,.app-shell::-webkit-scrollbar{width:0;height:0}*::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .18s ease}*::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}[data-theme=light] *::-webkit-scrollbar-thumb{background:#141c3c29;background-clip:padding-box}[data-theme=light] *::-webkit-scrollbar-thumb:hover{background:#141c3c4d;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}[data-theme=light] *{scrollbar-color:rgba(20,28,60,.2) transparent}:root{--scrollbar-thumb-active: rgba(255,255,255,.32)}[data-theme=light]{--scrollbar-thumb-active: rgba(20,28,60,.3)}.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{background:transparent!important;border:none!important;background-clip:border-box!important;transition:background .15s ease}.messages-area.is-scrolling::-webkit-scrollbar-thumb,.messages-area.is-hovered::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-active)!important;border:none!important;background-clip:border-box!important;transition:background .15s ease}::selection{background:#6c63ff59;color:#fff}[data-theme=light] ::selection{background:#5b54e838;color:var(--text-primary)}:where(button,a,[role=button],[tabindex]):focus-visible,:where(input,textarea,select,.glass-input,.textarea):focus-visible{outline:none;box-shadow:var(--ring),var(--shadow-1);border-radius:10px}.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)}.sidebar{background:linear-gradient(180deg,#10101cc7,#0c0c14d1);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}[data-theme=light] .sidebar{background:linear-gradient(180deg,#ffffffa8,#f8faff94);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.channel-header{background:linear-gradient(180deg,#0e0e16b8,#0e0e168c);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}[data-theme=light] .channel-header{background:linear-gradient(180deg,#ffffffc7,#ffffff8c)}.composer-glass{background:linear-gradient(180deg,#ffffff12,#ffffff0a);border-radius:var(--radius-xl, 28px);transition:border-color .18s var(--ease-out),box-shadow .22s var(--ease-out),background .18s var(--ease-out)}.composer-glass:hover{background:linear-gradient(180deg,#ffffff17,#ffffff0d)}.composer-glass:focus-within{background:linear-gradient(180deg,#ffffff1a,#ffffff0d);box-shadow:var(--ring-soft),var(--shadow-2),var(--hi-soft);border-color:#6c63ff73}[data-theme=light] .composer-glass{background:linear-gradient(180deg,#ffffffeb,#fcfdffc7)}[data-theme=light] .composer-glass:hover{background:#fffffff5}[data-theme=light] .composer-glass:focus-within{background:#fff;box-shadow:var(--ring-soft),var(--shadow-2),var(--hi-strong)}.channel-item{transition:background .18s var(--ease-out),transform .18s var(--ease-out)}.channel-item:hover{background:var(--glass-hover)}.channel-item.active{background:linear-gradient(135deg,#6c63ff2e,#6c63ff0f);box-shadow:inset 2px 0 0 var(--accent),var(--hi-soft)}[data-theme=light] .channel-item.active{background:linear-gradient(135deg,#5b54e824,#5b54e80d);box-shadow:inset 2px 0 0 var(--accent)}.btn-primary,.btn-primary-sm{background:linear-gradient(180deg,#7a73ff,#6c63ff);box-shadow:0 2px 8px #6c63ff33,inset 0 1px #fff3;transition:transform .15s var(--ease-out),box-shadow .18s var(--ease-out),filter .18s var(--ease-out)}.btn-primary:hover:not(:disabled),.btn-primary-sm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff47,inset 0 1px #ffffff38;filter:brightness(1.04)}.btn-primary:active:not(:disabled),.btn-primary-sm:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary-sm{background:linear-gradient(180deg,#6e67ff,#5b54e8)}.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:#6c63ff4d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(180deg,#ff4d6d2e,#ff4d6d1a);border:1px solid rgba(255,77,109,.3);transition:background .18s var(--ease-out),transform .15s var(--ease-out),box-shadow .18s var(--ease-out)}.btn-danger:hover{background:linear-gradient(180deg,#ff4d6d47,#ff4d6d29);box-shadow:0 3px 10px #ff4d6d26;transform:translateY(-1px)}.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);border-radius:12px;padding:10px 14px;color:var(--text-primary);transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out)}.composer-glass .composer-input,.composer-glass .composer-input:hover,.composer-glass .composer-input:focus{background:transparent;border:none;border-radius:0;padding:8px 4px;box-shadow:none;outline:none}.glass-input:hover,.textarea:hover,input[type=text]:hover,input[type=search]:hover,textarea:hover{background:var(--glass-hover);border-color:#6c63ff38}.glass-input:focus,.textarea:focus,input:focus,textarea:focus{background:var(--glass-bg-strong);border-color:#6c63ff8c;box-shadow:var(--ring-soft)}.modal-backdrop{background:radial-gradient(circle at 50% 50%,#00000073,#000000a6);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);animation:backdrop-fade .22s var(--ease-out)}[data-theme=light] .modal-backdrop{background:radial-gradient(circle at 50% 50%,#141c3c2e,#141c3c57)}@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{border-radius:12px;transition:background .16s var(--ease-out)}.message:hover{background:#ffffff09}.msg-content a{color:var(--accent-light);text-decoration:none;border-bottom:1px dashed rgba(108,99,255,.4)}.msg-content a:hover{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=light] .msg-content a{color:var(--accent);border-bottom-color:#5b54e866}.avatar{box-shadow:0 0 #6c63ff00;transition:box-shadow .18s var(--ease-out)}.user-bar-main:hover .avatar,.channel-item.active .avatar{box-shadow:0 0 0 2px #6c63ff38}.empty-state .empty-icon{filter:drop-shadow(0 8px 24px rgba(108,99,255,.25));animation:float-soft 4s ease-in-out infinite}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ch-status-pill{backdrop-filter:blur(8px);-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{transform:translateY(-2px);box-shadow:var(--shadow-3),var(--hi-mid);border-color:#6c63ff4d}.tab-button{position:relative;transition:color .18s var(--ease-out)}.tab-button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:999px;transform:scaleX(0);transform-origin:center;transition:transform .22s var(--ease-out)}.tab-button.active:after{transform:scaleX(1)}.reaction-chip{border-radius:999px;transition:background .18s var(--ease-out)}.reaction-chip.mine{box-shadow:var(--hi-soft)}.mention-pill{border-radius:999px;padding:1px 8px;transition:background .18s var(--ease-out)}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px}@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-radius:12px;border:1px solid var(--glass-border);box-shadow:var(--shadow-1);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.msg-image:hover{transform:scale(1.01);box-shadow:var(--shadow-2)}.channel-header.has-banner{background-blend-mode:overlay}.member-row,.user-row{border-radius:10px;transition:background .16s var(--ease-out)}.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{border-top:none!important;border-radius:20px!important;overflow:visible;padding-top:0!important;background:linear-gradient(160deg,#1a1a26c7,#14141edb,#181824cc)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border:1px solid rgba(255,255,255,.09)!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;transition:border-color .18s var(--ease-out),box-shadow .22s var(--ease-out)!important}.composer-glass:hover{border-color:#6c63ff38!important;background:linear-gradient(160deg,#1c1c2ad1,#161622e0,#1a1a28d6)!important}.composer-glass:focus-within{border-color:#6c63ff66!important;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #6c63ff1f,0 8px 28px #00000052,0 2px 8px #0000002e!important}[data-theme=light] .composer-glass{background:linear-gradient(160deg,#f8f9ffc7,#f4f6fed6,#f6f8ffcc)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,0 0 0 .5px #141c3c0f,0 8px 24px #141c3c1a,0 2px 8px #141c3c0f!important}[data-theme=light] .composer-glass:hover{background:linear-gradient(160deg,#fafbffd6,#f6f8ffe0,#f8faffdb)!important;border-color:#5b54e847!important}[data-theme=light] .composer-glass:focus-within{border-color:#5b54e873!important;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #5b54e81a,0 8px 24px #141c3c1f,0 2px 8px #141c3c12!important}.composer-input-row{align-items:center!important;padding:6px 8px 6px 6px!important;min-height:48px!important;gap:2px!important}.composer-left-actions,.composer-right-actions{align-items:center!important;padding-bottom:0!important;gap:2px!important}.composer-action-btn{width:34px!important;height:34px!important;border-radius:10px!important;color:var(--text-muted);transition:background .15s var(--ease-out),color .15s var(--ease-out),transform .12s!important}.composer-action-btn:hover:not(:disabled){background:var(--glass-hover)!important;color:var(--text-secondary)!important;transform:scale(1.06)!important}.composer-sep{height:20px;margin:0 4px!important;align-self:center}.composer-send-btn{width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(145deg,#8078ff,#6c63ff 55%,#5c55e8);color:#fff;box-shadow:0 4px 18px #6c63ff6b,inset 0 1px #ffffff38;border:none;flex-shrink:0;transition:transform .14s var(--ease-out),box-shadow .16s var(--ease-out),filter .16s var(--ease-out)}.composer-send-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.04);box-shadow:0 8px 26px #6c63ff85,inset 0 1px #ffffff47;filter:brightness(1.06)}.composer-send-btn:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 10px #6c63ff59}.composer-send-btn:disabled{background:#ffffff12!important;color:var(--text-muted)!important;box-shadow:none!important;transform:none!important}[data-theme=light] .composer-send-btn{background:linear-gradient(145deg,#7670ff,#5b54e8 55%,#4b44d8);box-shadow:0 4px 16px #5b54e861,inset 0 1px #ffffff4d}[data-theme=light] .composer-send-btn:hover:not(:disabled){box-shadow:0 8px 24px #5b54e87a,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);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.app-shell:before{animation:none!important}}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:var(--glass-blur);-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);backdrop-filter:var(--glass-blur);-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{background:none;border:none;box-shadow:none}[data-theme=light] .message.msg-style-starlight:after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 50%,transparent 100%);background-size:200% 100%}.reaction-add-btn{opacity:.45;transition:opacity .15s,background .15s}.reaction-add-btn:hover{opacity:1}.reaction-add-plus{font-size:11px;font-weight:700;margin-left:1px;color:var(--text-muted)}.feqp{width:344px;display:flex;flex-direction:column;max-height:560px;background:linear-gradient(150deg,#1a1a26e0,#14141eed,#181824e6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);overflow:hidden;animation:tooltip-fade .12s ease-out}.feqp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.feqp-header-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.feqp-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;box-sizing:border-box}.feqp-row{display:flex;align-items:center}.feqp-section-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:4px 2px 2px;opacity:.7;display:flex;align-items:flex-end;box-sizing:border-box}.feqp-btn{flex:1;background:transparent;border:none;border-radius:7px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s}.feqp-btn:hover{background:#ffffff17;transform:scale(1.18)}.feqp-btn img{width:30px;height:30px;display:block;pointer-events:none}[data-theme=light] .feqp{background:linear-gradient(150deg,#f8f9ffcc,#f4f6fedb,#f6f8ffd1);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border-color:#c8d2e68c;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #141c3c0f,0 20px 50px #141c3c1f,0 6px 16px #141c3c12}[data-theme=light] .feqp-btn:hover{background:#141c3c12}.feqp-custom-section{border-bottom:1px solid rgba(255,255,255,.08);padding:6px 8px 8px;max-height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;flex-shrink:0}[data-theme=light] .feqp-custom-section{border-bottom-color:#00000014}.feqp-section-label--inline{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);padding:0 0 4px}.feqp-custom-grid{display:flex;flex-wrap:wrap;gap:2px}.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{display:flex;flex-direction:column;gap:14px;padding:4px 0}.emoji-tab-usage{font-size:12px;color:var(--text-muted);margin:0}.emoji-grid{display:flex;flex-wrap:wrap;gap:8px}.emoji-grid-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:8px;background:var(--bg-secondary);position:relative;width:72px}.emoji-grid-name{font-size:10px;color:var(--text-muted);max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.emoji-grid-delete{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.emoji-grid-item:hover .emoji-grid-delete{opacity:1}.emoji-grid-delete:hover{background:#dc35352e;color:#f87171}.emoji-grid-empty{font-size:13px;color:var(--text-muted)}.emoji-upload-form{display:flex;flex-direction:column;gap:8px}.emoji-upload-title{font-size:12px;font-weight:600;margin:0}.emoji-upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.emoji-name-input{padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;width:140px}.premium-packs{display:flex;flex-direction:column;gap:8px}.premium-pack-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#6c63ff12;border:1px solid rgba(108,99,255,.15);border-radius:10px}.premium-pack-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#6c63ff26;border-radius:8px;color:var(--accent);flex-shrink:0}.premium-pack-info{display:flex;flex-direction:column;flex:1;min-width:0}.premium-pack-label{font-size:13px;font-weight:600;color:var(--text-primary)}.premium-pack-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.premium-active-badge{font-size:11px;font-weight:600;color:var(--success, #57f287);background:#57f2871f;padding:3px 8px;border-radius:20px;white-space:nowrap}.premium-theme-grid,.premium-banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:4px}.premium-theme-mode-label{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.premium-theme-card,.premium-banner-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;transition:border-color .15s}.premium-theme-card.active,.premium-banner-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.premium-theme-preview{width:100%;height:60px;border-radius:7px;flex-shrink:0}.premium-banner-preview{width:100%;height:40px;border-radius:7px;flex-shrink:0}.premium-theme-label,.premium-banner-label{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center}.room-boost-btn{display:flex;align-items:center;gap:3px;color:var(--text-muted);transition:color .15s}.room-boost-btn:hover:not(:disabled){color:#a855f7}.room-boost-btn.boosted{color:#a855f7;cursor:default}.room-boost-btn:disabled:not(.boosted){opacity:.4}.room-boost-level{font-size:10px;font-weight:700;line-height:1;background:#a855f7;color:#fff;border-radius:8px;padding:1px 4px}.boost-hero{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-md);background:linear-gradient(135deg,#a855f726,#6c63ff1f);border:1px solid rgba(168,85,247,.3);margin-bottom:4px}.boost-hero-icon{font-size:32px;line-height:1}.boost-hero-body{flex:1;min-width:0}.boost-hero-level{font-size:18px;font-weight:800;color:#a855f7;margin-bottom:2px}.boost-hero-count{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.boost-progress-bar{height:6px;border-radius:3px;background:#a855f726;overflow:hidden}.boost-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#a855f7,#6c63ff);transition:width .4s ease}.boost-benefit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.boost-benefit-item{font-size:13px;padding:6px 10px;border-radius:var(--radius-sm)}.boost-benefit-item.unlocked{background:#57f28714;color:var(--text-primary)}.boost-benefit-item.locked{background:var(--glass-bg);color:var(--text-muted)}.boost-boosters{display:flex;flex-wrap:wrap;gap:6px}.boost-booster-chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(168,85,247,.3);background:#a855f714;color:var(--text-primary)}.slug-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.slug-display{display:flex;align-items:center;gap:0;flex:1;min-width:0;background:#6c63ff14;border:1px solid rgba(108,99,255,.25);border-radius:var(--radius-lg);padding:10px 16px}.slug-prefix{font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700;color:var(--text-muted);flex-shrink:0;line-height:1}.slug-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700;color:var(--accent-light);letter-spacing:.02em;padding:0 4px}.slug-input.error{color:var(--danger)}.slug-input::placeholder{color:var(--text-muted);opacity:.5}.slug-value{font-family:SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700;color:var(--accent-light);letter-spacing:.02em;padding:0 4px}[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,#5b54e824,#5b54e80d)}[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] .icon-btn:hover{color:var(--text-primary);background:var(--glass-active)}[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] .messages-area{background:linear-gradient(180deg,#ffffff8c,#f4f7fdd9)}[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{background:#5b54e80f;border-left:2px solid rgba(91,84,232,.45);color:var(--text-secondary)}[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{background:#fffffff2;border:1px solid var(--glass-border);color:var(--text-primary)}[data-theme=light] .msg-edit-input:focus{border-color:#5b54e88c;box-shadow:var(--ring-soft)}[data-theme=light] .message:hover{background:#5b54e80b}[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{color:var(--text-muted)}[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{background:#dc8c1e29;color:#a85a10;border-color:#dc8c1e52}[data-theme=light] .ch-status-closed{background:#dc3c5a24;color:#a02949;border-color:#dc3c5a4d}[data-theme=light] .ch-owner-info,[data-theme=light] .ch-lock-row{background:#ffffffd9;border:1px solid var(--glass-border)}[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{background:#dc3c5a1a;color:#a02949;border:1px solid rgba(220,60,90,.3)}[data-theme=light] .ch-capacity-card{background:#ffffffd9;border:1px solid var(--glass-border)}[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{background:transparent;color:var(--text-primary)}[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{background:#ffffffd9;border:1px solid var(--glass-border)}[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] .result-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{background:#ffffffeb;border:1px solid var(--glass-border);color:var(--text-secondary)}[data-theme=light] .reaction-chip.mine{background:#5b54e824;color:var(--accent);border-color:#5b54e84d}[data-theme=light] .mention-pill{background:#5b54e81f;color:var(--accent)}[data-theme=light] .mention-pill.mention-self{background:#ffaa5a2e;color:#a85a10}[data-theme=light] .badge-rose{background:#dc3c5a24;color:#a02949;border-color:#dc3c5a4d}[data-theme=light] .badge-amber{background:#dc8c1e29;color:#a85a10;border-color:#dc8c1e52}[data-theme=light] .badge-gold{background:linear-gradient(135deg,#ffc40038,#ffa0002e);color:#8c5a00;border:1px solid rgba(220,150,0,.35)}[data-theme=light] .glass-input,[data-theme=light] .textarea,[data-theme=light] input,[data-theme=light] textarea{background:#ffffffeb;border:1px solid var(--glass-border);color:var(--text-primary)}[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:#141c3c1a;border-top-color:var(--accent)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#141c3c0d,#141c3c1a,#141c3c0d);background-size: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{background:#ffffffeb;border:1px solid var(--glass-border);box-shadow:var(--shadow-4),var(--hi-strong)}[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{position:sticky;top:8px;align-self:center;z-index:20;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:7px 10px;max-width:min(480px,calc(100% - 48px));max-height:34px;background:#141226eb;border:1px solid rgba(108,99,255,.35);border-radius:999px;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 4px 20px #00000047,0 0 0 1px #6c63ff1f;overflow:hidden;animation:pinned-in .28s var(--ease-spring);pointer-events:auto;flex-shrink:0;margin-bottom:6px;transition:border-radius .32s var(--ease-out),max-height .38s var(--ease-out),max-width .3s var(--ease-out)}.pinned-banner:hover{border-radius:14px;max-height:220px;max-width:min(640px,calc(100% - 32px));align-items:flex-start}@keyframes pinned-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pinned-banner-icon{color:#6c63ffcc;flex-shrink:0}.pinned-banner-avatar{flex-shrink:0;border-radius:50%}.pinned-banner-author{font-size:12px;font-weight:700;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.pinned-banner-author:after{content:":";margin-right:2px}.pinned-banner-preview{flex:1;min-width:0;font-size:12px;line-height:1.55;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-banner:hover .pinned-banner-preview{white-space:normal;word-break:break-word;text-overflow:clip}.pinned-banner-close{flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--text-muted);background:#ffffff14;border:none;cursor:pointer;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.pinned-banner-close:hover{background:#ff4d6d38;color:var(--danger)}[data-theme=light] .pinned-banner{background:#fffffff5;border-color:#5b54e847;box-shadow:0 4px 20px #141c3c24,0 0 0 1px #5b54e81a}[data-theme=light] .pinned-banner-icon{color:var(--accent)}[data-theme=light] .pinned-banner-close{background:#141c3c0f}[data-theme=light] .pinned-banner-close:hover{background:#dc3c5a1f}.modal-backdrop{background:radial-gradient(ellipse at center,rgba(108,99,255,.1) 0%,transparent 60%),#040408b8!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important}[data-theme=light] .modal-backdrop{background:radial-gradient(ellipse at center,rgba(91,84,232,.1) 0%,transparent 60%),#dce1f08c!important;backdrop-filter:blur(4px) saturate(140%)!important;-webkit-backdrop-filter:blur(4px) saturate(140%)!important}.glass-modal{background:linear-gradient(180deg,#1c1c2afb,#14141efb)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important}[data-theme=light] .glass-modal{background:linear-gradient(180deg,#fffffffb,#f8fafffb)!important;border-color:var(--glass-border);box-shadow:0 24px 60px #141c3c33,0 0 0 1px #141c3c0d,inset 0 1px #ffffffa6!important}.style-pop{background:linear-gradient(150deg,#1a1a26d6,#14141ee6,#181824db)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(255,255,255,.08)!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{background:linear-gradient(150deg,#f8f9ffc7,#f4f6fed6,#f6f8ffcc)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #141c3c0f,0 20px 60px #141c3c1f,0 6px 16px #141c3c12!important}.glass-surface,.glass-surface-strong,.voice-panel,.call-overlay,.pinned-list,.result-list,.uhc-card,.uhc2,.tooltip,.popover{backdrop-filter:blur(22px) saturate(160%)!important;-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{background:#161620fb!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important}[data-theme=light] .confirm-dialog{background:#fffffffb!important}.avatar{background-color:#ffffff0f}[data-theme=light] .avatar{background-color:#141c3c0f}.avatar img{background:transparent}.user-bar{background:#0000002e;gap:6px;padding:10px 12px}[data-theme=light] .user-bar{background:#141c3c0d;border-top-color:var(--glass-border)}.user-bar-main{border-radius:var(--radius-md);padding:5px 6px;margin:-2px -3px;gap:8px}[data-theme=light] .user-bar-main:hover{background:#141c3c12}.user-name{font-size:13px}.user-status{font-size:10px}.custom-select{position:relative;width:100%;-webkit-user-select:none;user-select:none}.custom-select.disabled{opacity:.5;pointer-events:none}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);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)}.custom-select-trigger:hover{background:var(--glass-hover);border-color:#6c63ff47}.custom-select.open .custom-select-trigger{border-color:#6c63ff80;box-shadow:var(--ring-soft);background:var(--glass-bg-strong);border-radius:var(--radius-md) var(--radius-md) 0 0}.custom-select-value{flex:1;text-align:left;color:var(--text-primary);font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s var(--ease-out)}.custom-select.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:500;background:var(--bg-layer2);border:1px solid rgba(108,99,255,.35);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-3);overflow:hidden;animation:modal-pop .16s var(--ease-spring);max-height:240px;overflow-y:auto}[data-theme=light] .custom-select-dropdown{background:var(--bg-elevated);border-color:#5b54e840;box-shadow:var(--shadow-3)}.custom-select-item{width:100%;padding:10px 14px;text-align:left;font-size:var(--fs-base);font-family:var(--font-text);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .14s ease,color .14s ease;border-bottom:1px solid var(--glass-border)}.custom-select-item:last-child{border-bottom:none}.custom-select-item:hover{background:var(--glass-hover);color:var(--text-primary)}.custom-select-item.selected{background:#6c63ff24;color:var(--accent-light);font-weight:600}[data-theme=light] .custom-select-item.selected{background:#5b54e81a;color:var(--accent)}.settings-list{display:flex;flex-direction:column;gap:2px;padding:4px 0}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--radius-md);font-size:var(--fs-base);font-family:var(--font-text);color:var(--text-secondary);background:transparent;text-align:left;border:none;cursor:pointer;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.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{background:#ff4d6d1a;color:var(--danger)}.settings-divider{height:1px;background:var(--glass-border);margin:6px 14px}.settings-tabs{display:flex;gap:4px;padding:0 4px 10px;border-bottom:1px solid var(--glass-border);margin-bottom:10px}.settings-tab{flex:1;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;font-family:var(--font-text);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s var(--ease-out),color .15s var(--ease-out)}.settings-tab:hover{background:var(--glass-hover);color:var(--text-primary)}.settings-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #6c63ff59}.settings-section{display:flex;flex-direction:column;gap:4px;padding:4px 4px 6px}.settings-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 10px 4px}.settings-section-divider{height:1px;background:var(--glass-border);margin:8px 10px}.settings-hint{font-size:12px;color:var(--text-muted);padding:0 10px;margin:4px 0 0;line-height:1.5}.settings-device-row{display:flex;align-items:center;gap:10px;padding:6px 10px}.settings-device-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);min-width:0;flex:0 0 auto;white-space:nowrap}.settings-device-select{flex:1;min-width:0;padding:7px 28px 7px 10px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-text);cursor:pointer;outline:none;transition:border-color .15s var(--ease-out),background .15s var(--ease-out);-moz-appearance:none;appearance:none;-webkit-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-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px}.settings-device-select:hover{border-color:#ffffff29;background:var(--glass-bg-strong)}.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;display:flex;align-items:center;gap:10px}.settings-slider{flex:1;accent-color:var(--accent);height:4px;cursor:pointer}.settings-slider-val{font-size:12px;font-weight:600;color:var(--text-secondary);width:38px;text-align:right;flex-shrink:0}.toggle-mini{width:36px;height:20px;background:#ffffff1f;border-radius:10px;position:relative;flex-shrink:0;border:1px solid var(--glass-border);transition:background .18s var(--ease-out)}.toggle-mini.on{background:var(--accent);border-color:transparent}.toggle-mini:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .18s var(--ease-out);box-shadow:0 1px 3px #0000004d}.toggle-mini.on:after{transform:translate(16px)}.icon-opt-none{font-size:18px;font-weight:700;color:var(--text-muted)}.icon-opt-none.selected{color:var(--accent-light)}.icon-opt-upload{color:var(--text-muted);overflow:hidden}.icon-opt-upload.selected{background:#6c63ff33;border-color:var(--accent);color:var(--accent-light);padding:0}.field-optional{font-weight:400;text-transform:none;font-size:10px;color:var(--text-muted);margin-left:6px;letter-spacing:0}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack .field{margin-bottom:0}[data-theme=light] .msg-actions{background:#fffffff7;border-color:var(--glass-border);box-shadow:0 6px 24px #141c3c1f}[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;display:block;transition:transform .12s}.msg-quick-react:hover img{transform:scale(1.3)}.msg-menu-dropdown{min-width:172px;background:var(--glass-bg-strong, rgba(20,20,30,.97));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 12px 36px #0000008c;z-index:9999;overflow:hidden;animation:tooltip-fade .12s ease-out;padding:4px}.msg-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s,color .12s}.msg-menu-item:hover{background:var(--glass-hover);color:var(--text-primary)}.msg-menu-item.danger{color:var(--danger)}.msg-menu-item.danger:hover{background:#ff3c501f;color:var(--danger)}.msg-menu-divider{height:1px;background:var(--glass-border);margin:4px 0}.msg-menu-seen-header{display:flex;align-items:center;gap:6px;padding:6px 10px 4px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.msg-menu-seen-list{display:flex;flex-direction:column;gap:2px;padding:2px 4px;max-height:180px;overflow-y:auto}.msg-menu-seen-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}[data-theme=light] .msg-menu-dropdown{background:#fffffffa;box-shadow:0 10px 30px #141c3c2e}[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{background:#fffffffa;border-color:var(--glass-border);box-shadow:0 10px 30px #141c3c1f}[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{background:#fffffffa;border-color:var(--glass-border);box-shadow:0 10px 30px #141c3c1f}[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{background:#dc3c5a1a;color:var(--danger)}[data-theme=light] .member-context-header:after{display:none}[data-theme=light] .member-context-header{background:linear-gradient(160deg,#6c63ff1a,#6c63ff0a)}[data-theme=light] .member-context-pill{background:#00000012;color:var(--text-secondary)}[data-theme=light] .member-context-pill.accent{background:#5b54e824;color:#4f46e5}[data-theme=light] .member-context-pill.online{background:#22c55e24;color:#166534}[data-theme=light] .member-context-pill.warning{background:#eab3082e;color:#854d0e}.notif-bell-badge{background:#ff4d6dd1;box-shadow:0 2px 8px #ff4d6d73,0 0 0 1.5px #ffffff24;border:none}[data-theme=light] .notif-bell-badge{background:#d2284be0;box-shadow:0 2px 8px #d2284b4d,0 0 0 1.5px #ffffff80}.notif-actions{display:flex;gap:6px;margin-top:6px}.notif-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .15s,transform .12s}.notif-action-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.notif-action-btn:disabled{opacity:.4;cursor:default}.notif-action-approve{background:#5cefb02e;border-color:#5cefb059;color:#5cefb0}.notif-action-reject{background:#ff4d6d24;border-color:#ff4d6d4d;color:#ff9aaa}.notif-action-done{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--text-muted)}[data-theme=light] .notif-action-approve{background:#14a06e1f;border-color:#14a06e47;color:#0e8a60}[data-theme=light] .notif-action-reject{background:#d2284b1a;border-color:#d2284b40;color:#a02949}.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:transparent}.typing-bar{height:20px;padding:0 28px;min-height:20px;background:transparent;overflow:hidden}.composer{background:transparent}.room-header{height:var(--header-h);padding:0 18px;background:#0e0e1499;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=light] .room-header{background:#ffffffa6}.room-pane-header{height:var(--header-h);padding:0 14px;display:flex;flex-direction:column;justify-content:center;background:#0e0e1499;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.room-pane-title-row{align-items:center}.room-pane-desc{margin-top:2px}.member-panel-header{height:var(--header-h);padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#0e0e1499;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}[data-theme=light] .room-pane-header,[data-theme=light] .member-panel-header{background:#ffffffa6}.user-badge.size-sm{font-size:11px;padding:2px 6px;gap:3px}.bg-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bg-preset-swatch{position:relative;height:52px;border-radius:8px;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .12s;background-size:cover}.bg-preset-swatch:hover{transform:translateY(-2px);border-color:var(--glass-border)}.bg-preset-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-preset-label{position:absolute;bottom:0;left:0;right:0;padding:3px 4px;font-size:9px;font-weight:600;text-align:center;background:#0000008c;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}[data-theme=light] .member-panel{background:#ffffff94;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-left-color:var(--glass-border)}[data-theme=light] .member-panel-compact{background:transparent}[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{background:#fff9!important;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-right-color:var(--glass-border)}[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{background:#ffffffad!important;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}[data-theme=light] .room-header,[data-theme=light] .room-pane-header,[data-theme=light] .member-panel-header{background:#ffffffb8!important;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom-color:var(--glass-border)}.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{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0}[data-theme=light] .ext-link-message{color:var(--text-primary)}.ext-link-url{margin-top:8px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);word-break:break-all;max-height:60px;overflow-y:auto}[data-theme=light] .ext-link-url{background:#141c3c0a;border-color:var(--glass-border);color:var(--text-secondary)}.msg-link{color:var(--accent-light);text-decoration:none;border-bottom:1px dashed rgba(108,99,255,.45);cursor:pointer;word-break:break-all;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:#5b54e873}.link-preview{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;max-width:420px;overflow:hidden;transition:background .16s var(--ease-out),border-color .16s var(--ease-out)}.link-preview:hover{background:var(--glass-hover);border-color:#6c63ff4d}[data-theme=light] .link-preview{background:#ffffffe6;border-color:var(--glass-border)}[data-theme=light] .link-preview:hover{background:#fff;border-color:#5b54e847}.link-preview-yt{border-left:3px solid #ff0000}[data-theme=light] .link-preview-yt{border-left-color:#c00}.link-preview-thumb-wrap{position:relative;flex-shrink:0;width:100px;height:56px;border-radius:8px;overflow:hidden;background:#0000004d}.link-preview-thumb{width:100%;height:100%;object-fit:cover;display:block}.link-preview-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ffffffeb;background:#00000047;opacity:0;transition:opacity .15s}.link-preview:hover .link-preview-play{opacity:1}.link-preview-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.link-preview-domain{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.link-preview-url-text{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .link-preview-domain{color:var(--text-muted)}[data-theme=light] .link-preview-url-text{color:var(--text-secondary)}.screen-tile-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.screen-tile:hover .screen-tile-actions{opacity:1}.screen-tile-btn{display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;cursor:pointer;padding:4px 6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,border-color .15s}.screen-tile-btn:hover{background:#6c63ff8c;border-color:#6c63ff99}.screen-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#000;display:flex;align-items:center;justify-content:center}.screen-fullscreen-overlay video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.screen-fullscreen-label{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;background:#0000008c;color:#fff;font-size:13px;font-weight:600;padding:5px 10px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.screen-fullscreen-close{position:absolute;top:16px;right:16px;background:#0000008c;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s}.screen-fullscreen-close:hover{background:#dc3c3c99}[data-theme=light]{--bg-base: #e5eaf6;--bg-layer1: #edf1f9;--bg-layer2: #f2f5fc;--bg-elevated: #ffffff;--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-border: rgba(91,84,232,.1);--glass-hover: rgba(91,84,232,.06);--glass-active: rgba(91,84,232,.11);--glass-blur: none;--lt-shadow-r: 2px 0 8px rgba(20,28,60,.07), 4px 0 20px rgba(20,28,60,.04);--lt-shadow-l: -2px 0 8px rgba(20,28,60,.06), -4px 0 18px rgba(20,28,60,.03);--lt-shadow-b: 0 2px 8px rgba(20,28,60,.06), 0 4px 16px rgba(20,28,60,.03);--lt-shadow-t: 0 -2px 8px rgba(20,28,60,.05), 0 -4px 16px rgba(20,28,60,.03)}[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{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:none!important;box-shadow:var(--lt-shadow-r)!important}[data-theme=light] .sidebar-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;box-shadow:var(--lt-shadow-b)!important}[data-theme=light] .channels-panel{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important}[data-theme=light] .room-pane{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:none!important;box-shadow:var(--lt-shadow-r)!important}[data-theme=light] .room-pane-header,[data-theme=light] .channel-header,[data-theme=light] .chat-header,[data-theme=light] .room-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;box-shadow:var(--lt-shadow-b)!important}[data-theme=light] .user-bar{background:#fff!important;border-top:none!important;box-shadow:var(--lt-shadow-t)!important}[data-theme=light] .messages-area{background:#f2f5fc!important}[data-theme=light] .message:hover{background:#fffc!important;border-radius:10px}[data-theme=light] .message.is-own,[data-theme=light] .message.is-own:hover{background:#5b54e80a!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:#5b54e812!important}[data-theme=light] .channel-row.active,[data-theme=light] .dm-row.active,[data-theme=light] .channel-item.active{background:linear-gradient(135deg,#5b54e821,#5b54e80f)!important;box-shadow:inset 2px 0 0 var(--accent)!important}[data-theme=light] .rail-item{background:#141c3c0d!important;border-color:transparent!important}[data-theme=light] .rail-item:hover{background:#5b54e81a!important}[data-theme=light] .rail-item.active{background:linear-gradient(135deg,#5b54e82e,#5b54e817)!important;border-color:#5b54e847!important}[data-theme=light] .channel-tile{background:#fff!important;border:none!important;box-shadow:0 2px 8px #141c3c12,0 1px 2px #141c3c0a!important;transition:transform .18s var(--ease-out),box-shadow .2s var(--ease-out)}[data-theme=light] .channel-tile:hover{background:#fff!important;box-shadow:0 6px 20px #141c3c1c,0 2px 6px #141c3c0f!important;transform:translateY(-1px)}[data-theme=light] .channel-tile.active{background:linear-gradient(135deg,#5b54e817,#5b54e808)!important;box-shadow:0 0 0 1.5px #5b54e84d,0 4px 14px #5b54e81f!important;transform:none}[data-theme=light] .room-card{background:#fff!important;border:none!important;box-shadow:0 2px 8px #141c3c12!important;transition:transform .18s var(--ease-out),box-shadow .2s var(--ease-out)}[data-theme=light] .room-card:hover{background:#fff!important;box-shadow:0 6px 20px #141c3c1c!important;transform:translateY(-1px)}[data-theme=light] .channel-cover{background:linear-gradient(135deg,#5b54e814,#5b54e805)!important;border-bottom:none!important}[data-theme=light] .voice-panel{background:#fff!important;border-top:1.5px solid rgba(91,84,232,.12)!important;border-left:none!important;border-right:none!important;border-bottom:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:var(--lt-shadow-t)!important}[data-theme=light] .voice-bar{background:transparent!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{background:#5b54e812!important;color:var(--text-primary)!important;border-color:transparent!important}[data-theme=light] .voice-pill.speaking{background:#18a86b1f!important;box-shadow:0 0 0 2px #18a86b59!important}[data-theme=light] .self-share-banner{background:#5b54e814!important;border-bottom:1px solid rgba(91,84,232,.14)!important;color:var(--accent)!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{color:#e23656!important;background:#e236561a!important;transform:translateY(-1px)}[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:#5b54e80f!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{background:#5b54e814!important;color:var(--text-primary)!important}[data-theme=light] .member-section-label,[data-theme=light] .member-panel-header{color:var(--text-muted)}[data-theme=light] .screen-tile{border-color:#141c3c1a!important;background:#f0f4fb!important}[data-theme=light] .glass-modal{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 24px 60px #141c3c2e,0 4px 16px #141c3c14,0 0 0 1px #5b54e81a!important}[data-theme=light] .modal-header{border-bottom-color:#5b54e81a!important}[data-theme=light] .modal-footer{border-top-color:#5b54e81a!important;background:#f6f8fdcc!important}[data-theme=light] .tooltip{background:#1e2035!important;color:#f4f5ff!important;border:none!important}[data-theme=light] .reaction-tooltip-portal{background:#fff!important;color:#1a1a2e!important;border:1px solid rgba(20,28,60,.12)!important;box-shadow:0 8px 24px #141c3c2e,0 0 0 1px #5b54e814!important}[data-theme=light] .rtip-header{color:#1a1a2e!important}[data-theme=light] .rtip-names{border-top-color:#141c3c1a!important}[data-theme=light] .rtip-name{color:#141c3cbf!important}[data-theme=light] .popover,[data-theme=light] .result-list{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 8px 28px #141c3c24,0 2px 8px #141c3c0f,0 0 0 1px #5b54e814!important}[data-theme=light] .user-hover-card{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 12px 40px #141c3c29,0 0 0 1px #5b54e814!important}[data-theme=light] .admin-panel{background:#f2f5fc!important}[data-theme=light] .admin-stat-card{background:#fff!important;border-color:#5b54e81a!important;box-shadow:0 2px 8px #141c3c12!important}[data-theme=light] .notifications-panel{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 12px 40px #141c3c29,0 0 0 1px #5b54e814!important}[data-theme=light] .context-menu,[data-theme=light] .dropdown-menu,[data-theme=light] .uhc-card{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 8px 28px #141c3c24,0 0 0 1px #5b54e814!important}[data-theme=light] .ch-header-desc{color:var(--text-muted)!important}[data-theme=light] .call-overlay{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#5b54e81f!important;box-shadow:0 16px 48px #141c3c33!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:#5b54e824}[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:#5b54e880;box-shadow:0 0 0 3px #5b54e81a}.rmp-list{display:flex;flex-direction:column;gap:4px;padding:8px 8px 12px;overflow-y:auto;flex:1}.rmp-card{display:flex;flex-direction:column;gap:0;border-radius:10px;background:#ffffff0a;border:1px solid transparent;padding:8px 10px;cursor:pointer;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .18s var(--ease-out);position:relative;overflow:hidden}.rmp-card:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .2s}.rmp-card--speaking:before{background:#4bc47f;animation:rmp-speaking-bar 1.4s ease-in-out infinite}@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{background:#5b54e814;border-color:#5b54e829;cursor:default}.rmp-card--me:hover{background:#5b54e81a}.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{display:flex;align-items:center;gap:9px;min-width:0}.rmp-avatar-wrap{position:relative;flex-shrink:0}.rmp-card--speaking .rmp-avatar-wrap .avatar{box-shadow:0 0 0 2px #4bc47fe6,0 0 10px 3px #4bc47f59;border-radius:50%}.rmp-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rmp-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.rmp-self-tag{font-size:11px;font-weight:400;color:var(--text-muted)}.rmp-mic-state{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;line-height:1;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.rmp-mic-state.is-muted{color:#ff5050a6}.rmp-mic-state.is-live{color:#4bc47fa6}.rmp-mic-state.is-speaking{color:#4bc47f}.rmp-sharing{margin-left:4px;color:var(--accent-light);display:inline-flex;align-items:center}.rmp-controls{display:flex;align-items:center;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}.rmp-vol-icon{flex-shrink:0;color:var(--text-muted)}.rmp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border-radius:999px;background:#ffffff1f;outline:none;cursor:pointer}.rmp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 0 #6c63ff00}.rmp-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 3px #6c63ff40}.rmp-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.rmp-vol-val{flex-shrink:0;font-size:10px;color:var(--text-muted);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.rmp-mute-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:#ffffff0f;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,transform .12s}.rmp-mute-btn:hover{background:#e2365626;color:#ff6080;transform:scale(1.1)}.rmp-mute-btn.is-muted{background:#e236562e;color:#ff4d6d}.rmp-mute-btn.is-muted:hover{background:#4bc47f26;color:#4bc47f}[data-theme=light] .rmp-card{background:#141c3c08;border-color:transparent}[data-theme=light] .rmp-card:hover:not(.rmp-card--me):not(.rmp-card--speaking){background:#5b54e80f;border-color:#5b54e81a}[data-theme=light] .rmp-card--me{background:#5b54e812;border-color:#5b54e824}[data-theme=light] .rmp-card--speaking{background:#18a86b12;border-color:#18a86b2e}[data-theme=light] .rmp-controls{border-top-color:#141c3c14}[data-theme=light] .rmp-slider{background:#141c3c1f}[data-theme=light] .rmp-mute-btn{background:#141c3c0f;color:var(--text-muted)}[data-theme=light] .rmp-mute-btn:hover{background:#e236561a;color:#e23656}[data-theme=light] .rmp-mute-btn.is-muted{background:#e236561f;color:#e23656}[data-theme=light] .rmp-mute-btn.is-muted:hover{background:#18a86b1f;color:#18a86b}.user-bar-avatar-btn{flex-shrink:0;background:transparent;border:none;padding:2px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.user-bar-avatar-btn:hover{transform:scale(1.08);box-shadow:0 0 0 2px var(--accent)}.user-bar-right{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:4px}.user-bar-right .user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;flex:1;min-width:0}.user-bar-main-row{display:flex;align-items:center;gap:8px;width:100%}.user-bar{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.voice-leave-wide-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:7px 12px;border:none;border-radius:8px;background:#ed424526;color:#ff4d6d;font-size:12px;font-weight:600;font-family:var(--font-text);cursor:pointer;transition:background .15s,color .15s,transform .12s;letter-spacing:.01em}.voice-leave-wide-btn:hover{background:#ed424547;color:#ff2d50;transform:translateY(-1px)}.voice-leave-wide-btn:active{transform:translateY(0);background:#ed424559}[data-theme=light] .voice-leave-wide-btn{background:#e236561a;color:#c8213e}[data-theme=light] .voice-leave-wide-btn:hover{background:#e2365633;color:#b01a33}.user-bar-voice-row{display:flex;align-items:center;gap:4px}.user-bar-voice-row .mic-toggle-btn,.user-bar-right .mic-toggle-btn,.user-bar-voice-row .icon-btn,.user-bar-right .icon-btn{width:26px;height:26px}.call-overlay-nomicbanner{font-size:11px;font-weight:500;color:#ffb84d;background:#ffb4321f;border-bottom:1px solid rgba(255,180,50,.2);padding:5px 12px;text-align:center;letter-spacing:.01em}[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%,rgba(108,99,255,.07) 0%,transparent 70%),radial-gradient(ellipse 45% 40% at 100% 100%,rgba(0,180,255,.04) 0%,transparent 65%),linear-gradient(180deg,var(--bg-layer2) 0%,var(--bg-base) 100%);position:relative}.main-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(108,99,255,.025) 0%,transparent 12%,transparent 88%,rgba(0,180,255,.015) 100%)}.main-panel>*{position:relative;z-index:1}.messages-area{background:transparent}[data-theme=light] .main-panel{background:#f7f9fc!important}[data-theme=light] .main-panel:before{background:linear-gradient(90deg,rgba(91,84,232,.018) 0%,transparent 12%,transparent 88%,rgba(91,84,232,.012) 100%)}[data-theme=light] .messages-area{background:transparent!important}.room-pane-header{height:var(--header-h);padding:0 14px 0 16px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 130% 170% at 50% -10%,rgba(108,99,255,.13) 0%,transparent 65%),linear-gradient(180deg,#161624d6,#10101ac7)!important;backdrop-filter:blur(18px) saturate(170%)!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;border-bottom:none!important;box-shadow:0 1px #6c63ff33,0 2px 8px #0000002e,inset 0 1px #ffffff12!important;flex-shrink:0}.room-pane-header:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,transparent 0%,rgba(108,99,255,.7) 50%,transparent 100%);pointer-events:none}.room-pane-title{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.room-pane-desc{margin-top:1px;font-size:11px;color:#a8a8c2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-pane-header .icon-btn-sm{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:var(--text-muted);transition:background .15s var(--ease-out),color .15s var(--ease-out)}.room-pane-header .icon-btn-sm:hover{background:#6c63ff33;color:var(--accent-light)}.btn-new-dm{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#6c63ff3d,#6c63ff21);border:1px solid rgba(108,99,255,.3);color:var(--accent-light);cursor:pointer;transition:background .15s var(--ease-out),transform .14s var(--ease-out),box-shadow .16s}.btn-new-dm:hover{background:linear-gradient(135deg,#6c63ff66,#6c63ff38);box-shadow:0 2px 12px #6c63ff4d;transform:translateY(-1px)}.btn-new-dm:active{transform:translateY(0)}[data-theme=light] .room-pane-header{background:radial-gradient(ellipse 130% 150% at 50% -20%,rgba(91,84,232,.07) 0%,transparent 65%),linear-gradient(180deg,#fff,#f8faff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px #5b54e81f,0 2px 8px #141c3c0f!important}[data-theme=light] .room-pane-header:before{background:linear-gradient(180deg,transparent 0%,rgba(91,84,232,.55) 50%,transparent 100%)}[data-theme=light] .room-pane-desc{color:var(--text-muted)}[data-theme=light] .room-pane-header .icon-btn-sm:hover{background:#5b54e81a;color:var(--accent)}[data-theme=light] .btn-new-dm{background:#5b54e817;border-color:#5b54e838;color:var(--accent)}[data-theme=light] .btn-new-dm:hover{background:#5b54e82e;box-shadow:0 2px 8px #5b54e82e}.room-row{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;width:100%;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text-secondary);transition:background .15s var(--ease-out),color .15s var(--ease-out),transform .14s var(--ease-out);position:relative}.room-row:hover{background:#fff1;color:var(--text-primary)}.room-row.active{background:linear-gradient(135deg,#6c63ff2e,#6c63ff12);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent),inset 0 1px #ffffff0f}.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{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-row-count{font-size:10px;font-weight:700;color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:1px 6px;line-height:1.6;flex-shrink:0}.room-row.active .room-row-count{background:#6c63ff33;color:var(--accent-light)}[data-theme=light] .room-row:hover{background:#5b54e80f;color:var(--text-primary)}[data-theme=light] .room-row.active{background:linear-gradient(135deg,#5b54e821,#5b54e80d);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=light] .room-row.active .room-row-icon{color:var(--accent)}[data-theme=light] .room-row-count{background:#141c3c12}[data-theme=light] .room-row.active .room-row-count{background:#5b54e824;color:var(--accent)}.dm-pane-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;cursor:pointer;transition:background .15s var(--ease-out);position:relative}.dm-pane-item:hover{background:#fff1}.dm-pane-item.active{background:linear-gradient(135deg,#6c63ff2e,#6c63ff12);box-shadow:inset 2px 0 0 var(--accent),inset 0 1px #ffffff0f}.dm-pane-avatar{position:relative;display:inline-grid;place-items:center;flex-shrink:0;cursor:pointer}.dm-status-dot{position:absolute;bottom:0;right:0;transform:translate(-35%,-35%);width:8px;height:8px;box-sizing:border-box;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-layer2);box-shadow:0 0 0 1px #0000001f;transition:background .3s,transform .2s}.dm-status-dot.online{background:#3ed47b}.dm-pane-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-pane-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dm-pane-snippet{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}[data-theme=light] .dm-pane-item:hover{background:#5b54e80f}[data-theme=light] .dm-pane-item.active{background:linear-gradient(135deg,#5b54e821,#5b54e80d);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=light] .dm-status-dot{border-color:#fff}.empty-state.full-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;flex:1;text-align:center}.empty-state.full-center .empty-icon{font-size:56px;filter:drop-shadow(0 8px 28px rgba(108,99,255,.3));animation:float-soft 4.5s ease-in-out infinite;display:block;line-height:1}.empty-state.full-center h2{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.empty-state.full-center p{font-size:14px;color:var(--text-muted);max-width:320px;line-height:1.6;margin:0}[data-theme=light] .empty-state.full-center .empty-icon{filter:drop-shadow(0 8px 24px rgba(91,84,232,.22))}.room-pane-section-head{display:flex;align-items:center;justify-content:space-between;padding:2px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.room-pane-section-head .icon-btn-sm{width:20px;height:20px;border-radius:5px;color:var(--text-muted)}.room-pane-section-head .icon-btn-sm:hover{background:#6c63ff2e;color:var(--accent-light)}[data-theme=light] .room-pane-section-head{color:var(--text-muted)}[data-theme=light] .room-pane-section-head .icon-btn-sm:hover{background:#5b54e81a;color:var(--accent)}.room-voice-list{padding:2px 0 4px 14px;display:flex;flex-direction:column;gap:2px}.room-voice-row{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 6px;border-radius:7px;cursor:pointer;transition:background .13s;font-size:12px;color:var(--text-secondary);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:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:0 2px 2px 0;background:#4bc47f;animation:rmp-speaking-bar 1.4s ease-in-out infinite}.room-voice-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}[data-theme=light] .room-voice-row:hover{background:#5b54e80f}[data-theme=light] .room-voice-row.is-speaking{background:#18a86b14;color:var(--text-primary)}.icon-picker-v2{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.icon-cat-tabs{display:flex;gap:5px;flex-wrap:wrap}.icon-cat-tab{padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .14s;white-space:nowrap}.icon-cat-tab:hover{background:var(--glass-hover);color:var(--text-primary)}.icon-cat-tab.active{background:#6c63ff33;border-color:#6c63ff80;color:#e8e6ff}[data-theme=light] .icon-cat-tab.active{background:#5b54e81f;border-color:#5b54e859;color:var(--accent)}.icon-grid{display:flex;flex-wrap:wrap;gap:6px}.channel-preview-strip{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--hi-soft);margin-bottom:4px}.channel-preview-icon-wrap{width:44px;height:44px;border-radius:12px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.22);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden;transition:background .18s;position:relative}.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{width:100%;height:100%;object-fit:cover}.channel-preview-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.channel-preview-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.channel-preview-name{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .channel-preview-strip{background:#fff;border-color:#5b54e81f;box-shadow:0 2px 8px #141c3c0f}[data-theme=light] .channel-preview-icon-wrap{background:#5b54e814;border-color:#5b54e82e}.join-mode-card .jm-icon{font-size:22px;transition:transform .15s var(--ease-out)}.join-mode-card:hover .jm-icon{transform:scale(1.1)}.join-mode-card.selected .jm-icon{background:#6c63ff26}.diamond-balance{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--radius-lg);background:linear-gradient(130deg,#6c63ff47,#9b59b62e 45%,#eb459e24 75%,#00b4ff14);border:1px solid rgba(108,99,255,.4);box-shadow:0 4px 24px #6c63ff2e,inset 0 1px #ffffff1f}.diamond-balance:after{content:"💎";position:absolute;font-size:90px;opacity:.07;right:18px;top:50%;transform:translateY(-50%);line-height:1;pointer-events:none;filter:blur(1px)}.diamond-balance-gem{font-size:38px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(108,99,255,.65));line-height:1}.diamond-balance-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.diamond-balance-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#c8c4ffa6}.diamond-balance-amount{font-size:30px;font-weight:800;color:#ede8ff;letter-spacing:-.02em;line-height:1.1}.diamond-balance-hint{font-size:12px;color:#b4aff099;margin-top:2px;line-height:1.4}[data-theme=light] .diamond-balance{background:linear-gradient(130deg,#5b54e824,#9b59b617 45%,#eb459e14 75%,#0096dc0d);border-color:#5b54e847;box-shadow:0 4px 20px #5b54e81a,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{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--radius-lg);background:linear-gradient(130deg,#00b4ff24,#6c63ff2e,#eb459e1f 80%);border:1px solid rgba(108,99,255,.35);box-shadow:0 2px 20px #6c63ff1f,inset 0 1px #ffffff14}.anim-avatar-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 100% at 80% 50%,rgba(0,180,255,.08) 0%,transparent 60%);pointer-events:none}.anim-avatar-hero-icon{font-size:36px;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#6c63ff2e;border-radius:var(--radius-md);border:1px solid rgba(108,99,255,.3);filter:drop-shadow(0 2px 10px rgba(108,99,255,.35));position:relative;z-index:1}.anim-avatar-hero-info{flex:1;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.anim-avatar-hero-label{font-size:15px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.anim-avatar-hero-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:linear-gradient(90deg,#6c63ff59,#eb459e40);color:#e8c0ff;font-size:10px;font-weight:700;border:1px solid rgba(200,150,255,.25);letter-spacing:.04em}.anim-avatar-hero-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.anim-avatar-hero-footer{display:flex;align-items:center;gap:10px}.premium-active-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;background:#4bc47f2e;color:#6be3b8;border:1px solid rgba(75,196,127,.35);font-size:11px;font-weight:700}[data-theme=light] .anim-avatar-hero{background:linear-gradient(130deg,#00a0e614,#5b54e81a,#eb459e12 80%);border-color:#5b54e840;box-shadow:0 2px 16px #5b54e814,inset 0 1px #fff9}[data-theme=light] .anim-avatar-hero-icon{background:#5b54e81a;border-color:#5b54e838}[data-theme=light] .premium-active-chip{background:#16a0641f;color:#0e8a60;border-color:#16a06447}.premium-tier-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.premium-tier-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:var(--radius-md);background:var(--glass-bg);border:1.5px solid var(--glass-border);transition:border-color .18s,background .18s}.premium-tier-card.owned{border-color:#57f28766;background:#57f2870d}.premium-tier-card.info{border-color:#a855f74d;background:#a855f70d}.premium-tier-header{display:flex;align-items:center;gap:8px;width:100%}.premium-tier-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.06em}.premium-tier-badge.lv1{background:#fed70033;color:#d4af37;border:1px solid rgba(254,215,0,.3)}.premium-tier-badge.lv2{background:#6c63ff33;color:#a89cff;border:1px solid rgba(108,99,255,.3)}.premium-tier-badge.boost{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.premium-tier-icon{font-size:30px;line-height:1}.premium-tier-name{font-size:14px;font-weight:800;color:var(--text-primary)}.premium-tier-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%}.premium-tier-perks li{font-size:12px;color:var(--text-secondary);padding-left:12px;position:relative}.premium-tier-perks li:before{content:"·";position:absolute;left:0;color:var(--accent)}.premium-tier-owned{font-size:12px;font-weight:700;color:#57f287;margin-top:auto}.premium-tier-hint{font-size:11px;color:var(--text-muted);margin-top:auto}.premium-slot-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:var(--hi-soft)}.premium-slot-card:hover{background:var(--glass-hover);border-color:#6c63ff47;box-shadow:0 4px 14px #6c63ff14,var(--hi-soft)}.premium-slot-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.premium-slot-icon.gold{background:linear-gradient(135deg,#ffc10738,#ff980024);border:1px solid rgba(255,193,7,.28)}.premium-slot-icon.violet{background:linear-gradient(135deg,#6c63ff38,#9b59b624);border:1px solid rgba(108,99,255,.28)}.premium-slot-icon.sky{background:linear-gradient(135deg,#00b4ff38,#0082c824);border:1px solid rgba(0,180,255,.28)}.premium-slot-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.premium-slot-label{font-size:14px;font-weight:700;color:var(--text-primary)}.premium-slot-desc{font-size:12px;color:var(--text-secondary)}[data-theme=light] .premium-slot-card{background:#fff;border-color:#5b54e81a;box-shadow:0 2px 8px #141c3c0f}[data-theme=light] .premium-slot-card:hover{background:#f8f9ff;border-color:#5b54e83d;box-shadow:0 4px 14px #5b54e814}.rail-channel{overflow:visible}.rail-channel img{border-radius:12px;width:100%;height:100%;object-fit:cover}.icon-opt-upload.gif-locked{position:relative;opacity:.7}.gif-lock-badge{position:absolute;bottom:2px;right:2px;font-size:9px;line-height:1;background:#6c63ffd9;color:#fff;border-radius:3px;padding:1px 3px;pointer-events:none;font-weight:700;letter-spacing:.02em}.member-row.ctx-open,.member-row.ctx-open:hover{background:transparent!important}.member-icon-btn.ctx-open:hover{transform:none!important}[data-theme=light] .icon-opt{background:#141c3c0d;border-color:#141c3c1a}[data-theme=light] .icon-opt:hover{background:#141c3c17;border-color:#141c3c29}[data-theme=light] .icon-opt.selected{background:#5b54e824;border-color:#5b54e861}[data-theme=light] .icon-cat-tab{background:#141c3c0d;border-color:#141c3c1f}[data-theme=light] .icon-cat-tab:hover{background:#141c3c17;border-color:#141c3c2e;color:var(--text-primary)}.upload-hint-strip{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px}.upload-type-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);line-height:1.6}.upload-size-cap{font-size:11px;color:var(--text-muted);padding-left:3px}.upload-hint-note{width:100%;font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.5}[data-theme=light] .upload-type-pill{background:#141c3c0f;border-color:#141c3c1f;color:var(--text-secondary)}.msg-group{display:flex;flex-direction:column}.msg-group-multi:not([class*=msg-group-style-]):hover{background:#ffffff03;border-radius:var(--radius-md)}.msg-group-multi .message:first-child{padding-bottom:1px}.message.message-grouped{padding-top:1px;padding-bottom:1px}.msg-grouped-time{flex:0 0 36px;min-width:0;align-self:center;font-size:10px;color:var(--text-muted);text-align:right;padding-right:2px;opacity:0;transition:opacity .15s;-webkit-user-select:none;user-select:none;line-height:1}.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{position:relative;isolation:isolate;border-radius:var(--radius-md);background:hsla(var(--glow-hue, 260),65%,60%,.022)}@keyframes premium-glow-pulse{0%,to{box-shadow:inset 3px 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 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:premium-glow-pulse 3s ease-in-out infinite}@keyframes premium-gradient-hue{0%{box-shadow:inset 3px 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 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 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 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:premium-gradient-hue 6s linear infinite}@keyframes premium-shimmer{0%,to{box-shadow:inset 3px 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 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:premium-shimmer 4s ease-in-out infinite}[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:transparent}.fontsize-picker{display:flex;gap:4px}.fontsize-btn{padding:4px 12px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.fontsize-btn:hover{background:var(--glass-hover);color:var(--text-primary)}.fontsize-btn.active{background:#6c63ff2e;border-color:#6c63ff80;color:var(--accent-light);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{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-modal.liquid-glass{background:linear-gradient(150deg,#1a1a26d6,#14141ee6,#181824db)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.08)!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:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(150deg,rgba(255,255,255,.04) 0%,transparent 40%,transparent 75%,rgba(140,124,255,.02) 100%);pointer-events:none;z-index:0}.glass-modal.liquid-glass>*{position:relative;z-index:1}.glass-modal.liquid-glass .modal-header{border-bottom-color:#ffffff17!important;background:transparent!important}.glass-modal.liquid-glass .modal-footer{border-top-color:#ffffff12!important;background:#ffffff06!important}[data-theme=light] .glass-modal.liquid-glass{background:linear-gradient(150deg,#f8f9ffc7,#f4f6fed6,#f6f8ffcc)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,0 0 0 .5px #141c3c0f,0 28px 60px #141c3c1f,0 8px 22px #141c3c12,0 2px 8px #141c3c0d!important}[data-theme=light] .glass-modal.liquid-glass:before{background:linear-gradient(150deg,rgba(255,255,255,.45) 0%,transparent 35%,transparent 75%,rgba(200,210,240,.12) 100%)}[data-theme=light] .glass-modal.liquid-glass .modal-header{border-bottom-color:#141c3c14!important;background:transparent!important}[data-theme=light] .glass-modal.liquid-glass .modal-footer{border-top-color:#141c3c12!important;background:#f0f3fc8c!important}[data-theme=light] .glass-modal.liquid-glass .user-row{background:#141c3c0a!important;border-color:#141c3c12!important}[data-theme=light] .glass-modal.liquid-glass .user-row:hover{background:#141c3c14!important;border-color:#141c3c1f!important}[data-theme=light] .glass-modal.liquid-glass .result-list{background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=light] .glass-modal.liquid-glass .presence-dot{border-color:#f5f6fcf2!important}.notif-panel{background:linear-gradient(150deg,#1a1a26d6,#14141ee6,#181824db)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(255,255,255,.08)!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{background:linear-gradient(150deg,#f8f9ffc7,#f4f6fed6,#f6f8ffcc)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #141c3c0f,0 20px 48px #141c3c1f,0 6px 16px #141c3c12!important}.sticker-picker-popup{background:linear-gradient(150deg,#1a1a26e0,#14141eed,#181824e6)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff17,0 0 0 .5px #ffffff0a,0 28px 60px #0000006b,0 8px 22px #0003!important}.sticker-picker-header{border-bottom-color:#ffffff14!important;background:transparent!important}.sticker-picker-tabs{border-bottom-color:#ffffff12!important}[data-theme=light] .sticker-picker-popup{background:linear-gradient(150deg,#f8f9ffcc,#f4f6fedb,#f6f8ffd1)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,0 0 0 .5px #141c3c0f,0 20px 50px #141c3c1f,0 6px 16px #141c3c12!important}[data-theme=light] .sticker-picker-header{border-bottom-color:#141c3c14!important}[data-theme=light] .sticker-picker-tabs,[data-theme=light] .sticker-upload-bar{border-bottom-color:#141c3c12!important}[data-theme=light] .sticker-tab:hover{background:#141c3c0f!important}.emoji-quick-picker{background:linear-gradient(150deg,#1a1a26e0,#14141eed,#181824e6)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff17,0 16px 40px #00000061,0 4px 12px #0000002e!important}[data-theme=light] .emoji-quick-picker{background:linear-gradient(150deg,#f8f9ffcc,#f4f6fedb,#f6f8ffd1)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border:1px solid rgba(200,210,230,.55)!important;box-shadow:inset 0 1px #ffffffd9,0 12px 36px #141c3c1f,0 3px 10px #141c3c12!important}.member-panel,.room-members-panel{background:linear-gradient(180deg,#10101ad1,#0e0e16e0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.07)}.member-panel-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.member-section-label{display:flex;align-items:center;gap:8px;padding:10px 12px 5px}.member-section-label:after{content:"";flex:1;height:1px;background:#ffffff0f;border-radius:1px}.member-row{margin:1px 6px;border-radius:9px;padding:5px 8px;border-left:2px solid transparent;transition:background .14s,border-left-color .14s,transform .12s}.member-row:hover{background:#ffffff12!important;border-left-color:#6c63ff66!important;transform:translate(1px)}.member-row.ctx-open,.member-row.ctx-open:hover{background:#6c63ff1a!important;border-left-color:#6c63ff59!important;transform:none!important}.member-status-dot{border-color:#0e0e16}[data-theme=light] .member-panel,[data-theme=light] .room-members-panel{background:linear-gradient(180deg,#f6f8ffd1,#f2f5fee0)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border-left:1px solid rgba(200,210,230,.5)!important;box-shadow:-3px 0 18px #141c3c12!important}[data-theme=light] .member-panel-header{background:#fff9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(200,210,230,.45)!important;box-shadow:none!important;color:#141c3c8c!important}[data-theme=light] .member-panel-toggle-header{color:#141c3c73!important}[data-theme=light] .member-panel-toggle-header:hover{background:#5b54e814!important;color:var(--text-primary)!important}[data-theme=light] .member-section-label,[data-theme=light] .member-panel-section-label{color:#141c3c6b!important}[data-theme=light] .member-section-label:after{background:#141c3c17!important}[data-theme=light] .member-row:hover{background:#5b54e814!important;border-left-color:#5b54e859!important}[data-theme=light] .member-row.ctx-open,[data-theme=light] .member-row.ctx-open:hover{background:#5b54e81f!important;border-left-color:#5b54e866!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:transparent!important}[data-theme=light] .member-panel-toggle-top{background:#ffffffb8!important;border-color:#c8d2e680!important;color:#141c3c80!important}[data-theme=light] .member-panel-toggle-top:hover{background:#5b54e81a!important;color:var(--text-primary)!important}