:root{--ln-bg: #0b0c0f;--ln-surface: #12131a;--ln-border: rgba(255,255,255,.08);--ln-accent: #4F8CFF;--ln-accent-2: #2EE6C0;--ln-accent-glow: rgba(79,140,255,.35);--ln-text: #efefef;--ln-muted: #8888a0;--ln-dim: #5a5a70;--ln-font: "Rajdhani", "Plus Jakarta Sans", sans-serif;--ln-display: "Orbitron", "Plus Jakarta Sans", sans-serif;--ln-mono: "Share Tech Mono", "JetBrains Mono", monospace}.electron-frame{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden;background:var(--ln-bg)}.electron-frame-body{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.electron-frame-body>.app-loading,.electron-frame-body>.app-splash,.electron-frame-body>.app-shell,.electron-frame-body>.app-home{flex:1;min-height:0;height:100%;width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--ln-bg);color:var(--ln-text);overflow:hidden}.app-shell--electron{height:100%;min-height:0}.app-shell--electron .app-shell-body{flex:1;min-height:0;display:flex;flex-direction:column}.app-shell--electron .app,.app-shell--electron .auth-page{height:100%;min-height:0}.app-titlebar{height:48px;flex-shrink:0;display:flex;align-items:center;background:#0b0b0feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--ln-border);-webkit-user-select:none;user-select:none;z-index:100001;position:relative}.app-titlebar-drag{flex:1;height:100%;display:flex;align-items:center;-webkit-app-region:drag}.app-titlebar-brand{display:flex;align-items:center;gap:12px;padding:0 20px;pointer-events:none}.app-titlebar-logo{font-family:var(--ln-display);font-size:15px;font-weight:800;letter-spacing:2px;color:var(--ln-accent);text-shadow:0 0 20px var(--ln-accent-glow)}.app-titlebar-sep{width:1px;height:18px;background:var(--ln-border)}.app-titlebar-sub{font-family:var(--ln-display);font-size:11px;font-weight:600;letter-spacing:3px;color:var(--ln-muted)}.app-titlebar-user{display:flex;align-items:center;gap:8px;padding:0 12px;-webkit-app-region:no-drag}.app-titlebar-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--ln-border)}.app-titlebar-avatar.ph{display:flex;align-items:center;justify-content:center;background:var(--ln-surface);font-size:12px;font-weight:700}.app-titlebar-name{font-size:12px;color:var(--ln-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-titlebar-controls{display:flex;height:100%;flex-shrink:0;margin-left:auto;-webkit-app-region:no-drag;border-left:1px solid var(--ln-border)}.app-tb-btn{width:48px;height:100%;display:flex;align-items:center;justify-content:center;color:#b8b8c8;border-left:1px solid rgba(255,255,255,.04);transition:background .15s,color .15s}.app-tb-btn:first-child{border-left:none}.app-tb-btn:hover{color:#fff;background:#ffffff14}.app-tb-close{color:#ddd}.app-tb-close:hover{background:#e81123;color:#fff}.app-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .48s ease;opacity:1}.app-splash--out{opacity:0;pointer-events:none}.app-splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#12121a,#050508 70%,#000)}.app-splash-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(79,140,255,.2) 0%,transparent 65%);pointer-events:none}.app-splash-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;transform:scale(.94);transition:transform .55s cubic-bezier(.22,1,.36,1)}.app-splash--hold .app-splash-content,.app-splash--out .app-splash-content{transform:scale(1)}.app-splash-logo{box-shadow:0 16px 48px var(--ln-accent-glow);border-radius:22px}.app-splash-title{font-family:var(--ln-display);font-size:clamp(40px,8vw,56px);font-weight:800;letter-spacing:4px;line-height:1}.app-splash-title span{color:var(--ln-text)}.app-splash-title .acc{color:var(--ln-accent);text-shadow:0 0 32px var(--ln-accent-glow)}.app-splash-tagline{font-family:var(--ln-mono);font-size:12px;letter-spacing:10px;color:var(--ln-dim)}.app-loading{flex:1;position:relative;z-index:900;display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;animation:appFadeIn .5s ease}.app-loading--out{opacity:0;transition:opacity .4s ease;pointer-events:none}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.app-loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(79,140,255,.12) 0%,transparent 50%),linear-gradient(180deg,#0a0a0e,#050508)}.app-loading-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;opacity:.45}.app-loading-content{position:relative;width:min(440px,92vw);display:flex;flex-direction:column;gap:36px;padding:24px}.app-loading-brand{text-align:center}.app-loading-logo{font-family:var(--ln-display);font-size:38px;font-weight:800;letter-spacing:4px}.app-loading-logo span{color:var(--ln-text)}.app-loading-logo .acc{color:var(--ln-accent);text-shadow:0 0 24px var(--ln-accent-glow)}.app-loading-tagline{font-family:var(--ln-mono);font-size:11px;letter-spacing:8px;color:var(--ln-dim);margin-top:8px}.app-steps{display:flex;flex-direction:column;gap:10px}.app-step{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:#ffffff08;border:1px solid transparent;animation:AppStepIn .45s ease backwards}@keyframes AppStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app-step--active{border-color:#4f8cff73;background:#4f8cff14;box-shadow:0 0 24px #4f8cff1a}.app-step--done{border-color:#34d3994d;background:#34d3990a}.app-step--error{border-color:#f8717166}.app-step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-step--active .app-step-icon{color:var(--ln-accent)}.app-step--done .app-step-icon{color:#34d399}.app-step--pending .app-step-icon{color:var(--ln-dim)}.app-step-label{font-family:var(--ln-font);font-size:15px;font-weight:600;letter-spacing:.3px}.app-step--pending .app-step-label{color:var(--ln-dim)}.app-step-dot{width:10px;height:10px;border-radius:50%;background:var(--ln-border)}.app-step-spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--ln-accent);border-radius:50%;animation:AppSpin .75s linear infinite}@keyframes AppSpin{to{transform:rotate(360deg)}}.app-progress-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.app-progress-fill{height:100%;background:linear-gradient(90deg,var(--ln-accent),var(--ln-accent-2));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.app-loading-error{text-align:center}.app-loading-error p{color:var(--ln-muted);margin-bottom:16px;font-size:14px}.app-btn{padding:12px 24px;border-radius:10px;font-family:var(--ln-display);font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer}.app-btn.primary{background:var(--ln-accent);color:#fff;border:none}.app-btn.primary:hover{box-shadow:0 0 24px var(--ln-accent-glow)}.app-home{position:relative;flex:1;min-height:0;overflow:hidden}.app-shell:not(.app-shell--electron) .app-home{min-height:100vh}.app-home-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-home-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}.app-home-orb-1{width:500px;height:500px;background:var(--ln-accent);top:-120px;left:-80px;animation:orbDrift 16s ease-in-out infinite}.app-home-orb-2{width:400px;height:400px;background:var(--ln-accent-2);bottom:-100px;right:-60px;animation:orbDrift 20s ease-in-out infinite reverse}@keyframes orbDrift{0%,to{transform:translate(0)}50%{transform:translate(30px,-24px)}}.app-home-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 40% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 40% 40%,#000 20%,transparent 75%)}.app-home-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr min(420px,38vw);gap:40px;height:100%;padding:40px 48px;align-items:center;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.app-home.mounted .app-home-layout{opacity:1;transform:none}.app-home-hero{max-width:640px}.app-home-logo{margin-bottom:24px;border-radius:16px}.app-home-title{font-family:var(--ln-display);font-size:clamp(42px,6vw,64px);font-weight:900;letter-spacing:3px;line-height:1;margin-bottom:12px}.app-home-title .t-main{color:var(--ln-text)}.app-home-title .t-acc{color:var(--ln-accent);text-shadow:0 0 40px var(--ln-accent-glow)}.app-home-tagline{font-family:var(--ln-mono);font-size:12px;letter-spacing:6px;color:var(--ln-accent-2);margin-bottom:16px}.app-home-desc{font-family:var(--ln-font);font-size:16px;line-height:1.65;color:var(--ln-muted);margin-bottom:32px;max-width:520px}.app-feature-grid{display:flex;flex-direction:column;gap:12px}.app-feature-card{display:flex;gap:16px;padding:16px 18px;border-radius:12px;background:#ffffff08;border:1px solid var(--ln-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:AppStepIn .5s ease backwards;transition:border-color .2s,transform .2s}.app-feature-card:hover{border-color:#4f8cff59;transform:translate(4px)}.app-feature-card strong{display:block;font-family:var(--ln-font);font-size:15px;font-weight:700;color:var(--ln-text);margin-bottom:4px}.app-feature-card p{font-size:13px;color:var(--ln-muted);line-height:1.45}.app-feature-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,var(--ln-accent),var(--ln-accent-2));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px var(--ln-accent-glow)}.app-auth-panel{display:flex;align-items:center;justify-content:center}.app-auth-card{width:100%;max-width:400px;padding:32px;border-radius:20px;background:#0e0e16e6;border:1px solid var(--ln-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 32px 80px #00000080}.app-back-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--ln-muted);transition:color .2s}.app-back-btn:hover{color:var(--ln-accent)}.app-back-icon{transform:rotate(180deg)}.app-auth-head h2{font-family:var(--ln-display);font-size:22px;font-weight:800;color:var(--ln-text);margin-bottom:8px;letter-spacing:1px}.app-auth-head p{font-size:14px;color:var(--ln-muted);margin-bottom:24px;line-height:1.5}.app-steam-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:12px;background:linear-gradient(135deg,#1b2838,#2a475e);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--ln-font);font-size:16px;font-weight:700;letter-spacing:.5px;transition:transform .2s,box-shadow .2s}.app-steam-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #00000073}.app-steam-btn:disabled{opacity:.75;cursor:wait}.auth-social-stack{display:flex;flex-direction:column;gap:10px}.app-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--ln-font);font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.app-social-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #00000073}.app-social-btn:disabled{opacity:.75;cursor:wait}.app-vk-btn{background:linear-gradient(135deg,#07f,#05c)}.app-tg-btn{background:linear-gradient(135deg,#229ed9,#1a7fb0)}.app-auth-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:11px;color:var(--ln-dim)}.app-privacy-toggle{width:100%;display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 0;border-top:1px solid var(--ln-border);font-size:13px;color:var(--ln-muted);font-weight:600}.app-privacy{font-size:12px;color:var(--ln-muted);line-height:1.55;padding:12px;background:#ffffff08;border-radius:8px;margin-top:8px}.app-auth-footer{margin-top:20px;text-align:center;font-family:var(--ln-mono);font-size:10px;letter-spacing:2px;color:var(--ln-dim)}.app-shell-body .profile-page{flex:1;overflow-y:auto;padding:32px}@media(max-width:960px){.app-home-layout{grid-template-columns:1fr;padding:28px 24px;overflow-y:auto}.app-feature-grid{display:none}}.ld-trust{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.ld-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 20px}.ld-trust-grid article{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.1);background:#0a0d16b8}.ld-trust-grid article .rc-icon{color:#7896ff}.ld-trust-grid article strong{font-family:var(--font-display);font-size:14px}.ld-trust-grid article span{color:var(--text-muted);font-size:13px;line-height:1.55}@media(max-width:768px){.ld-trust-grid{grid-template-columns:1fr}}.ld{--ld-bg: #0a0a0a;--ld-surface: #111111;--ld-surface-2: #141414;--ld-border: #2a2a2a;--ld-border-soft: rgba(255, 255, 255, .06);--ld-accent: #ffffff;--ld-accent-dim: #b0b0b0;--ld-text: #f5f5f5;--ld-muted: #888888;--ld-dim: #555555;--ld-font: "Rajdhani", "Plus Jakarta Sans", system-ui, sans-serif;--ld-display: "Orbitron", "Plus Jakarta Sans", sans-serif;--ld-mono: "Share Tech Mono", "JetBrains Mono", monospace;min-height:100vh;background:var(--ld-bg);color:var(--ld-text);font-family:var(--ld-font);overflow-x:hidden;position:relative}.ld-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:var(--ld-bg)}.ld-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.08}.ld-orb-1{width:520px;height:520px;background:#fff;top:-180px;left:-100px;animation:ldDrift 22s ease-in-out infinite}.ld-orb-2{width:400px;height:400px;background:#666;bottom:8%;right:-80px;animation:ldDrift 26s ease-in-out infinite reverse}.ld-orb-3{width:280px;height:280px;background:#333;top:48%;left:38%;animation:ldPulse 12s ease-in-out infinite;opacity:.06}.ld-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 5%,transparent 75%);mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 5%,transparent 75%)}.ld-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ld-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 50%,transparent 35%,rgba(0,0,0,.65) 100%)}@keyframes ldDrift{0%,to{transform:translate(0)}50%{transform:translate(20px,-18px)}}@keyframes ldPulse{0%,to{transform:scale(1);opacity:.05}50%{transform:scale(1.08);opacity:.1}}@keyframes ldFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes ldSpin{to{transform:rotate(360deg)}}.ld>*:not(.ld-bg){position:relative;z-index:1}.ld-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:10px clamp(16px,3vw,40px);background:#0a0a0aeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--ld-border)}.ld-nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--ld-display);font-size:13px;font-weight:800;letter-spacing:3px;color:var(--ld-text);text-decoration:none}.ld-nav-links{display:flex;gap:2px;flex:1}.ld-nav-links button,.ld-nav-links a{padding:7px 12px;font-family:var(--ld-font);font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--ld-muted);border-radius:4px;transition:color .15s,background .15s;text-decoration:none;display:inline-flex;align-items:center}.ld-nav-links button:hover,.ld-nav-links a:hover{color:var(--ld-text);background:#ffffff0a}.ld-nav-actions{display:flex;gap:8px;margin-left:auto}.ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:4px;font-family:var(--ld-font);font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;transition:transform .15s,opacity .15s,background .15s,border-color .15s,color .15s;white-space:nowrap}.ld-btn:disabled{opacity:.4;cursor:not-allowed}.ld-btn:not(:disabled):hover{transform:translateY(-1px)}.ld-btn-xl{padding:13px 22px;font-size:14px}.ld-btn-primary{background:#fff;color:#0a0a0a;border:1px solid #ffffff}.ld-btn-primary:not(:disabled):hover{background:#e8e8e8;border-color:#e8e8e8}.ld-btn-outline{background:transparent;border:1px solid var(--ld-border);color:var(--ld-text)}.ld-btn-outline:hover{border-color:#fff;background:#ffffff0a}.ld-btn-ghost{background:transparent;color:var(--ld-muted);border:1px solid transparent}.ld-btn-ghost:hover{color:var(--ld-text);border-color:var(--ld-border)}.ld-spin{width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:#0a0a0a;border-radius:50%;animation:ldSpin .7s linear infinite}.ld-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center;max-width:1280px;margin:0 auto;padding:36px clamp(16px,3vw,40px) 56px;min-height:calc(100vh - 56px)}.ld-hero-inner{opacity:1}.ld-hero-inner.enter{animation:ldFadeUp .65s ease both}.ld-hero-brand{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px}.ld-hero-wordmark{font-family:var(--ld-display);font-size:clamp(26px,3.8vw,38px);font-weight:900;letter-spacing:5px;color:var(--ld-text)}.ld-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:2px;background:var(--ld-surface-2);border:1px solid var(--ld-border);font-family:var(--ld-mono);font-size:10px;letter-spacing:1px;color:var(--ld-muted);text-transform:uppercase}.ld-badge-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff9;animation:ldPulse 2.5s ease-in-out infinite}.ld-hero h1{font-family:var(--ld-display);font-size:clamp(30px,4.2vw,48px);font-weight:900;line-height:1.08;letter-spacing:-.3px;margin-bottom:14px;max-width:520px}.ld-gradient{color:#fff;border-bottom:2px solid #fff;padding-bottom:2px}.ld-hero-lead{font-size:16px;line-height:1.5;color:var(--ld-muted);max-width:420px;margin-bottom:24px}.ld-hero-cta{display:flex;flex-wrap:wrap;gap:8px}.ld-hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0}.ld-hero-points li{padding:5px 10px;border:1px solid var(--ld-border);background:#ffffff08;font-family:var(--ld-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ld-muted)}.ld-hero-visual{position:relative;opacity:1;min-height:280px;display:flex;align-items:center;justify-content:center}.ld-hero-visual.enter{animation:ldFadeUp .75s ease .1s both}.ld-hero-pulse{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:ldRing 4s ease-out infinite}.ld-hero-pulse:after{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;border:1px solid rgba(255,255,255,.05);animation:ldRing 4s ease-out 1.2s infinite}@keyframes ldRing{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.25);opacity:0}}.ld-hero-card{position:relative;z-index:1;width:min(100%,380px);padding:22px 24px;border:1px solid var(--ld-border);background:linear-gradient(160deg,#161616,#0d0d0d);box-shadow:0 28px 70px #000000a6}.ld-hero-card-top{display:flex;align-items:center;gap:8px;font-family:var(--ld-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ld-muted);margin-bottom:18px}.ld-hero-card-top .live{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffff8c;animation:ldPulse 1.6s ease-in-out infinite}.ld-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.ld-hero-stats div{padding:12px 8px;text-align:center;border:1px solid var(--ld-border);background:#ffffff05}.ld-hero-stats strong{display:block;font-family:var(--ld-display);font-size:16px;font-weight:800;margin-bottom:4px}.ld-hero-stats span{font-size:10px;color:var(--ld-dim);text-transform:uppercase;letter-spacing:1px}.ld-hero-bars{display:flex;align-items:flex-end;gap:5px;height:42px}.ld-hero-bars i{display:block;flex:1;background:#fff;border-radius:1px;animation:ldBar 1.1s ease-in-out infinite;opacity:.75}.ld-hero-bars i:nth-child(1){height:35%;animation-delay:0s}.ld-hero-bars i:nth-child(2){height:70%;animation-delay:.1s}.ld-hero-bars i:nth-child(3){height:48%;animation-delay:.2s}.ld-hero-bars i:nth-child(4){height:90%;animation-delay:.15s}.ld-hero-bars i:nth-child(5){height:55%;animation-delay:.25s}@keyframes ldBar{0%,to{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}.ld-show{position:relative;max-width:none;padding:72px clamp(16px,4vw,48px);border-top:1px solid var(--ld-border);border-bottom:1px solid var(--ld-border);background:#050505;overflow:hidden}.ld-show-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ld-show-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);animation:ldScan 8s linear infinite;opacity:.5}@keyframes ldScan{0%{background-position:0 0}to{background-position:0 80px}}.ld-show-ring{position:absolute;width:520px;height:520px;right:-80px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.06);border-radius:50%;animation:ldDrift 14s ease-in-out infinite}.ld-show-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.ld-show-copy{animation:ldFadeUp .45s ease both}.ld-show-copy h2{font-family:var(--ld-display);font-size:clamp(28px,3.6vw,42px);font-weight:900;letter-spacing:.5px;margin:8px 0 12px;line-height:1.1}.ld-show-copy>p{font-size:15px;color:var(--ld-muted);line-height:1.55;max-width:400px;margin-bottom:20px}.ld-show-dots{display:flex;gap:8px;margin-bottom:20px}.ld-show-dots button{width:28px;height:3px;padding:0;border-radius:1px;background:#333;transition:background .2s,width .2s}.ld-show-dots button.active{width:44px;background:#fff}.ld-show-stage{animation:ldFadeUp .5s ease .05s both}.ld-show-frame{border:1px solid var(--ld-border);background:#0e0e0e;box-shadow:0 30px 80px #000000b3;min-height:340px;overflow:hidden}.ld-show-frame-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--ld-border);background:#090909}.ld-show-frame-bar span{width:8px;height:8px;border-radius:50%;background:#333}.ld-show-frame-bar span:nth-child(1){background:#555}.ld-show-frame-bar span:nth-child(2){background:#777}.ld-show-frame-bar span:nth-child(3){background:#999}.ld-show-frame-bar em{margin-left:auto;font-style:normal;font-family:var(--ld-mono);font-size:10px;letter-spacing:2px;color:var(--ld-dim);text-transform:uppercase}.ld-show-progress{height:2px;margin-top:10px;background:#1a1a1a;overflow:hidden}.ld-show-progress i{display:block;height:100%;width:0;background:#fff;animation:ldProgress 4.2s linear forwards}.ld-show-progress i.paused{animation-play-state:paused}@keyframes ldProgress{0%{width:0}to{width:100%}}.ld-scene{padding:22px;min-height:280px}.ld-scene-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ld-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.ld-scene-users{display:flex;flex-direction:column;gap:8px}.ld-scene-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ld-border);background:#ffffff05;font-size:13px;font-weight:600;animation:ldFadeUp .4s ease both}.ld-scene-user .av{width:22px;height:22px;border-radius:50%;background:#444;border:1px solid #666}.ld-scene-user.speaking{border-color:#fff}.ld-scene-user .wave{margin-left:auto;display:flex;align-items:flex-end;gap:2px;height:14px}.ld-scene-user .wave i{width:3px;background:#fff;display:block;animation:ldBar .7s ease-in-out infinite}.ld-scene-user .wave i:nth-child(1){height:40%}.ld-scene-user .wave i:nth-child(2){height:90%;animation-delay:.1s}.ld-scene-user .wave i:nth-child(3){height:55%;animation-delay:.2s}.ld-scene-msg{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;animation:ldFadeUp .4s ease both}.ld-scene-msg strong{color:#fff;min-width:64px}.ld-scene-msg span{color:var(--ld-muted)}.ld-scene-input{margin-top:18px;padding:12px 14px;border:1px solid var(--ld-border);color:var(--ld-dim);font-size:12px;background:#0a0a0a}.ld-scene-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.ld-scene-role{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid;font-weight:700;font-size:13px;animation:ldFadeUp .35s ease both}.ld-scene-role .dot{width:8px;height:8px;border-radius:50%}.ld-scene-steam{display:flex;align-items:center;justify-content:center;min-height:280px}.ld-scene-steam-card{text-align:center;padding:28px 32px;border:1px solid var(--ld-border);background:#111;animation:ldFadeUp .45s ease both;width:min(100%,280px)}.ld-scene-steam-card strong{display:block;margin:12px 0 6px;font-size:15px}.ld-scene-steam-card span{display:block;font-size:11px;color:var(--ld-muted);margin-bottom:16px}.ld-scene-steam-bar{height:3px;background:#222;overflow:hidden}.ld-scene-steam-bar i{display:block;height:100%;width:40%;background:#fff;animation:ldSteamBar 1.6s ease-in-out infinite}@keyframes ldSteamBar{0%{transform:translate(-100%)}to{transform:translate(280%)}}.ld-scene-novpn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:280px}.ld-scene-shield{width:88px;height:88px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;animation:ldPulse 2.4s ease-in-out infinite}.ld-scene-novpn ul{list-style:none;display:flex;flex-direction:column;gap:8px}.ld-scene-novpn li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;animation:ldFadeUp .4s ease both}.ld-scene-novpn li:nth-child(2){animation-delay:.1s}.ld-scene-novpn li:nth-child(3){animation-delay:.2s}.ld-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ld-why-card{padding:22px;border:1px solid var(--ld-border);background:var(--ld-surface)}.ld-why-card h3{font-family:var(--ld-display);font-size:16px;font-weight:800;margin-bottom:8px;letter-spacing:.5px}.ld-why-card p{font-size:13px;color:var(--ld-muted);line-height:1.5}.ld-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:transparent;pointer-events:none}.ld-mockup{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--ld-border);background:var(--ld-surface);box-shadow:0 32px 80px #000000b3}.ld-mockup-bar{display:flex;align-items:center;gap:5px;padding:9px 14px;background:#0a0a0a;border-bottom:1px solid var(--ld-border)}.ld-mockup-bar span:first-child{background:#444}.ld-mockup-bar span:nth-child(2){background:#666}.ld-mockup-bar span:nth-child(3){background:#888}.ld-mockup-bar span{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.ld-mockup-title{margin-left:auto;font-family:var(--ld-mono);font-size:9px;letter-spacing:2px;color:var(--ld-dim);width:auto!important;height:auto!important;background:none!important;border-radius:0!important}.ld-mockup-body{display:flex;min-height:300px}.ld-mockup-sidebar{width:52px;padding:10px 7px;background:#0a0a0a;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--ld-border)}.ld-mockup-guild{width:36px;height:36px;border-radius:10px;background:var(--ld-surface-2);border:1px solid var(--ld-border);transition:border-radius .15s}.ld-mockup-guild.active{border-radius:8px;background:#fff;border-color:#fff}.ld-mockup-channels{width:130px;padding:12px 8px;background:var(--ld-surface-2);border-right:1px solid var(--ld-border);font-size:11px}.ld-mockup-cat{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ld-dim);margin:6px 0 4px}.ld-mockup-cat:first-child{margin-top:0}.ld-mockup-ch{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:3px;color:var(--ld-muted);margin-bottom:1px}.ld-mockup-ch.active{background:#ffffff14;color:#fff}.ld-mockup-main{flex:1;display:flex;flex-direction:column;background:var(--ld-surface)}.ld-mockup-voice-bar{display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;color:var(--ld-muted);border-bottom:1px solid var(--ld-border);background:#ffffff05}.ld-mockup-speaking{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffff80;animation:ldPulse 1.5s ease-in-out infinite}.ld-mockup-msgs{padding:14px 12px;display:flex;flex-direction:column;gap:10px}.ld-mockup-msg{display:flex;align-items:baseline;gap:7px;font-size:12px;animation:ldFadeUp .45s ease backwards}.ld-mockup-msg:nth-child(2){animation-delay:.08s}.ld-mockup-msg:nth-child(3){animation-delay:.16s}.ld-mockup-msg .av{width:20px;height:20px;border-radius:50%;flex-shrink:0;align-self:center;border:1px solid var(--ld-border)}.ld-mockup-msg strong,.ld-mockup-msg>:not(.av):not(.txt){font-weight:700;color:var(--ld-text)}.ld-mockup-msg .txt{color:var(--ld-muted);margin-left:3px}.ld-mockup-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 55% 45%,rgba(255,255,255,.04),transparent 55%);pointer-events:none;z-index:-1}.ld-float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:4px;background:#0a0a0af5;border:1px solid var(--ld-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000080;animation:ldDrift 7s ease-in-out infinite;font-size:12px}.ld-float-card strong{display:block;font-size:11px;font-weight:700;letter-spacing:.3px}.ld-float-card span{font-size:10px;color:var(--ld-muted);font-family:var(--ld-mono)}.ld-float-voice{bottom:6%;left:-5%;color:#fff}.ld-float-screen{top:12%;right:-4%;animation-delay:-3.5s;color:var(--ld-muted)}.ld-section{max-width:1280px;margin:0 auto;padding:56px clamp(16px,3vw,40px)}.ld-section-band{max-width:none;background:#0d0d0d;border-top:1px solid var(--ld-border);border-bottom:1px solid var(--ld-border)}.ld-section-band .ld-section-head,.ld-section-band .ld-steps{max-width:1280px;margin-left:auto;margin-right:auto}.ld-section-head{text-align:center;max-width:560px;margin:0 auto 36px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.ld-section-head.in{opacity:1;transform:none}.ld-kicker{display:inline-block;font-family:var(--ld-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--ld-dim);margin-bottom:10px}.ld-section-head h2{font-family:var(--ld-display);font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:.5px;margin-bottom:8px}.ld-section-head p{font-size:14px;color:var(--ld-muted);line-height:1.55}.ld-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:0;transform:translateY(16px);transition:opacity .6s ease .06s,transform .6s ease .06s}.ld-features.in{opacity:1;transform:none}.ld-card{position:relative;padding:20px;border-radius:4px;background:var(--ld-surface);border:1px solid var(--ld-border);overflow:hidden;transition:border-color .2s,transform .2s;animation:ldFadeUp .45s ease backwards}.ld-card:hover{border-color:#444;transform:translateY(-2px)}.ld-card-icon{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#fff;color:#0a0a0a;border:1px solid var(--ld-border)}.ld-card h3{font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:6px}.ld-card p{font-size:13px;color:var(--ld-muted);line-height:1.5}.ld-card-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .5s ease}.ld-card:hover .ld-card-shine{left:120%}.ld-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.ld-steps.in{opacity:1;transform:none}.ld-step{position:relative;padding:24px 20px;border-radius:4px;background:var(--ld-surface);border:1px solid var(--ld-border);text-align:center;animation:ldFadeUp .5s ease backwards}.ld-step-num{position:absolute;top:12px;right:14px;font-family:var(--ld-mono);font-size:10px;color:var(--ld-dim);letter-spacing:1px}.ld-step-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#141414;color:#fff;border:1px solid var(--ld-border)}.ld-step h3{font-size:15px;font-weight:700;margin-bottom:6px}.ld-step p{font-size:12px;color:var(--ld-muted);line-height:1.5}.ld-step-line{display:none}.ld-download-box{display:flex;align-items:center;gap:32px;padding:36px 40px;border-radius:4px;background:var(--ld-surface);border:1px solid var(--ld-border);box-shadow:0 20px 60px #0006}.ld-download-copy h2{font-family:var(--ld-display);font-size:24px;font-weight:800;margin-bottom:6px}.ld-download-copy>p{color:var(--ld-muted);margin-bottom:12px;font-size:13px}.ld-download-list{list-style:none;margin-bottom:18px}.ld-download-list li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ld-muted);margin-bottom:4px}.ld-download-list svg{color:#fff;flex-shrink:0}.ld-download-actions{display:flex;flex-wrap:wrap;gap:8px}.ld-faq{max-width:680px;margin:0 auto}.ld-faq-item{border-bottom:1px solid var(--ld-border)}.ld-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-size:14px;font-weight:600;text-align:left;color:var(--ld-text)}.ld-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.ld-faq-a>p{overflow:hidden;font-size:13px;color:var(--ld-muted);line-height:1.55}.ld-faq-item.open .ld-faq-a{grid-template-rows:1fr}.ld-faq-item.open .ld-faq-a>p{padding-bottom:16px}.ld-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:28px clamp(16px,3vw,40px);border-top:1px solid var(--ld-border);max-width:1280px;margin:0 auto}.ld-footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--ld-display);font-size:11px;font-weight:800;letter-spacing:2px}.ld-footer p{font-size:11px;color:var(--ld-dim);font-family:var(--ld-mono)}.ld-footer-links{display:flex;gap:14px}.ld-footer-links button{font-size:12px;color:var(--ld-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ld-footer-links button:hover{color:#fff}@media(max-width:1024px){.ld-hero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.ld-hero-visual{order:-1;max-width:540px;margin:0 auto;width:100%}.ld-show-inner{grid-template-columns:1fr;gap:28px}.ld-why-grid{grid-template-columns:1fr}.ld-features{grid-template-columns:repeat(2,1fr)}.ld-steps{grid-template-columns:1fr;max-width:400px;margin:0 auto}.ld-nav-links{display:none}}@media(max-width:640px){.ld-features{grid-template-columns:1fr}.ld-download-box{flex-direction:column;text-align:center;padding:28px 20px}.ld-download-list{text-align:left}.ld-download-actions{justify-content:center}.ld-hero-cta{flex-direction:column}.ld-hero-cta .ld-btn{width:100%}.ld-nav-actions .ld-btn-ghost{display:none}.ld-show{padding:48px 16px}.ld-show-frame{min-height:280px}.ld-scene{min-height:240px}}.site-page{min-height:100vh;background:#0a0a0a;color:#f5f5f5;font-family:Rajdhani,Plus Jakarta Sans,sans-serif}.site-page-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px clamp(16px,3vw,40px);background:#0a0a0af0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #2a2a2a}.site-page-brand{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:800;letter-spacing:3px;color:#fff}.site-page-nav nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.site-page-nav nav a{padding:7px 12px;color:#888;font-weight:600;font-size:13px;text-decoration:none;border-radius:4px}.site-page-nav nav a:hover{color:#fff;background:#ffffff0a}.site-page-main{max-width:880px;margin:0 auto;padding:40px clamp(16px,3vw,32px) 64px}.site-page-main h1{font-family:Orbitron,sans-serif;font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:.5px;margin-bottom:12px}.site-lead{color:#888;font-size:16px;line-height:1.5;margin-bottom:28px;max-width:560px}.site-card{display:flex;gap:28px;align-items:center;padding:28px;border:1px solid #2a2a2a;background:#111;margin-bottom:24px;flex-wrap:wrap}.site-card.tight{flex-direction:column;align-items:flex-start}.site-card h2{font-size:20px;margin-bottom:6px}.site-card p{color:#888;margin-bottom:14px}.site-card .ld-btn{margin-right:8px;margin-bottom:8px}.site-checklist{list-style:none;margin:0 0 24px;padding:0}.site-checklist li{display:flex;align-items:center;gap:8px;padding:8px 0;color:#b0b0b0;font-size:14px}.site-faq{border-top:1px solid #2a2a2a}.site-steps{list-style:none;counter-reset:st;padding:0;margin:0 0 28px}.site-steps li{counter-increment:st;padding:20px;border:1px solid #2a2a2a;background:#111;margin-bottom:10px}.site-steps li:before{content:counter(st,decimal-leading-zero);font-family:Share Tech Mono,monospace;font-size:11px;color:#555;display:block;margin-bottom:8px;letter-spacing:1px}.site-steps strong{display:block;font-size:17px;margin-bottom:6px}.site-steps p{color:#888;font-size:14px;line-height:1.5;margin-bottom:12px}.site-compare{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.site-compare th,.site-compare td{padding:12px 14px;border:1px solid #2a2a2a;text-align:left}.site-compare th{background:#141414;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:1px}.site-compare td:first-child{color:#888;font-weight:600}.site-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.site-trust-grid .site-card{margin:0;align-items:flex-start}.site-trust-grid .rc-icon{color:#7896ff}.site-trust-callout{border-color:#5b7cff59;background:#111626e0}.site-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.site-page-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:24px clamp(16px,3vw,40px);border-top:1px solid #2a2a2a;color:#555;font-size:12px}.site-page-foot button{color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.site-page-foot button:hover{color:#fff}@media(max-width:720px){.site-page-nav nav{display:none}.site-card{flex-direction:column;align-items:flex-start}.site-trust-grid{grid-template-columns:1fr}}:root{--void: #0a0a0a;--surface-0: #0e0e0e;--surface-1: #121212;--surface-2: #161616;--surface-3: #1c1c1c;--surface-4: #262626;--surface-hover: #222222;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--border-glow: rgba(255,255,255,.22);--text: #f5f5f5;--text-secondary: #b0b0b0;--text-muted: #888888;--muted: #888888;--brand: #ffffff;--brand-2: #d4d4d4;--brand-h: #e8e8e8;--brand-soft: rgba(255,255,255,.08);--brand-soft-2: rgba(255,255,255,.14);--accent: #ffffff;--accent-hover: #e0e0e0;--green: #3dd68c;--red: #f23f43;--yellow: #f0b232;--gradient-brand: linear-gradient(135deg, #ffffff 0%, #888888 100%);--gradient-subtle: linear-gradient(180deg, rgba(255,255,255,.05) 0%, transparent 55%);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 6px 20px rgba(0,0,0,.55);--shadow-lg: 0 16px 48px rgba(0,0,0,.65);--glow-brand: 0 0 20px rgba(255,255,255,.12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--server-w: 68px;--chan-w: 232px;--mem-w: 232px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font: "Rajdhani", "Plus Jakarta Sans", sans-serif;--font-display: "Orbitron", "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", "JetBrains Mono", monospace;--bg1: var(--surface-2);--bg2: var(--surface-1);--bg3: var(--surface-0);--bg4: var(--surface-3)}html[data-density=compact]{--server-w: 60px;--chan-w: 200px;--mem-w: 200px;font-size:13px}html[data-density=compact] .channel{padding:5px 8px}html[data-density=compact] .user-bar{min-height:44px}html[data-density=compact] .btn-primary,html[data-density=compact] .btn-secondary{padding:8px 12px;font-size:12px}.icon-btn[data-tip],.icon-btn[title]{position:relative}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 9px;background:#111;border:1px solid #333;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:50;font-family:var(--font);letter-spacing:.02em;box-shadow:var(--shadow-md)}.icon-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.btn-primary{color:#0a0a0a!important;background:#fff!important;box-shadow:none!important}.btn-primary:hover:not(:disabled){background:#e8e8e8!important;box-shadow:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);font-size:14px;line-height:1.4;color:var(--text);background:var(--void);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}#root{display:flex;flex-direction:column;min-height:0}html.web-landing,html.web-landing body{overflow:auto;height:auto;min-height:100%}html.web-landing #root{overflow:visible;height:auto;min-height:100%}button,input,textarea,select{font:inherit;color:inherit;line-height:1.375}button{cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.rc-icon{display:block;flex-shrink:0}.rc-wordmark-text{font-size:1.25em;font-weight:700;color:#fff;letter-spacing:-.02em}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px;background:var(--void);position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 50% 0%,rgba(255,255,255,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 85% 80%,rgba(255,255,255,.04) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#121212)}.loading-logo{position:relative;z-index:1;animation:logoFloat 3s var(--ease-out) infinite}.spinner{width:40px;height:40px;border:3px solid var(--surface-3);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite;position:relative;z-index:1}.loading-screen p{color:var(--text-secondary);font-size:14px;font-weight:600;position:relative;z-index:1;letter-spacing:.03em;font-family:var(--font-display)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:var(--glow-brand)}50%{opacity:.85;box-shadow:0 0 40px #4f8cff4d}}.auth-page{display:flex;height:100vh;overflow:hidden;background:var(--void)}.auth-hero{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:56px;overflow:hidden}.auth-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 50% at 20% 30%,rgba(79,140,255,.18) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(46,230,192,.1) 0%,transparent 50%),linear-gradient(160deg,#08090c,#12131a 45%,#0b0c0f)}.auth-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.6;pointer-events:none}.auth-hero-content{position:relative;z-index:1;max-width:480px}.auth-logo{display:flex;align-items:center;gap:16px;margin-bottom:40px}.auth-logo-img{width:52px;height:52px;border-radius:14px}.auth-logo span{font-family:var(--font-display);font-size:26px;font-weight:800;color:#fff;letter-spacing:.04em}.auth-hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;color:#fff;line-height:1.05;margin-bottom:20px;letter-spacing:.02em}.auth-hero>p{color:var(--text-secondary);font-size:17px;line-height:1.65;margin-bottom:36px;max-width:420px}.auth-features{display:flex;flex-direction:column;gap:10px}.auth-feature{display:flex;align-items:center;gap:14px;color:var(--text);font-size:14px;font-weight:500;padding:14px 18px;background:#ffffff08;border-radius:var(--radius-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s,transform .2s var(--ease-out)}.auth-feature:hover{border-color:var(--border-strong);background:#ffffff0d;transform:translate(4px)}.auth-feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--gradient-brand);color:#0b0c0f;flex-shrink:0;box-shadow:var(--glow-brand)}.auth-feature-icon .rc-icon{color:#fff}.auth-main{flex:0 0 500px;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--surface-0);border-left:1px solid var(--border);position:relative}.auth-main:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-brand);opacity:.4}.auth-card{width:100%;max-width:420px;background:#161622d9;border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-card-head{margin-bottom:28px}.auth-card-head h2{font-size:26px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.02em}.auth-card-head p{color:var(--text-secondary);font-size:14px;line-height:1.55}.auth-steam-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.steam-btn{padding:0;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;line-height:0;transition:transform .2s var(--ease-spring),filter .2s}.steam-btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.05)}.steam-btn:active:not(:disabled){transform:translateY(0)}.steam-btn:disabled{opacity:.7;cursor:wait}.steam-btn img{display:block;border-radius:4px}.steam-btn-loading{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--surface-3);border-radius:var(--radius-md);color:var(--text);font-size:14px;font-weight:600;border:1px solid var(--border)}.btn-spinner{width:18px;height:18px;border:2px solid var(--surface-4);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.auth-steam-hint{font-size:11px;color:var(--muted);text-align:center}.auth-privacy-toggle{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:12px 0;color:var(--text-secondary);font-size:13px;font-weight:600;border-top:1px solid var(--border);margin-top:4px;transition:color .15s}.auth-privacy-toggle:hover{color:var(--text)}.auth-privacy{background:var(--surface-3);border-radius:var(--radius-md);padding:16px;margin-top:10px;font-size:13px;line-height:1.65;color:var(--text-secondary);animation:fadeIn .25s var(--ease-out);border:1px solid var(--border)}.auth-privacy ul{padding-left:18px;margin:10px 0}.auth-privacy li{margin:6px 0}.auth-privacy strong{color:var(--text)}.auth-privacy-foot{font-size:11px;font-style:italic;margin-top:10px;color:var(--muted)}.auth-footer{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}.profile-page{align-items:center;justify-content:center;padding:32px;background:var(--void)}.profile-card{display:grid;grid-template-columns:300px 1fr;max-width:880px;width:100%;background:#161622e6;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-preview{background:var(--surface-1);padding:28px;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border);position:relative}.profile-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-subtle);pointer-events:none}.profile-banner{width:100%;height:88px;border-radius:var(--radius-md);margin-bottom:-40px;position:relative;z-index:0}.profile-avatar-wrap{position:relative;margin-bottom:14px;z-index:1}.profile-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--surface-1);object-fit:cover;box-shadow:var(--shadow-md)}.profile-avatar.placeholder{width:80px;height:80px;border-radius:50%;border:4px solid var(--surface-1);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff}.profile-status-dot{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--surface-1);box-shadow:0 0 0 2px #0003}.profile-preview-name{font-size:20px;font-weight:800;color:#fff;margin-top:10px;letter-spacing:-.02em}.profile-preview-steam{font-size:13px;color:var(--muted);margin-top:4px}.profile-form-wrap{padding:36px}.profile-form label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;letter-spacing:.06em}.profile-form input,.profile-form textarea{width:100%;padding:12px 14px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f8cff33}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:14px;line-height:1.2;transition:background .15s,opacity .15s,box-shadow .15s,transform .12s;width:auto;margin-top:0;white-space:nowrap;box-shadow:0 2px 12px #4f8cff47}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 18px #4f8cff66}.btn-primary:active:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary.btn-block,.profile-form .btn-primary,.group-create .btn-primary,.auth-card .btn-primary{width:100%;margin-top:16px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:var(--text);border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border);font-weight:600;font-size:14px;line-height:1.2;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover{background:var(--surface-4);border-color:var(--border-strong)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:var(--text-secondary);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;font-weight:600;font-size:14px;line-height:1.2;transition:background .15s,color .15s}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--red);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;line-height:1.2;transition:filter .15s}.btn-danger:hover{filter:brightness(1.08)}.modal-actions .btn-primary,.modal-foot .btn-primary,.modal-save{width:auto;margin-top:0}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.color-picker,.status-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.color-dot{width:36px;height:36px;border-radius:50%;border:3px solid transparent;transition:transform .2s var(--ease-spring),box-shadow .2s}.color-dot:hover{transform:scale(1.12)}.color-dot.active{border-color:#fff;box-shadow:0 0 0 3px var(--brand)}.status-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-3);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);border:1px solid var(--border);transition:all .2s;font-weight:500}.status-btn.active{background:var(--surface-4);color:#fff;border-color:var(--brand);box-shadow:0 0 0 1px #4f8cff4d}.status-btn .dot{width:10px;height:10px;border-radius:50%}.error{color:var(--red);font-size:13px;margin:12px 0;padding:10px 14px;background:#f871711a;border-radius:var(--radius-sm);border:1px solid rgba(248,113,113,.2)}.auth-info{color:var(--brand-2);font-size:13px;margin:12px 0;padding:10px 14px;background:var(--brand-soft);border-radius:var(--radius-sm);border:1px solid var(--border-glow);line-height:1.45}@media(max-width:900px){.auth-page{flex-direction:column}.auth-hero{flex:none;padding:36px 28px;min-height:auto}.auth-hero h1{font-size:34px}.auth-features{display:none}.auth-main{flex:1;border-left:none;border-top:1px solid var(--border);padding:28px}.profile-card{grid-template-columns:1fr}.profile-preview{padding:24px}}.login-screen,.login-card{display:contents}.logo-icon,.avatar-lg{width:56px;height:56px;border-radius:var(--radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;object-fit:cover}.app{display:grid;grid-template-columns:var(--server-w) var(--chan-w) 1fr var(--mem-w);height:100%;min-height:0;max-height:100%;overflow:hidden;position:relative;background:var(--void)}.app-shell--electron .app{height:100%}.app.no-members{grid-template-columns:var(--server-w) var(--chan-w) 1fr}.app>*{min-height:0;min-width:0}.server-bar{background:var(--surface-0);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:10px;overflow-y:auto;border-right:1px solid var(--border)}.server-bar::-webkit-scrollbar{width:0}.server-icon{width:50px;height:50px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;transition:border-radius .2s var(--ease-out),background .2s,box-shadow .2s;flex-shrink:0;border:2px solid transparent;position:relative}.server-icon:before{content:"";position:absolute;left:-14px;width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:height .2s var(--ease-out)}.server-icon:hover,.server-icon.active{border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;box-shadow:var(--glow-brand);transform:none}.server-icon:hover:before,.server-icon.active:before{height:20px}.server-icon.home{background:var(--surface-2);color:#fff;border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:none}.server-icon.home .rc-icon{color:#fff;opacity:.92}.server-icon.home:hover,.server-icon.home.active{background:var(--gradient-brand);box-shadow:var(--glow-brand)}.server-icon.home:hover .rc-icon,.server-icon.home.active .rc-icon{opacity:1;color:#fff}.server-icon.add{color:var(--green);font-size:0;border:2px dashed rgba(52,211,153,.35);background:transparent}.server-icon.add:hover{border-color:var(--green);background:#34d3991a;color:var(--green)}.server-icon.add .rc-icon{color:inherit}.server-icon.invite{color:var(--accent)}.divider{width:36px;height:2px;background:var(--border-strong);border-radius:1px;margin:4px 0}.channel-panel{background:var(--surface-1);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.channel-panel header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:52px;border-bottom:1px solid var(--border);box-shadow:0 1px #0003;background:#10101899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.channel-panel header h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}.conn{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px #f8717180;transition:background .3s,box-shadow .3s}.conn.on{background:var(--green);box-shadow:0 0 8px #34d39980}.dm-section{padding:10px 12px 6px}.dm-btn{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;transition:background .15s,color .15s}.dm-btn .rc-icon{opacity:.7}.dm-btn:hover,.dm-btn.active{background:var(--surface-3);color:#fff}.dm-btn.active .rc-icon{opacity:1;color:var(--brand)}.channel-scroll{flex:1;overflow-y:auto;padding:8px 0}.cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px 18px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.cat-header button{color:var(--muted);padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.cat-header button:hover{background:var(--surface-3);color:var(--text)}.channel{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);margin:2px 10px;padding:8px 10px 8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;transition:background .15s,color .15s;position:relative}.channel:hover{background:var(--surface-3);color:var(--text)}.channel.active{background:var(--brand-soft);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.channel.active .channel-icon{color:var(--brand)}.channel-icon{display:flex;align-items:center;justify-content:center;opacity:.65;flex-shrink:0}.channel.active .channel-icon,.channel:hover .channel-icon{opacity:1}.voice-count{margin-left:auto;font-size:10px;font-weight:700;background:var(--green);color:#0a0a10;padding:2px 7px;border-radius:var(--radius-full)}.user-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-0);flex-shrink:0;border-top:1px solid var(--border)}.avatar-sm{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;object-fit:cover;box-shadow:0 0 0 2px var(--border)}.user-info{flex:1;min-width:0}.user-info .name{display:block;font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .status{font-size:11px;color:var(--muted);text-transform:capitalize}.icon-btn{color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s,transform .1s}.icon-btn:hover{color:var(--text);background:var(--surface-3)}.icon-btn.active{color:var(--brand);background:#4f8cff26}.chat-area{background:var(--surface-2);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;position:relative}.chat-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-subtle);pointer-events:none;opacity:.5}.chat-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:52px;border-bottom:1px solid var(--border);flex-shrink:0;background:#16162280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:2}.chat-header .hash,.chat-header .channel-icon{color:var(--muted)}.chat-header h3{font-family:var(--font-display);font-size:17px;font-weight:700;color:#fff;flex:1;letter-spacing:.02em}.messages-scroll-wrap{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 20px 12px;position:relative;z-index:1;scroll-behavior:auto}.messages-scroll-wrap .scroll-down-btn{position:absolute;right:24px;bottom:16px;z-index:5;width:40px;height:40px;border-radius:50%;background:var(--surface-1);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:opacity .2s,background .15s,transform .15s;animation:fadeIn .2s var(--ease-out)}.messages-scroll-wrap .scroll-down-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.welcome{margin-bottom:20px;padding:20px;background:#10101880;border-radius:var(--radius-lg);border:1px solid var(--border)}.welcome h2{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.03em}.welcome p{color:var(--text-secondary);font-size:14px;line-height:1.5}.msg{display:flex;gap:14px;padding:4px 16px 4px 8px;margin:0 -8px;position:relative;border-radius:var(--radius-sm);transition:background .15s ease;border:1px solid transparent}.msg:hover{background:#0000001f;border-color:transparent}.msg.compact{padding-top:1px;padding-bottom:1px}.msg.compact .msg-av{opacity:0;pointer-events:none}.msg.compact .msg-head{display:none}.msg-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:opacity .15s}.msg-av img{width:100%;height:100%;object-fit:cover}.msg-body{min-width:0;flex:1;padding-top:2px}.msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.author{font-weight:700;color:#fff;font-size:15px}.time,.edited{font-size:11px;color:var(--muted)}.msg-text{font-size:15px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.msg-actions{position:absolute;right:12px;top:-2px;display:flex;gap:2px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .15s ease}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1;pointer-events:auto}.msg-actions button{padding:6px 8px;color:var(--text-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.msg-actions button:hover{background:var(--surface-3);color:var(--text)}.typing{padding:0 20px 6px;font-size:13px;color:var(--muted);font-style:italic;position:relative;z-index:1;flex-shrink:0}.msg-form{display:flex;align-items:center;padding:12px 20px 16px;gap:10px;flex-shrink:0;position:relative;z-index:2;background:var(--surface-2);border-top:1px solid var(--border)}.msg-form input{flex:1;padding:12px 16px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;font-size:15px;transition:border-color .2s,box-shadow .2s}.msg-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f8cff33}.msg-form .send-btn,.msg-form button[type=submit].send-btn{width:44px;height:44px;background:var(--accent)!important;color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .15s,opacity .15s;box-shadow:0 2px 8px #4f8cff59}.msg-form .send-btn:hover,.msg-form button[type=submit].send-btn:hover{filter:brightness(1.1);transform:none}.msg-form .send-btn .rc-icon{color:#fff}.attach-btn{background:var(--surface-3)!important;border:1px solid var(--border)!important;width:44px!important;height:44px!important;border-radius:var(--radius-md)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .15s,border-color .15s!important}.attach-btn:hover{background:var(--surface-4)!important;border-color:var(--border-strong)!important;transform:none!important}.attach-btn.gif-label{color:var(--text-secondary)!important}.msg-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.msg-image{max-width:420px;max-height:320px;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border);transition:opacity .15s}.msg-image:hover{opacity:.92;transform:none}.msg-file{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-3);border-radius:var(--radius-md);color:var(--brand);font-size:14px;text-decoration:none;border:1px solid var(--border);font-weight:500}.msg-file:hover{background:var(--surface-4);text-decoration:none}.md-code{background:var(--surface-0);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;border:1px solid var(--border)}.md-codeblock{display:block;background:var(--surface-0);padding:14px;border-radius:var(--radius-sm);margin:8px 0;overflow-x:auto;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;border:1px solid var(--border)}.msg-text a{color:var(--accent);text-decoration:none;font-weight:500}.msg-text a:hover{text-decoration:underline}.md-mention{background:#4f8cff33;color:#a8c8ff;padding:1px 4px;border-radius:4px;font-weight:600;cursor:pointer;transition:background .15s}.md-mention:hover{background:#4f8cff59}.msg-reply-ref{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:var(--muted)}.reply-bar{width:3px;height:16px;background:var(--gradient-brand);border-radius:2px;flex-shrink:0}.reply-author{color:var(--brand);font-weight:700;font-size:12px}.reply-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.reply-bar-form{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--surface-1);border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary);position:relative;z-index:1}.reply-bar-form button{color:var(--muted);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s,background .15s}.reply-bar-form button:hover{color:var(--text);background:var(--surface-3)}.msg-quick-actions{position:absolute;right:12px;bottom:0;display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .15s ease}.msg:hover .msg-quick-actions,.msg:focus-within .msg-quick-actions{opacity:1;pointer-events:auto}.msg-quick-actions button{padding:4px 8px;font-size:12px;color:var(--text-secondary);border-radius:6px;background:var(--surface-1);border:1px solid var(--border);display:inline-flex;align-items:center;gap:4px;transition:background .12s,color .12s;box-shadow:var(--shadow-sm)}.msg-quick-actions button:hover{color:var(--text);background:var(--surface-3)}.unread-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);min-width:20px;text-align:center;line-height:1.35;box-shadow:0 2px 8px #f23f4359;flex-shrink:0}.dm-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--surface-1);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary);flex-shrink:0;position:relative;z-index:1}.pins-bar .rc-icon{color:var(--yellow);flex-shrink:0}.pin-snippet{padding:5px 10px;background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);transition:background .15s}.pin-snippet:hover{background:var(--surface-4)}.load-more-btn{display:block;width:100%;padding:10px;margin-bottom:14px;background:var(--surface-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:center;border:1px solid var(--border);transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:8px}.load-more-btn:hover:not(:disabled){background:var(--surface-4);color:var(--text)}.load-more-btn:disabled{opacity:.5}.add-category-btn{width:calc(100% - 20px);margin:10px;display:flex;align-items:center;gap:8px;padding:8px 14px;color:var(--muted);font-size:13px;font-weight:600;text-align:left;border-radius:var(--radius-sm);transition:background .15s,color .15s}.add-category-btn:hover{background:var(--surface-3);color:var(--green)}.friends-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.friends-tabs button{padding:8px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:600;border:1px solid transparent;transition:all .15s;line-height:1.2}.friends-tabs button.active{background:var(--surface-3);color:#fff;border-color:var(--border)}.friends-tabs button:hover:not(.active){background:#ffffff08;color:var(--text)}.friends-list{list-style:none;max-width:560px}.friends-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);transition:background .15s}.friends-list li:hover{background:var(--surface-3)}.friends-list .av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.friends-list .av img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1;min-width:0}.friend-name{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;line-height:1.3}.friend-status{display:block;font-size:12px;color:var(--muted);margin-top:2px}.btn-sm{padding:7px 12px;min-height:32px;background:var(--surface-3);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);border:1px solid var(--border);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;transition:background .15s,color .15s}.btn-sm:hover{background:var(--surface-4);color:var(--text)}.btn-sm.accept{color:var(--green);border-color:#34d3994d}.btn-sm.danger{color:var(--red);border-color:#f871714d}.empty-friends{color:var(--muted);padding:20px;font-size:14px;list-style:none}.friends-toast{margin:0 0 14px;padding:10px 14px;border-radius:var(--radius-md);background:#23a5591f;border:1px solid rgba(35,165,89,.35);color:var(--green);font-size:13px;font-weight:600}.friends-toast.err{background:#f23f431f;border-color:#f23f4359;color:var(--red)}.friends-sub{color:var(--text-secondary);font-size:14px;margin-bottom:12px;line-height:1.45}.invite-row{display:flex;gap:10px;align-items:center;max-width:560px;margin-bottom:10px}.invite-row .invite-link-input{margin:0;flex:1}.invite-hint{font-size:12px;color:var(--muted)}.ctx-menu{position:fixed;z-index:150000;min-width:196px;padding:6px;background:#181a22e0;border:1px solid rgba(79,140,255,.22);border-radius:var(--radius-md);box-shadow:0 12px 40px #0000008c,0 0 0 1px #2ee6c00f;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.ctx-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text);transition:background .12s,color .12s,transform .1s}.ctx-menu button .rc-icon{opacity:.8;flex-shrink:0;color:var(--text-secondary)}.ctx-menu button:hover{background:var(--gradient-brand);color:#fff;transform:translate(1px)}.ctx-menu button:hover .rc-icon{opacity:1;color:#fff}.ctx-menu button.danger{color:#ffb4b6}.ctx-menu button.danger:hover{background:linear-gradient(135deg,#f23f43,#c92a2e);color:#fff}.search-modal{max-width:580px}.modal-title-row{display:flex;align-items:center;gap:10px}.modal-title-row .rc-icon{color:var(--brand)}.search-msg-results{list-style:none;max-height:340px;overflow-y:auto;margin:14px 0}.search-msg-results li{padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s}.search-msg-results li:hover{background:var(--surface-3)}.search-author{display:block;font-weight:700;color:var(--brand);font-size:13px;margin-bottom:4px}.search-content{font-size:14px;color:var(--text-secondary)}.threads-block{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.msg-embed{display:flex;gap:14px;margin-top:10px;padding:14px;background:var(--surface-1);border-left:3px solid var(--brand);border-radius:var(--radius-md);text-decoration:none;color:inherit;max-width:540px;border:1px solid var(--border);border-left-width:3px;transition:background .15s}.msg-embed:hover{background:var(--surface-3);transform:none}.embed-image{width:84px;height:84px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.embed-body{min-width:0}.embed-site{font-size:11px;color:var(--muted);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.embed-title{display:block;color:var(--brand);font-size:14px;font-weight:700;margin-bottom:4px}.embed-desc{font-size:13px;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.emoji-wrap{position:relative}.emoji-picker{position:absolute;bottom:100%;left:0;width:340px;max-height:300px;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-lg);z-index:100;margin-bottom:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.emoji-picker-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 10px;font-size:13px;font-weight:700;color:#fff}.emoji-picker-head span{display:inline-flex;align-items:center;gap:6px}.emoji-picker-head button{color:var(--muted);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.emoji-picker-head button:hover{color:var(--text);background:var(--surface-3)}.emoji-group-title{font-size:10px;font-weight:700;color:var(--muted);padding:6px 10px;text-transform:uppercase;letter-spacing:.06em}.emoji-grid{display:flex;flex-wrap:wrap;gap:2px;padding:0 6px 10px}.emoji-grid button{font-size:22px;padding:6px;border-radius:var(--radius-sm);line-height:1;transition:background .12s}.emoji-grid button:hover{background:var(--surface-3);transform:none}.roles-list{list-style:none;margin:14px 0;max-height:220px;overflow-y:auto}.roles-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:background .12s}.roles-list li:hover{background:var(--surface-3)}.role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.role-name{flex:1;font-weight:700}.roles-check-list{list-style:none;margin:14px 0}.roles-check-list li{padding:10px 0}.roles-check-list label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500}.roles-btn{width:100%;margin-bottom:14px;text-align:center;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px}.role-tag{font-size:10px;padding:3px 9px;border:1px solid;border-radius:var(--radius-full);opacity:.95;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .12s,box-shadow .12s}.role-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.role-tag-gradient{font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35)}.role-icon{display:inline-flex;align-items:center;color:var(--yellow)}.group-create .btn-primary{max-width:300px;margin-top:14px}.friends-list li.selected{background:#4f8cff1f!important;outline:1px solid var(--brand)}.friends-list .check{margin-left:auto;color:var(--green);display:flex}.channel.dragging{opacity:.45;outline:2px dashed var(--brand)}.webhook-badge{font-size:9px;background:var(--gradient-brand);color:#fff;padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:800;vertical-align:middle;letter-spacing:.04em}.gif-picker{position:absolute;bottom:100%;left:0;width:360px;max-height:340px;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-lg);z-index:100;margin-bottom:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gif-search{width:100%;padding:10px 12px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;outline:none;transition:border-color .2s}.gif-search:focus{border-color:var(--brand)}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gif-item{padding:0;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;background:var(--surface-3);transition:transform .15s}.gif-item:hover{transform:scale(1.03)}.gif-loading{font-size:12px;color:var(--muted);padding:12px;text-align:center}.webhook-panel{max-width:580px}.webhook-list{list-style:none;margin:14px 0;max-height:300px;overflow-y:auto}.webhook-list li{padding:14px;background:var(--surface-3);border-radius:var(--radius-md);margin-bottom:10px;border:1px solid var(--border)}.webhook-url{display:block;font-size:11px;color:var(--green);word-break:break-all;margin:8px 0;font-family:JetBrains Mono,monospace}.webhook-actions{display:flex;gap:8px;margin-bottom:8px}.webhook-example{font-size:10px;color:var(--muted);background:var(--surface-1);padding:10px;border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.bot-created{background:var(--surface-3);padding:14px;border-radius:var(--radius-md);margin-bottom:14px;border:1px solid rgba(52,211,153,.3)}.bot-created code{display:block;font-size:11px;color:var(--green);word-break:break-all;margin:10px 0;font-family:JetBrains Mono,monospace}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000}.call-modal{background:var(--surface-1);padding:36px;border-radius:var(--radius-xl);text-align:center;min-width:300px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.call-modal h3{color:#fff;margin-bottom:10px;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.call-actions{display:flex;gap:14px;justify-content:center;margin-top:24px}.video-call-bar{position:fixed;bottom:88px;right:28px;display:flex;flex-direction:column;gap:10px;z-index:2500;background:var(--surface-1);padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border-glow);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.local-video{width:128px;height:96px;border-radius:var(--radius-md);object-fit:cover;background:#000;border:1px solid var(--border)}.remote-video{width:340px;height:255px;border-radius:var(--radius-md);object-fit:cover;background:#000;border:1px solid var(--border)}.video-call-bar .btn-danger{padding:10px 18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px}.msg-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--surface-3);border-radius:var(--radius-full);font-size:14px;border:1px solid var(--border);transition:all .15s}.reaction-pill.mine{border-color:var(--brand);background:#4f8cff26}.reaction-pill span{font-size:11px;color:var(--muted);font-weight:600}.reaction-add-wrap{position:relative}.reaction-add{font-size:14px;padding:3px 8px;border-radius:var(--radius-full);background:transparent;color:var(--muted);opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.msg:hover .reaction-add{opacity:1}.reaction-picker{display:none;position:absolute;bottom:100%;left:0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;gap:4px;box-shadow:var(--shadow-md);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reaction-add-wrap:hover .reaction-picker{display:flex}.reaction-picker button{font-size:18px;padding:6px;border-radius:var(--radius-sm);transition:background .1s}.reaction-picker button:hover{background:var(--surface-3);transform:none}.dm-list{padding:0 10px 10px}.dm-channel{display:flex;align-items:center;gap:10px}.dm-av{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.dm-av img{width:100%;height:100%;object-fit:cover}.dm-av .rc-icon{color:#fff;opacity:.9}.server-header h2{cursor:pointer;transition:color .15s}.server-header h2:hover{color:var(--brand)}.server-icon-img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.pending-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 10px;position:relative;z-index:1}.pending-att{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-3);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);border:1px solid var(--border);font-weight:500}.pending-att button{color:var(--red);display:flex;align-items:center;justify-content:center}.invite-row{display:flex;gap:10px;margin-bottom:10px}.invite-code{flex:1;padding:12px;background:var(--surface-3);border-radius:var(--radius-sm);font-size:16px;letter-spacing:3px;color:var(--green);font-family:JetBrains Mono,monospace;font-weight:600;border:1px solid var(--border)}.invite-hint{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.5}.server-settings .modal-actions{margin-top:18px}.modal-save{width:auto!important;padding:12px 24px!important}.friends-sub{color:var(--text-secondary);margin:-8px 0 18px;font-size:14px}.remote-screen{position:fixed;bottom:88px;right:28px;width:340px;height:192px;border-radius:var(--radius-md);border:2px solid var(--green);z-index:40;object-fit:contain;background:#000;box-shadow:0 0 24px #34d39940}.members-panel{background:var(--surface-1);padding:18px 10px;overflow-y:auto;overflow-x:hidden;border-left:1px solid var(--border);min-height:0}.members-panel h4{font-size:11px;font-weight:700;color:var(--muted);padding:0 10px 14px;letter-spacing:.06em;text-transform:uppercase}.members-panel ul{list-style:none}.member{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:background .12s}.member:hover{background:var(--surface-3)}.member .av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;position:relative;overflow:hidden;flex-shrink:0}.member .av img{width:100%;height:100%;object-fit:cover}.member .dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:3px solid var(--surface-1);background:var(--muted)}.member .dot.on{background:var(--green)}.member .role{margin-left:auto;display:inline-flex;align-items:center}.friends-panel{padding:28px;overflow-y:auto;height:100%;position:relative;z-index:1}.friends-panel h2{color:#fff;margin-bottom:18px;font-size:24px;font-weight:800;letter-spacing:-.02em}.friends-panel input{width:100%;max-width:440px;padding:12px 16px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;margin-bottom:18px;transition:border-color .2s,box-shadow .2s}.friends-panel input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f8cff26}.search-results{list-style:none;max-width:440px}.search-results li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:background .12s}.search-results li:hover{background:var(--surface-3)}.search-results .av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;color:#fff}.search-results button{margin-left:auto;color:var(--muted)}.voice-bar{position:fixed;bottom:0;left:calc(var(--server-w) + var(--chan-w));right:var(--mem-w);background:var(--surface-1);border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;z-index:40;gap:12px;box-shadow:0 -4px 20px #00000059}.app.no-members .voice-bar{right:0}.app.voice-bar-active .chat-area .msg-form,.app.voice-bar-active .chat-area .reply-bar-form{padding-bottom:72px}.voice-info{display:flex;flex-direction:column;gap:4px}.voice-info span:first-child{color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.voice-status{font-size:12px;color:var(--green);display:flex;align-items:center;gap:8px}.voice-controls{display:flex;gap:10px}.voice-controls button{width:44px;height:44px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,filter .15s}.voice-controls button:hover{background:var(--surface-4);transform:none}.voice-controls button.active{background:#f8717133;border-color:var(--red);color:var(--red)}.voice-controls button.disconnect{background:var(--red);color:#fff;border-color:var(--red)}.voice-controls button.disconnect:hover{filter:brightness(1.08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s var(--ease-out)}.modal{background:var(--surface-1);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:460px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:fadeIn .25s var(--ease-out)}.modal h3{color:#fff;font-size:22px;font-weight:800;margin-bottom:18px;letter-spacing:-.02em}.modal input,.modal textarea,.modal select{width:100%;padding:12px 14px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;margin-bottom:14px;transition:border-color .2s,box-shadow .2s}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f8cff26}.modal.settings label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;letter-spacing:.06em}.settings-steam{font-size:11px;color:var(--muted);margin-top:18px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}@media(max-width:900px){.app{grid-template-columns:var(--server-w) var(--chan-w) 1fr}.members-panel,.app .voice-bar{right:0}}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden;background:var(--void)}.splash-page.mounted .splash-content{opacity:1;transform:translateY(0)}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.splash-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.splash-orb-1{width:480px;height:480px;background:#4f8cff;top:-120px;left:-80px;animation:orbFloat 14s ease-in-out infinite}.splash-orb-2{width:360px;height:360px;background:#2ee6c0;bottom:-80px;right:-60px;animation:orbFloat 18s ease-in-out infinite reverse}.splash-orb-3{width:240px;height:240px;background:#7aa8ff;top:40%;left:55%;animation:orbFloat 12s ease-in-out infinite;opacity:.35}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(24px,-20px)}}.splash-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 70%)}.splash-content{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;gap:28px;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.splash-header{display:flex;align-items:center;gap:18px}.splash-brand{font-family:var(--font-display);font-size:34px;font-weight:800;color:#fff;letter-spacing:.06em;line-height:1}.splash-tagline{color:var(--text-secondary);font-size:15px;margin-top:4px}.splash-features{display:flex;flex-direction:column;gap:10px}.splash-feature{display:flex;gap:14px;padding:14px 16px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border);animation:fadeIn .5s var(--ease-out) both}.splash-feature strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}.splash-feature p{font-size:12px;color:var(--muted);line-height:1.4}.splash-feature-icon{width:40px;height:40px;border-radius:12px;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.splash-auth-card{padding:28px;border-radius:var(--radius-xl);background:#101018d9;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.splash-auth-card h2{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}.splash-auth-sub{color:var(--text-secondary);font-size:14px;margin-bottom:20px;line-height:1.5}.steam-btn-premium{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:var(--radius-md);background:linear-gradient(135deg,#1b2838,#2a475e);color:#fff;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.1);transition:transform .2s var(--ease-spring),box-shadow .2s}.steam-btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #0006}.steam-btn-premium:disabled{opacity:.7;cursor:wait}.splash-footer{text-align:center;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.settings-overlay{align-items:stretch;justify-content:center;padding:24px}.settings-modal{display:flex;width:100%;max-width:880px;height:min(640px,calc(100vh - 48px));background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-lg);animation:fadeIn .25s var(--ease-out)}.settings-nav{width:220px;flex-shrink:0;background:var(--surface-0);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.settings-nav-head{display:flex;align-items:center;gap:10px;padding:8px 12px 16px;font-weight:800;color:#fff;font-size:15px}.settings-tab{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;text-align:left;transition:background .15s,color .15s}.settings-tab:hover{background:var(--surface-3);color:var(--text)}.settings-tab.active{background:var(--brand-soft);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.settings-tab.active .rc-icon{color:var(--text)}.settings-body{flex:1;padding:28px 32px;overflow-y:auto;position:relative}.settings-close{position:absolute;top:20px;right:20px;padding:8px;border-radius:var(--radius-sm);color:var(--muted);display:flex}.settings-close:hover{background:var(--surface-3);color:var(--text)}.settings-body h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;padding-right:40px}.settings-desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.5}.settings-subhead{font-size:15px;font-weight:700;color:#fff;margin:8px 0 12px;padding-top:8px;border-top:1px solid var(--border)}.sound-test-row{display:flex;flex-wrap:wrap;gap:8px}.sound-test-btn{padding:8px 12px;font-size:12px;font-weight:600}.sound-test-btn:disabled{opacity:.45;cursor:not-allowed}.settings-form-grid{display:grid;grid-template-columns:160px 1fr;gap:14px 16px;align-items:center;margin-bottom:20px}.settings-form-grid label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.settings-form-grid select,.settings-form-grid input[type=text],.settings-form-grid input:not([type]),.settings-form-grid input[type=search]{width:100%;padding:10px 12px;background:var(--surface-3)!important;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text)!important;caret-color:var(--text)}.settings-form-grid .range-row{display:flex;align-items:center;gap:12px;min-width:0}.settings-form-grid .range-row input[type=range]{flex:1;min-width:0;padding:0;accent-color:var(--accent)}.hotkey-capture{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hotkey-capture-btn{min-width:180px;padding:10px 14px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;font-weight:700;letter-spacing:.02em;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.hotkey-capture-btn:hover{border-color:#666;background:var(--surface-4,#222)}.hotkey-capture-btn.listening{border-color:#fff;box-shadow:0 0 0 2px #ffffff1f;animation:pulseHotkey 1.2s ease infinite}@keyframes pulseHotkey{0%,to{opacity:1}50%{opacity:.75}}.hotkey-hint,.hotkey-error{font-size:11px;color:var(--muted);width:100%}.hotkey-error{color:var(--red)}.voice-user.is-self .voice-user-name{color:var(--text)}.voice-user.speaking .voice-avatar{box-shadow:0 0 0 2px #23a559,0 0 20px #23a55973}.voice-user.speaking .voice-user-name,.voice-user .speaking-name{color:#23a559!important;font-weight:700}.voice-sidebar-user.speaking{background:#23a55933!important}.voice-sidebar-user.speaking .vsu-name{color:#23a559!important;font-weight:700}.mic-level-monitor{display:flex;flex-direction:column;gap:8px;min-width:0}.mic-level-bar{position:relative;height:10px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.mic-level-fill{height:100%;background:linear-gradient(90deg,#4f8cff,#2ee6c0);border-radius:inherit;transition:width .06s linear;min-width:0}.mic-level-threshold{position:absolute;top:0;bottom:0;width:2px;background:#ffffffb3;transform:translate(-1px);pointer-events:none;box-shadow:0 0 4px #4f8cff99}.mic-gate-hint{font-size:12px;font-weight:600;color:var(--muted);line-height:1.35}.mic-gate-hint.open{color:#2ee6c0}.mic-gate-hint.closed{color:var(--text-secondary)}.range-val{font-size:13px;color:var(--text-secondary);font-weight:600;min-width:42px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.settings-toggles{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.toggle-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer}.toggle-row input{margin-top:3px;accent-color:var(--brand);width:18px;height:18px;flex-shrink:0}.toggle-row strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}.toggle-row small{display:block;color:var(--muted);font-size:12px;line-height:1.4}.settings-profile-preview{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.settings-profile-card-preview{position:relative;margin-bottom:24px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.settings-profile-card-banner{height:80px;background:var(--brand)}.settings-profile-card-body{padding:0 20px 16px;margin-top:-32px;position:relative;display:flex;gap:16px;align-items:flex-end}.settings-profile-card-avatar{position:relative;width:72px;height:72px;border-radius:50%;padding:0;overflow:hidden;border:4px solid var(--surface-2);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;cursor:pointer}.settings-profile-card-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-card-info{flex:1;min-width:0;padding-bottom:4px}.settings-profile-card-name{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fff}.settings-profile-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.settings-profile-card-username{font-size:13px;color:var(--text-secondary);margin-top:2px}.settings-profile-card-status{font-size:13px;color:var(--text-secondary);margin-top:6px}.settings-profile-card-activity{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mint,#2EE6C0);margin-top:6px;font-weight:600}.settings-profile-card-bio{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.settings-avatar-wrap{flex-shrink:0}.settings-avatar-btn{position:relative;width:96px;height:96px;border-radius:50%;padding:0;overflow:hidden;border:3px solid var(--border);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}.settings-avatar-btn img{width:100%;height:100%;object-fit:cover}.settings-avatar-edit{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.settings-avatar-btn:hover .settings-avatar-edit{opacity:1}.settings-profile-fields{flex:1;min-width:240px}.settings-profile-fields label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;letter-spacing:.04em}.settings-profile-fields input,.settings-profile-fields textarea{width:100%;padding:11px 12px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.settings-overlay-preview{margin:20px 0;padding:20px;background:var(--surface-2);border-radius:var(--radius-md);border:1px dashed var(--border)}.overlay-preview-card{display:inline-block;padding:12px;border-radius:12px;background:#08080ee6;border:1px solid rgba(79,140,255,.35);min-width:200px}.overlay-preview-head{font-size:10px;font-weight:700;color:var(--brand);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.overlay-preview-head .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.overlay-preview-user{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:12px;color:var(--text);margin-top:4px}.overlay-preview-user.speaking{background:#4f8cff40;border:1px solid rgba(79,140,255,.4)}.overlay-preview-user .av{width:24px;height:24px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.settings-hint{font-size:12px;color:var(--muted);margin-top:12px}.settings-version{font-size:12px;color:var(--muted);margin-top:16px}.profile-avatar-btn{position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:50%}.profile-avatar-edit{position:absolute;bottom:4px;right:4px;width:28px;height:28px;border-radius:50%;background:var(--surface-1);border:2px solid var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:var(--shadow-sm)}.voice-user.speaking{border-color:var(--brand)!important;box-shadow:0 0 24px #4f8cff40!important}.voice-user.speaking .speaking-name{color:var(--brand);font-weight:700}.voice-connected-hint{color:var(--green);font-size:13px;margin-top:12px;display:flex;align-items:center;gap:6px}.voice-channel-block{margin-bottom:2px}.voice-channel-users{list-style:none;padding:2px 0 6px 28px}.voice-sidebar-user{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:13px;color:var(--text-secondary);transition:background .15s,color .15s}.voice-sidebar-user.speaking{background:#4f8cff2e;color:#fff}.voice-sidebar-user.speaking .vsu-name{color:var(--brand);font-weight:600}.vsu-av{width:22px;height:22px;border-radius:50%;overflow:hidden;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.vsu-av img{width:100%;height:100%;object-fit:cover}.vsu-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-duration{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.voice-widget-list .voice-duration{margin-left:auto}.voice-user-sub.voice-duration{display:inline-flex;align-items:center;gap:4px}.update-banner{position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:320;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0c0c0cf5;border:1px solid #fff;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 16px 48px #0000008c;animation:fadeIn .3s ease;max-width:min(560px,92vw)}.update-banner.ready,.update-banner.available{border-color:#fff}.update-banner.downloading{border-color:#888}.update-banner-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.update-banner-copy strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff}.update-banner-copy span{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner .btn-sm{padding:6px 14px;font-size:12px;border-radius:6px;flex-shrink:0}.update-banner .update-dismiss{color:var(--muted)}.notif-center{position:relative;display:inline-flex;align-items:center}.notif-bell{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary);background:transparent;border:1px solid transparent}.notif-bell:hover{background:var(--surface-3);color:var(--text)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#fff;color:#0a0a0a;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,92vw);max-height:380px;overflow:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:80;padding:8px}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.notif-list{list-style:none;margin:0;padding:0}.notif-list li{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:8px;border-bottom:1px solid var(--border)}.notif-list li.unread{background:#ffffff08}.notif-list li strong{font-size:13px}.notif-list li span{font-size:12px;color:var(--text-secondary);line-height:1.35}.notif-list li em{font-style:normal;font-size:10px;color:var(--muted)}.notif-empty{color:var(--muted);font-size:13px;padding:16px 8px!important;text-align:center}.mobile-topbar .notif-center{margin-left:auto;margin-right:4px}.notify-settings-block{margin:12px 0 18px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.notify-settings-block h4{margin:0 0 8px;font-size:14px}.members-panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 14px}.members-panel-head h4{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0}.members-count{font-size:11px;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:999px}.members-voice-widget{margin:0 8px 14px;padding:12px;background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border)}.widget-title{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.voice-widget-list{list-style:none}.voice-widget-list li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;border-radius:6px}.voice-widget-list li.speaking{color:var(--brand);font-weight:600}.vw-av{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.vw-av img{width:100%;height:100%;object-fit:cover}.member-group{margin-bottom:8px}.member-group-head{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.group-count{margin-left:auto;font-size:10px}.member-widget-list{list-style:none;padding:0 4px}.member-widget{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,box-shadow .12s}.member-widget:hover{background:var(--surface-3)}.member-widget.speaking{box-shadow:inset 3px 0 0 var(--brand);background:#4f8cff14}.member-widget-av{width:36px;height:36px;border-radius:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.member-widget-av img{width:100%;height:100%;object-fit:cover}.member-widget-av .dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:3px solid var(--surface-1)}.member-widget-av .mic-badge{position:absolute;bottom:0;left:0;width:16px;height:16px;background:var(--surface-1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red)}.member-widget-body{flex:1;min-width:0}.member-widget-name{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-widget-bio{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3}.member-widget-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.member-badge{color:var(--muted);flex-shrink:0}.you-tag{font-size:10px;color:var(--muted);background:var(--surface-3);padding:2px 6px;border-radius:4px}.channel-create-modal label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}.channel-create-modal .opt{font-weight:400;text-transform:none;color:var(--muted)}.form-error{color:var(--red);font-size:13px;margin-bottom:8px}.toggle-row.compact{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:14px;text-transform:none;font-weight:500;color:var(--text)}.role-manager.wide{max-width:820px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column}.role-manager-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;flex:1;min-height:320px;margin:12px 0}.role-manager-list-pane{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.role-list-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.role-manager-list{max-height:none;flex:1;margin:0;overflow-y:auto}.role-manager-list li{padding:0;gap:0;border-radius:0}.role-manager-list li.selected{background:#4f8cff1f;box-shadow:inset 3px 0 0 var(--brand)}.role-list-item{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0}.role-list-item:hover{background:var(--surface-3)}.role-list-actions{display:flex;align-items:center;gap:2px;padding-right:6px;flex-shrink:0}.role-list-actions .btn-icon{padding:4px 6px;border-radius:6px;color:var(--muted);background:transparent}.role-list-actions .btn-icon:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.role-list-actions .btn-icon:disabled{opacity:.3;cursor:default}.role-list-actions .btn-icon.danger:hover{background:#f8717126;color:var(--red)}.role-hoist-tag{font-size:9px;padding:2px 6px;border-radius:4px;background:var(--surface-3);color:var(--muted);font-weight:600;text-transform:uppercase}.role-list-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px}.role-manager-edit-pane{min-height:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow-y:auto}.role-edit-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:280px;padding:24px;color:var(--muted);text-align:center}.role-edit-placeholder p{font-size:14px;max-width:220px;line-height:1.45}.role-manager-foot{margin-top:0;padding-top:12px;border-top:1px solid var(--border)}.role-color-picker{margin:8px 0 16px}.role-color-custom{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;background:var(--surface-3);border-radius:var(--radius-sm);border:1px solid var(--border)}.role-color-swatch{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:2px solid var(--border)}.role-color-custom input[type=color]{width:36px;height:28px;padding:0;border:none;background:transparent;cursor:pointer}.role-color-custom input[type=text]{flex:1;padding:6px 8px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px}.perm-categories{display:flex;flex-direction:column;gap:14px;max-height:340px;overflow-y:auto;margin:8px 0 16px}.perm-category-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:0 0 8px}.perm-item.perm-admin{border-color:#2ee6c059;background:#2ee6c00f}.role-edit-block{margin:0;padding:16px;border:none;background:transparent}.role-edit-block label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;letter-spacing:.04em}.role-edit-block input[type=text]{width:100%;padding:10px 12px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.perm-grid{display:grid;grid-template-columns:1fr;gap:4px;margin:0;max-height:none;overflow:visible}@media(max-width:640px){.role-manager-layout{grid-template-columns:1fr}.role-manager-edit-pane{min-height:240px}}.perm-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);padding:6px 8px;background:var(--surface-2);border-radius:6px;cursor:pointer}.perm-item input{accent-color:var(--brand);width:14px;height:14px;margin:0}.role-edit-block h4{margin-bottom:10px;color:#fff;font-size:15px}.friend-username{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}.friend-name{font-weight:600;line-height:1.25}.account-card{padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.account-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:10px}.account-label:first-child{margin-top:0}.account-value{font-size:15px;font-weight:600;color:var(--text);margin-top:4px}.app-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200000;padding:12px 20px;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:14px;font-weight:500;box-shadow:var(--shadow-md);animation:fadeIn .2s var(--ease-out)}.voice-view{display:flex;flex-direction:column;height:100%;padding:24px;background:var(--surface-0)}.voice-view-head{margin-bottom:20px}.voice-view-title{display:flex;align-items:center;gap:14px}.voice-view-title h3{font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.voice-view-title p{font-size:13px;color:var(--muted);margin-top:2px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;flex:1;align-content:start}.voice-user{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid transparent;transition:border-color .2s,background .2s}.voice-user.speaking{border-color:var(--green);background:#23a55914}.voice-avatar{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--surface-4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.speaking-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--green);border-radius:50%;animation:voicePulse 1.2s ease infinite}@keyframes voicePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.voice-user-name{font-size:14px;font-weight:600;text-align:center;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-user-sub{font-size:11px;color:var(--muted)}.voice-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px;color:var(--muted);text-align:center}.voice-empty p{font-size:16px;font-weight:600;color:var(--text-secondary)}.voice-view-actions{padding-top:20px;border-top:1px solid var(--border);margin-top:auto}.voice-connected-bar{display:flex;align-items:center;gap:12px}.voice-connected-bar span{flex:1;font-size:14px;color:var(--green);display:flex;align-items:center;gap:6px}.voice-connected-bar button{padding:10px;border-radius:var(--radius-md);background:var(--surface-3);color:var(--text)}.voice-connected-bar button.active,.voice-connected-bar button.disconnect{background:var(--red);color:#fff}.search-results li{display:flex;align-items:center;gap:12px}.search-results .friend-info{flex:1;min-width:0}.voice-sidebar-user.speaking{background:#23a5592e;color:#fff}.voice-sidebar-user.speaking .vsu-name{color:var(--green);font-weight:600}.discord-user-bar{flex-direction:row;align-items:center;gap:6px;padding:6px 8px;background:var(--surface-0);border-top:1px solid var(--border);position:relative;min-height:52px}.user-bar-avatar-wrap{position:relative;flex-shrink:0}.user-bar-presence{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--surface-0)}.user-bar-controls{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.ub-ctrl{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;color:var(--text-secondary);transition:background .15s,color .15s;flex:0 0 auto}.ub-ctrl:hover{background:var(--surface-3);color:#fff}.ub-ctrl.off{background:#f23f4326;color:var(--red)}.ub-ctrl.ub-settings{opacity:.75}.ub-ctrl.ub-settings:hover{opacity:1}.ub-chevron{opacity:.45;flex-shrink:0;margin-left:2px}.ub-conn-dot{width:8px;height:8px;border-radius:50%;margin:0 6px;background:var(--red);box-shadow:0 0 6px #f23f4380}.ub-conn-dot.on{background:var(--green);box-shadow:0 0 6px #23a55973}.ub-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;background:var(--surface-3);font-size:10px;color:var(--muted)}.ub-badge.live{background:#23a55933;color:var(--green)}.ub-ping{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--surface-3)}.ub-ping.good{color:var(--green)}.ub-ping.ok{color:var(--yellow)}.ub-ping.bad{color:var(--red)}.send-btn{width:36px;height:36px;background:var(--accent)!important;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .15s;box-shadow:0 2px 8px #4f8cff59}.send-btn:hover{filter:brightness(1.1);transform:none}.send-btn .rc-icon{color:#fff}.btn-primary.join-voice,.btn-secondary.join-voice{padding:10px 16px;font-size:13px;min-width:0;width:auto}.stage-join-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.screen-picker-modal{max-width:720px;width:92vw}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:16px;max-height:50vh;overflow:auto}.screen-picker-item{display:flex;flex-direction:column;gap:8px;padding:8px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);text-align:left;transition:border-color .15s}.screen-picker-item.selected{border-color:var(--accent)}.screen-picker-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#000}.modal-head,.modal-foot{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-foot{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end}.modal-foot-spacer{flex:1}.modal-close{margin-left:auto;padding:6px;border-radius:6px;color:var(--muted)}.modal-close:hover{background:var(--surface-3);color:#fff}.channel-settings-modal{max-width:560px;width:94vw}.channel-settings-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--border);overflow-x:auto}.channel-settings-tabs button{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}.channel-settings-tabs button.active{color:#fff;border-bottom-color:var(--accent)}.channel-settings-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow:auto}.channel-members-list{list-style:none;display:flex;flex-direction:column;gap:6px}.channel-members-list li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;background:var(--surface-2)}.cm-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.cm-role{margin-left:auto;font-size:11px;color:var(--muted);text-transform:uppercase}.invite-link-input{flex:1;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:12px}.screen-watch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.screen-watch-modal{background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.screen-watch-modal header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.screen-watch-modal video{max-width:90vw;max-height:calc(90vh - 48px);background:#000}.live-badge{bottom:0!important;top:auto!important;left:50%;transform:translate(-50%);font-size:9px!important;font-weight:700;background:var(--red)!important;color:#fff!important;padding:2px 6px!important;border-radius:4px;width:auto!important;height:auto!important}.watch-btn{margin-top:4px;font-size:12px;padding:4px 10px}.voice-view-title{cursor:pointer;border-radius:var(--radius-md);padding:4px 8px;margin:-4px -8px}.voice-view-title:hover{background:var(--surface-2)}.inline-video-player{max-width:480px;border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid var(--border);margin-top:8px}.inline-video-player video{width:100%;max-height:320px;display:block;background:#000;cursor:pointer}.ivp-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2)}.ivp-progress{flex:1;height:6px;background:var(--surface-4);border-radius:3px;cursor:pointer;position:relative}.ivp-bar{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .1s linear}.ivp-name{font-size:11px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0}.theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-size:12px;font-weight:500;transition:border-color .15s}.theme-card.active{border-color:var(--accent)}.theme-swatch{width:100%;height:40px;border-radius:6px}.theme-swatch.theme-dark{background:linear-gradient(135deg,#1e1f22,#2b2d31)}.theme-swatch.theme-amoled{background:linear-gradient(135deg,#000,#111)}.theme-swatch.theme-graphite{background:linear-gradient(135deg,#1a1c20,#3a3d45)}.theme-swatch.theme-slate{background:linear-gradient(135deg,#0f172a,#334155)}.theme-swatch.theme-midnight{background:linear-gradient(135deg,#0b1220,#1e3a5f)}.theme-swatch.theme-cyber{background:linear-gradient(135deg,#041018,#06b6d4)}.theme-swatch.theme-crimson{background:linear-gradient(135deg,#1a0505,#dc2626)}.theme-swatch.theme-forest{background:linear-gradient(135deg,#051408,#16a34a)}.ptt-key-row{display:flex;align-items:center;gap:12px;margin:8px 0 12px;padding-left:28px}[data-theme=dark]{--void:#0b0c0f;--surface-0:#12131a;--surface-1:#181a22;--surface-2:#1e2029;--surface-3:#272a36;--accent:#4F8CFF;--brand:#4F8CFF;--green:#23a559}[data-theme=amoled]{--void:#000000;--surface-0:#050505;--surface-1:#0c0c0c;--surface-2:#121212;--surface-3:#1a1a1a;--border:rgba(255,255,255,.08);--accent:#4F8CFF;--brand:#4F8CFF;--green:#23a559}[data-theme=graphite]{--void:#121417;--surface-0:#1a1c20;--surface-1:#22252b;--surface-2:#2a2e35;--surface-3:#343942;--accent:#7aa8ff;--brand:#7aa8ff;--green:#3dd68c}[data-theme=slate]{--void:#0b1220;--surface-0:#0f172a;--surface-1:#1e293b;--surface-2:#243044;--surface-3:#334155;--accent:#38bdf8;--brand:#38bdf8;--green:#34d399}[data-theme=midnight]{--void:#070b14;--surface-0:#0c1220;--surface-1:#121a2b;--accent:#4F8CFF;--brand:#4F8CFF;--green:#4ade80}[data-theme=cyber]{--void:#030712;--surface-0:#0c1222;--surface-1:#111827;--accent:#22d3ee;--brand:#22d3ee;--green:#2dd4bf}[data-theme=crimson]{--void:#120808;--surface-0:#1c1010;--surface-1:#2a1515;--accent:#ef4444;--brand:#ef4444;--green:#f87171}[data-theme=forest]{--void:#060f08;--surface-0:#0f1a12;--surface-1:#152618;--accent:#22c55e;--brand:#22c55e;--green:#86efac}[data-theme=elite-aurora]{--void:#070812;--surface-0:#0d1222;--surface-1:#141d36;--accent:#6d7cff;--green:#59c7ff}[data-theme=elite-gold]{--void:#120c04;--surface-0:#1a1408;--surface-1:#2a2010;--accent:#f59e0b;--green:#fcd34d}[data-theme=holo]{--void:#060812;--surface-0:#0c1020;--surface-1:#121830;--accent:#22d3ee;--green:#67e8f9}[data-theme=synthwave]{--void:#120818;--surface-0:#1a0a24;--surface-1:#240e34;--accent:#ff2d95;--green:#ff6bcb}.theme-swatch.theme-elite-aurora{background:linear-gradient(135deg,#0d1222,#6d7cff)}.theme-swatch.theme-elite-gold{background:linear-gradient(135deg,#1a1408,#f59e0b)}.theme-swatch.theme-holo{background:linear-gradient(135deg,#0ea5e9,#4f8cff,#ec4899)}.theme-swatch.theme-synthwave{background:linear-gradient(135deg,#ff2d95,#7928ca)}.vip-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;margin-left:4px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,#f59e0b,#4f8cff);color:#fff;vertical-align:middle}.friend-invite-modal{max-width:440px}.friend-invite-body{padding:16px 20px}.friend-invite-user{display:flex;gap:14px;align-items:center}.fi-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700}.fi-avatar img{width:100%;height:100%;object-fit:cover}.vip-banner-block{margin:16px 0}.vip-banner-btn{width:100%;min-height:100px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-3);border:1px dashed var(--border)}.vip-banner-btn img{width:100%;max-height:160px;object-fit:cover}.profile-card-modal{max-width:420px;padding:0;overflow:hidden;position:relative;background:var(--surface-1);border:1px solid rgba(79,140,255,.18);box-shadow:0 24px 64px #0009,0 0 0 1px #2ee6c014}.profile-card-banner{height:108px;background:var(--gradient-brand);position:relative}.profile-card-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(18,19,26,.85) 100%)}.profile-card-close{position:absolute;top:12px;right:12px;z-index:2;background:#00000080;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.profile-card-body{padding:0 20px 18px;margin-top:-40px;position:relative}.profile-card-avatar{position:relative;width:80px;height:80px;border-radius:50%;border:4px solid var(--surface-1);overflow:visible;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff;box-shadow:0 8px 24px #00000073}.profile-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-card-presence{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:3px solid var(--surface-1);box-shadow:0 0 8px #2ee6c080}.profile-card-head{margin-top:12px}.profile-card-head h3{display:flex;align-items:center;gap:6px;font-size:20px;font-family:var(--font-display);letter-spacing:.01em}.profile-card-username{color:var(--text-secondary);font-size:13px;margin-top:2px}.profile-card-status{margin-top:10px;font-size:14px;color:var(--text);line-height:1.4;padding:8px 12px;background:#4f8cff14;border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.profile-card-activity{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--mint,#2EE6C0);font-weight:600}.profile-card-activity strong{color:#fff;font-weight:700}.profile-card-bio{margin-top:12px;font-size:14px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border)}.profile-card-note-hint{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;color:var(--text-secondary);background:#2ee6c00f;border:1px dashed rgba(46,230,192,.25);border-radius:var(--radius-md)}.profile-card-note-hint .rc-icon{color:var(--mint,#2EE6C0);flex-shrink:0;margin-top:1px}.profile-card-mutual{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:var(--text-secondary)}.profile-card-foot{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 16px;border-top:1px solid var(--border);background:var(--surface-0)}.profile-card-actions-primary{display:flex;flex-wrap:wrap;gap:8px}.profile-card-actions-secondary{display:flex;flex-wrap:wrap;gap:6px}.profile-card-action{font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2)}.profile-card-action:hover{border-color:#4f8cff59;background:#4f8cff1a}.profile-card-action.danger:hover{border-color:#f23f4366;background:#f23f431f;color:#ffb4b6}.profile-card-pending,.profile-card-friends{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;padding:8px 0}.profile-card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--muted)}.profile-card-loading .spinner{width:28px;height:28px;border-width:2px}.vip-perks{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-secondary)}.vip-perks li{display:flex;align-items:center;gap:8px}.vip-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.vip-plan-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;transition:border-color .15s,transform .15s}.vip-plan-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.vip-plan-card strong{font-size:15px}.vip-plan-price{font-size:20px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#4f8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-plan-hint{font-size:11px;color:var(--muted)}.gif-search{width:100%;padding:10px 12px;margin-bottom:10px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.gif-loading,.gif-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gif-item{padding:0;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;background:var(--surface-3);border:1px solid transparent;transition:border-color .15s}.gif-item:hover{border-color:var(--accent)}.gif-item img{width:100%;height:100%;object-fit:cover}.vip-badge{gap:3px}.vip-badge .rc-icon{color:#fff}.vip-pay-tabs{display:flex;gap:8px;margin:12px 0}.vip-pay-tabs button{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:13px}.vip-pay-tabs button.active{border-color:var(--accent);color:var(--text);background:#4f8cff1f}.vip-manual-box{margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-size:13px;line-height:1.5}.vip-manual-box strong{display:block;margin-bottom:8px}.vip-manual-box p{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:8px}.vip-manual-box a{color:var(--accent);font-weight:600}.vip-manual-note{width:100%;margin-top:10px;padding:10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text);resize:vertical;font:inherit}.ok-hint{color:var(--green)!important}.msg-av-click{cursor:pointer;transition:transform .15s var(--ease-out)}.msg-av-click:hover{transform:scale(1.06)}.user-bar-main{cursor:pointer;border-radius:var(--radius-sm)}.user-bar-main:hover{background:#ffffff0a}.server-boost-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#3d7aef,#4f8cff);color:#fff;margin-left:6px;vertical-align:middle}.ub-badge.sfu{font-size:9px;font-weight:800;padding:2px 5px;background:linear-gradient(135deg,#3d7aef,#4f8cff);color:#fff;border-radius:4px}.emoji-tabs{display:flex;gap:6px;padding:0 8px 8px}.emoji-tabs button{padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted)}.emoji-tabs button.active{background:var(--surface-3);color:#fff}.custom-emoji-grid button img{width:28px;height:28px;object-fit:contain}.md-custom-emoji{background:#4f8cff26;color:#a8c8ff;padding:0 4px;border-radius:4px;font-weight:600;font-size:12px}.md-emoji-img,.reaction-emoji-img{width:22px;height:22px;object-fit:contain;vertical-align:-5px;display:inline-block}.reaction-pill .reaction-emoji-img{width:18px;height:18px}.unread-badge.mention-badge{background:#ed4245;font-weight:900;min-width:22px;padding:3px 8px;box-shadow:0 0 0 2px #ed424359,0 2px 10px #ed424366}.channel.has-mention{font-weight:700;color:#fff}.channel.has-mention:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 2px 2px 0;background:#ed4245}.channel-type-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:999px;margin-left:4px}.channel-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 16px 8px;padding:10px 14px;border-radius:8px;font-size:13px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border)}.announce-banner{border-color:#faa61a59;background:#faa61a14}.forum-banner{border-color:#4f8cff59;background:#4f8cff14}.msg-voice-clip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border-radius:8px;margin-top:6px;max-width:360px}.msg-voice-clip audio{flex:1;height:32px;min-width:140px}.attach-btn.recording{color:var(--red);animation:pulse-rec 1s ease infinite}@keyframes pulse-rec{50%{opacity:.55}}.soundboard-wrap{position:relative}.soundboard-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:8px;min-width:120px;box-shadow:0 8px 24px #0006;z-index:50}.soundboard-pop button{padding:8px 10px;border-radius:6px;font-size:12px;font-weight:600;text-align:left;color:var(--text);background:transparent}.soundboard-pop button:hover{background:var(--surface-3)}.mentions-modal,.server-create-modal,.onboarding-modal{max-width:480px;width:min(480px,92vw)}.mentions-list,.discover-list{list-style:none;max-height:360px;overflow:auto;margin:12px 0;display:flex;flex-direction:column;gap:6px}.mentions-list li,.discover-list li{padding:10px 12px;border-radius:8px;background:var(--surface-2);cursor:pointer;display:flex;gap:12px;align-items:center}.mentions-list li:hover,.discover-list li:hover{background:var(--surface-3)}.mentions-list .mention-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.mentions-list p{margin:4px 0 0;font-size:13px;width:100%}.discover-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.discover-list li div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.discover-list li span{font-size:12px;color:var(--muted)}.sc-tabs{display:flex;gap:6px;margin-bottom:14px}.sc-tabs button{flex:1;padding:8px;border-radius:8px;font-weight:700;font-size:13px;color:var(--muted);background:var(--surface-2)}.sc-tabs button.active{background:var(--brand);color:#fff}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);text-align:left}.template-card.active{border-color:var(--brand);background:#4f8cff1f}.template-card strong{font-size:13px}.template-card span{font-size:11px;color:var(--muted)}.field-label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:8px 0 4px;text-transform:uppercase}.onboarding-lead{color:var(--text-secondary);margin:8px 0 16px;line-height:1.45}.onboarding-tips{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0 0 20px}.onboarding-tips li{display:flex;align-items:center;gap:10px;font-size:14px}.onboarding-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.stage-view .voice-view-title h3:after{content:" · STAGE";font-size:11px;color:var(--brand);margin-left:6px;font-weight:800}.admin-top-channels{margin-top:16px}.search-filters{display:flex;gap:8px;margin-bottom:12px}.search-filters input,.search-filters select{flex:1;margin:0!important}.invite-create-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.invite-create-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);font-weight:700}.invite-list{list-style:none;display:flex;flex-direction:column;gap:6px}.invite-list li{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-2);border-radius:8px;font-size:12px}.invite-list code{font-family:JetBrains Mono,monospace;color:var(--green)}.override-card{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.override-bits{display:flex;flex-direction:column;gap:6px;margin:10px 0}.override-bits .perm-item{display:flex;align-items:center;gap:8px;justify-content:space-between}.override-bits button{padding:4px 8px;border-radius:4px;font-size:11px;background:var(--surface-3);color:var(--muted)}.override-bits button.on{background:#23a55940;color:var(--green)}.override-bits button.deny{background:#f23f4340;color:var(--red)}.emoji-upload-row{display:flex;gap:8px;margin-bottom:12px}.emoji-server-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}.emoji-server-list li{display:flex;align-items:center;gap:10px}.emoji-server-list img{width:32px;height:32px;object-fit:contain}.audit-list{list-style:none;max-height:360px;overflow:auto;padding:0;margin:0}.audit-list li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.audit-list span{color:var(--muted);font-size:11px}.audit-list .audit-action{font-style:normal;color:var(--text);font-weight:600}.audit-list .audit-detail{color:var(--text-secondary);font-size:12px;line-height:1.35}.ban-list .ban-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.ban-list .ban-row>div{min-width:0;flex:1}.msg-send-error{margin:0 20px 8px;display:flex;align-items:center;justify-content:space-between}.server-settings.wide{max-width:560px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mobile-topbar{display:none}.composer-ac{position:absolute;bottom:100%;left:0;right:0;margin:0 12px 6px;list-style:none;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;max-height:220px;overflow:auto;z-index:30;box-shadow:0 8px 24px #0006}.composer-ac button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;text-align:left;font-size:13px}.composer-ac button:hover,.composer-ac button.active{background:var(--surface-3)}.composer-ac .ac-sub{margin-left:auto;color:var(--muted);font-size:11px}.msg-form{position:relative}.msg-highlight{animation:msg-flash 2.2s ease;background:#4f8cff2e!important;border-radius:8px}@keyframes msg-flash{0%{background:#4f8cff59}to{background:transparent}}.nsfw-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.nsfw-gate h2{margin:0}.nsfw-gate p{color:var(--muted);max-width:360px;line-height:1.45}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;margin:10px 0}.auth-mode-tabs{display:flex;gap:6px;margin-bottom:14px}.auth-mode-tabs button{flex:1;padding:8px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2)}.auth-mode-tabs button.active{background:var(--brand);color:#fff}.auth-email-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.auth-email-form input{width:100%}.msg-poll{margin-top:8px;padding:12px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border);max-width:360px}.msg-poll ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.msg-poll button{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--surface-3);overflow:hidden;font-size:13px}.msg-poll button.mine{outline:1px solid var(--brand)}.msg-poll .poll-bar{position:absolute;left:0;top:0;bottom:0;background:#4f8cff40;z-index:0}.msg-poll span,.msg-poll em{position:relative;z-index:1}.stage-join-row{display:flex;gap:10px;flex-wrap:wrap}.referral-block{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.app-dialog{width:100%;max-width:420px;background:#141414;border:1px solid #2a2a2a;border-radius:4px;box-shadow:0 24px 64px #000000a6;padding:22px 24px;animation:fadeIn .2s var(--ease-out)}.app-dialog-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.app-dialog-head .rc-icon{color:#fff}.app-dialog-head h3{margin:0;font-size:17px;font-weight:800;color:#fff;letter-spacing:.3px}.app-dialog-body{color:#888;font-size:14px;line-height:1.5;margin:0 0 16px}.app-dialog-input{width:100%;padding:11px 12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:4px;outline:none;margin-bottom:16px;color:#f5f5f5;font:inherit}.app-dialog-input:focus{border-color:#fff;box-shadow:0 0 0 1px #ffffff1f}.app-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.app-dialog-check{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none}.app-dialog-check input{width:16px;height:16px;accent-color:#fff}.ub-ctrl.leave-voice,.voice-connected-bar button.leave-voice{background:#f23f4326!important;color:#f23f43!important;border:1px solid rgba(242,63,67,.35)!important;border-radius:8px}.ub-ctrl.leave-voice:hover,.voice-connected-bar button.leave-voice:hover{background:#f23f4359!important;color:#fff!important}.user-bar-profile-btn{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:4px 6px;border-radius:8px;background:transparent;border:0;color:inherit;cursor:pointer}.user-bar-profile-btn:hover{background:#ffffff0f}.ub-flyout{position:absolute;left:8px;bottom:calc(100% + 8px);width:240px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:var(--shadow-lg);z-index:80;display:flex;flex-direction:column;gap:2px;animation:fadeIn .15s ease}.ub-flyout button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;color:var(--text);font-size:13px;font-weight:600;text-align:left}.ub-flyout button:hover,.ub-flyout button.active{background:var(--surface-3)}.ub-flyout-sep{height:1px;background:var(--border);margin:6px 0}.ub-flyout-label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 10px}.ub-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.user-info .status{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none}.discord-toast{pointer-events:auto;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in .2s ease}.discord-toast.mention{border-color:#ed424580}.discord-toast.achievement{border-color:#f59e0b8c;background:linear-gradient(135deg,#16171efa,#1e1c14fa);box-shadow:0 8px 32px #f59e0b26,var(--shadow-lg)}.discord-toast.achievement .dt-av-fallback{background:linear-gradient(135deg,#f59e0b,#4f8cff)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dt-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--brand)}.dt-av-fallback{display:grid;place-items:center;color:#fff}.dt-body{flex:1;min-width:0}.dt-body strong{display:block;font-size:14px;color:#f2f3f5}.dt-body p{margin:4px 0 0;font-size:13px;color:#b5bac1;line-height:1.35;word-break:break-word}.dt-actions{display:flex;gap:8px;margin-top:8px}.dt-actions button{padding:4px 10px;border-radius:4px;background:#2b2d31;color:#fff;font-size:12px;font-weight:600}.dt-close{background:transparent;border:0;color:#6d6f78;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px;align-content:start}.voice-user{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:12px;background:#0003}.voice-user.speaking{box-shadow:0 0 0 2px var(--brand),0 0 24px #4f8cff40}.voice-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;background:var(--brand);position:relative;cursor:pointer}.voice-avatar img{width:100%;height:100%;object-fit:cover}.speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid var(--brand);border-radius:50%;pointer-events:none;box-shadow:0 0 16px #4f8cff73}.channel.has-mention,.channel.unread-strong{font-weight:700;color:#fff}.msg-form .msg-input{flex:1;resize:none;min-height:44px;max-height:160px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border);color:var(--text);font:inherit;line-height:1.35;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.msg-form .msg-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #4f8cff33}.msg-input-wrap{flex:1;position:relative;display:flex;align-items:stretch;min-width:0}.composer-char-count{position:absolute;right:10px;bottom:6px;font-size:11px;font-weight:600;color:var(--muted);font-family:var(--font-mono);pointer-events:none;background:#12131ad9;padding:2px 6px;border-radius:4px}.composer-char-count.at-limit{color:var(--red)}.shortcuts-list{list-style:none;margin:12px 0 20px;display:flex;flex-direction:column;gap:10px}.shortcuts-list li{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px}.shortcuts-list kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text);box-shadow:0 2px #00000040}.shortcuts-list .shortcut-desc{margin-left:auto;color:var(--text-secondary);font-size:13px;text-align:right}.overlay-preview-ctrls{margin-top:8px;font-size:14px;letter-spacing:6px;opacity:.8}.screen-watch-modal header{display:flex;align-items:center;gap:10px}@media(max-width:900px){.mobile-topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-0);border-bottom:1px solid var(--border);grid-column:1/-1}.mobile-top-title{flex:1;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.app .server-bar,.app .channel-panel,.app .members-panel{display:none}.app.mobile-servers .server-bar{display:flex;position:fixed;top:48px;right:0;bottom:0;left:0;z-index:50;width:auto;flex-direction:row;flex-wrap:wrap;align-content:flex-start;padding:16px;gap:12px;background:var(--surface-0)}.app.mobile-channels .channel-panel{display:flex;position:fixed;top:48px;right:0;bottom:0;left:0;z-index:50;width:100%}.app.mobile-chat .chat-area{display:flex}.app .voice-bar{left:0;right:0}.app.no-members{grid-template-columns:1fr}}@media(max-width:768px){.settings-modal{flex-direction:column;height:auto;max-height:calc(100vh - 32px)}.settings-nav{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.settings-form-grid{grid-template-columns:1fr}.splash-content{max-width:100%}}html[data-density=compact]{--chan-w:228px;--mem-w:220px;font-size:13px}html[data-density=compact] .msg{padding:2px 12px 2px 6px;gap:10px}html[data-density=compact] .msg.compact{min-height:0;padding-top:0;padding-bottom:0}html[data-density=compact] .channel{padding:4px 8px;min-height:28px}html[data-density=compact] .member-widget{padding:4px 8px}html[data-density=compact] .user-bar{min-height:48px}html[data-density=compact] .server-icon{width:40px;height:40px}.ach-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.3;border:1px solid transparent;white-space:nowrap;vertical-align:middle;letter-spacing:.02em}.ach-badge-xs{padding:1px 5px;font-size:9px;gap:2px}.ach-badge-sm{padding:2px 6px;font-size:10px}.ach-badge-lg{padding:4px 10px;font-size:12px}.ach-badge-emoji{font-size:1.05em;line-height:1}.ach-badge-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.ach-rarity-common{background:#4f8cff24;color:#a8c8ff;border-color:#4f8cff59}.ach-rarity-rare{background:#2ee6c01f;color:#7ef0d8;border-color:#2ee6c059}.ach-rarity-epic{background:#f59e0b24;color:#fcd34d;border-color:#f59e0b66}.ach-rarity-legendary{background:#f8717124;color:#fecaca;border-color:#f8717173;box-shadow:0 0 12px #f8717140}.ach-badge.ach-rarity-legendary{animation:ach-glow 2.4s ease-in-out infinite}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0 8px;max-height:420px;overflow:auto;padding-right:4px}.ach-card{position:relative;display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);transition:border-color .2s,box-shadow .2s,opacity .2s}.ach-card.unlocked{border-color:#4f8cff40}.ach-card.locked{opacity:.55;filter:saturate(.65)}.ach-card.ach-rarity-legendary.unlocked{box-shadow:0 0 20px #f871712e;border-color:#f8717166}.ach-card-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#4f8cff1f;color:var(--brand)}.ach-card.ach-rarity-rare .ach-card-icon{background:#2ee6c01f;color:#2ee6c0}.ach-card.ach-rarity-epic .ach-card-icon{background:#f59e0b24;color:#f59e0b}.ach-card.ach-rarity-legendary .ach-card-icon{background:#f8717124;color:#f87171}.ach-card-body{flex:1;min-width:0}.ach-card-body h4{margin:0 0 4px;font-size:14px;font-weight:700;color:#fff}.ach-card-body p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.35}.ach-card-date{display:block;margin-top:6px;font-size:10px;color:var(--mint,#2EE6C0);font-weight:600}.ach-card-locked{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:10px;color:var(--muted);font-weight:600}.ach-card-rarity{position:absolute;top:8px;right:8px;text-transform:capitalize;opacity:.85}.ach-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;margin:12px 0;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.ach-summary-stat{display:flex;align-items:baseline;gap:6px}.ach-summary-stat strong{font-size:22px;font-weight:800;color:#fff;font-family:var(--font-display)}.ach-summary-stat span{font-size:13px;color:var(--muted)}.ach-summary-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.ach-tenure-days{color:var(--muted)}.ach-summary-badges{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.ach-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px;font-size:12px;color:var(--text-secondary);font-weight:600}.ach-stats-row span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.ach-filters{display:flex;gap:6px;margin:8px 0 4px}.ach-filters button{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border)}.ach-filters button.active{background:#4f8cff2e;color:#a8c8ff;border-color:#4f8cff59}.ach-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--muted)}.ach-empty{grid-column:1/-1;text-align:center;padding:24px}.profile-card-tenure{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:13px;color:var(--text-secondary)}.profile-card-tenure strong{color:#fff;font-weight:600}.profile-tenure-days{color:var(--muted)}.profile-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding:10px 12px;background:#4f8cff0f;border-radius:var(--radius-md);border:1px solid rgba(79,140,255,.12)}.profile-badge-row.has-legendary{border-color:#f8717159;box-shadow:0 0 24px #f871711f;background:linear-gradient(135deg,#4f8cff0f,#f8717114)}.member-hoist-group{margin-bottom:10px}.member-hoist-head .hoist-role-name{font-weight:800;text-transform:none;letter-spacing:.02em;font-size:12px}.member-hoist-head .hoist-role-icon{font-size:13px;line-height:1}.member-inline-badges{display:inline-flex;align-items:center;gap:3px;margin-left:4px;vertical-align:middle}.member-role-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;font-size:12px;line-height:1;opacity:.9}.member-role-icon.emoji{font-size:13px}.role-tag-icon{margin-right:3px;font-size:11px}.ss-self-widget{position:fixed;right:20px;bottom:88px;z-index:15000;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 6px;border-radius:12px;background:#12131ad1;border:1px solid rgba(79,140,255,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000073,0 0 0 1px #2ee6c014 inset;-webkit-user-select:none;user-select:none;max-width:min(360px,calc(100vw - 24px))}.ss-self-widget:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4f8cff80,#2ee6c059);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ss-self-drag{display:flex;align-items:center;justify-content:center;width:20px;height:28px;border-radius:6px;cursor:grab;color:var(--muted);touch-action:none;flex-shrink:0}.ss-self-drag:active{cursor:grabbing;color:var(--brand)}.ss-self-grip{width:4px;height:14px;border-radius:2px;background:repeating-linear-gradient(to bottom,var(--muted) 0,var(--muted) 2px,transparent 2px,transparent 4px);opacity:.7}.ss-self-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4f8cff40,#2ee6c02e);color:#7ef0d8;flex-shrink:0}.ss-self-label{flex:1;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-self-stop{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:none;border-radius:8px;background:linear-gradient(135deg,#ed4245,#c92a2e);color:#fff;font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0;transition:transform .12s,box-shadow .12s}.ss-self-stop:hover{transform:scale(1.03);box-shadow:0 4px 12px #ed424559}.role-gradient-picker{margin:8px 0 16px}.role-gradient-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.role-gradient-preset{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.role-gradient-preset.active{border-color:var(--brand);background:#4f8cff1f;color:var(--text)}.role-gradient-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1px solid var(--border)}.role-gradient-swatch.none{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:var(--surface-1)}.role-gradient-input{width:100%;padding:8px 10px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:11px;outline:none}.role-gradient-preview{margin-top:10px;padding:10px 14px;border-radius:var(--radius-sm);text-align:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.member-staff-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.member-staff-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.member-staff-badge.owner{background:#faa61a26;color:#faa61a;border:1px solid rgba(250,166,26,.35)}.member-staff-badge.admin{background:#ed42451f;color:#ed4245;border:1px solid rgba(237,66,69,.3)}.discover-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.discover-tag-chips button{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border)}.discover-tag-chips button.active{background:#2ee6c024;color:#7ef0d8;border-color:#2ee6c059}@keyframes ach-glow{0%,to{box-shadow:0 0 8px #f8717133}50%{box-shadow:0 0 16px #f8717173,0 0 4px #f59e0b40}}:root{--rucord-release-stamp: "1.0.30"}:root{--rucord-release-stamp: "1.0.31"}:root{--rucord-release-stamp: "1.0.32"}:root{--rucord-release-stamp: "1.0.33"}:root{--rucord-release-stamp: "1.0.34"}:root{--rucord-release-stamp: "1.0.35"}:root{--rucord-release-stamp: "1.0.36"}:root{--rucord-release-stamp: "1.0.37"}:root{--rucord-release-stamp: "1.0.38"}:root{--rucord-release-stamp: "1.0.39"}:root{--rc-accent: #5b7cff;--rc-accent-strong: #7c5cff;--rc-accent-cold: #59c7ff;--rc-surface-opacity: .94;--rc-widget-opacity: .88;--rc-background-opacity: 1;--rc-background-blur: 0px;--rc-background-dim: .35;--rc-app-background: url(../assets/brand/app-background-premium.png);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--control-height-sm: 32px;--control-height-md: 40px;--focus-ring: 0 0 0 3px rgba(91,124,255,.28)}html:not(.web-landing),html:not(.web-landing) body,html:not(.web-landing) #root{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.app-shell{width:100%;height:100dvh;min-width:0;min-height:0}.app-shell-body{flex:1 1 auto;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell.app-shell--electron{height:100%}.app-shell-body>.app,.app-shell-body>.auth-page,.app-shell-body>.profile-page{flex:1 1 auto;width:100%;min-width:0;min-height:0}.app{grid-template-columns:var(--server-w) var(--chan-w) minmax(0,1fr) var(--mem-w);width:100%;min-width:0;contain:size layout}.app.no-members{grid-template-columns:var(--server-w) var(--chan-w) minmax(0,1fr)}.chat-header{min-width:0;overflow:hidden}.chat-header h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header>.icon-btn,.chat-header>button,.channel-type-tag{flex:0 0 auto}.messages,.msg-body,.msg-text,.msg-attachments,.msg-embed,.pending-attachments{min-width:0;max-width:100%}.msg-image,.msg-video,.msg-embed{max-width:min(100%,540px)}.pins-bar{min-width:0;overflow-x:auto;overflow-y:hidden}.pin-snippet{flex:0 0 auto}.msg-form{width:100%;min-width:0}.msg-form>*{min-width:0}.msg-form>.attach-btn,.msg-form>.emoji-wrap,.msg-form>.send-btn{flex:0 0 auto}.modal-overlay{overflow:auto;overscroll-behavior:contain}.modal,.settings-modal{max-width:min(96vw,960px);max-height:min(92dvh,900px)}.modal-actions,.modal-foot,.account-data-actions,.site-cta-row{max-width:100%}.modal-actions>*,.modal-foot button{min-width:0;max-width:100%}.support-panel{display:grid;gap:16px;min-width:0}.support-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.support-head h3{margin:0}.support-head p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.support-head>div{min-width:0}.support-head .btn-primary{flex:0 0 auto}.support-create{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#ffffff06}.support-create label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:700}.support-create label:nth-of-type(3){grid-column:1/-1}.support-create input,.support-create select,.support-create textarea,.support-reply textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-0);color:var(--text);resize:vertical}.support-create .btn-primary{grid-column:1/-1;justify-self:end}.support-list{display:grid;gap:8px}.support-list>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#ffffff06;text-align:left;color:var(--text)}.support-list>button:hover{border-color:var(--border-glow);background:#5b7cff0f}.support-ticket-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#5b7cff1f;color:var(--accent)}.support-list strong,.support-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-list small{margin-top:3px;color:var(--text-muted);font-size:10px}.support-status{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;font-style:normal;white-space:nowrap;background:var(--surface-3);color:var(--text-secondary)}.support-status.status-open{color:#8fe8c1;background:#3dd68c1a}.support-status.status-pending{color:#f8cb72;background:#f0b2321a}.support-status.status-closed{color:var(--text-muted)}.support-thread{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto;padding:4px}.support-message{max-width:82%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.support-message.by-user{align-self:flex-end;background:#5b7cff1a;border-color:#5b7cff47}.support-message strong{font-size:11px;color:var(--accent)}.support-message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message time{color:var(--text-muted);font-size:9px}.support-reply{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.support-reply textarea{grid-row:1/3}.support-reply button{white-space:nowrap}.support-file{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-3);color:var(--text-secondary)!important;cursor:pointer}.support-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.support-attachments a{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:11px;text-decoration:none}.server-create-modal{width:min(900px,94vw);max-width:900px}.template-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-0)}.template-search input{flex:1;min-width:0;margin:0!important;padding:10px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.template-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:min(56vh,560px);overflow-y:auto;padding:2px}.template-card{min-width:0;overflow:hidden;padding:0!important}.template-card>strong,.template-card>span:not(.template-artwork){padding-left:11px;padding-right:11px}.template-card>span:not(.template-artwork){padding-bottom:11px;min-height:38px}.template-artwork{position:relative;width:100%;height:76px;overflow:hidden;background:linear-gradient(135deg,#111827,#202a42);color:#8799ff}.template-artwork img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover}.template-artwork:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,transparent 45%,rgba(5,7,12,.78))}.template-artwork-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex!important;align-items:center;justify-content:center;color:#8799ff!important}.template-card.active .template-artwork{box-shadow:inset 0 0 0 2px var(--accent)}@media(max-width:720px){.support-create{grid-template-columns:1fr}.support-create label:nth-of-type(3),.support-create .btn-primary{grid-column:auto}.support-head{flex-direction:column}.support-reply{grid-template-columns:1fr}.support-reply textarea{grid-row:auto}.support-message{max-width:94%}}.ui-button{min-height:var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-weight:700;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast),border-color var(--motion-fast)}.ui-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong)}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-field :is(input,select,textarea):focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button:disabled{opacity:.48;cursor:not-allowed}.ui-button--primary{border-color:transparent;background:var(--accent);color:#fff}.ui-button--secondary{background:#ffffff0d}.ui-button--ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.ui-button--danger{border-color:#f23f4366;background:#f23f4324;color:#ff8e91}.ui-button--sm{min-height:var(--control-height-sm);padding:0 11px;font-size:12px}.ui-icon-button{width:var(--control-height-md);height:var(--control-height-md);display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary)}.ui-icon-button:hover,.ui-icon-button.is-active{border-color:var(--border);background:#ffffff0e;color:var(--text)}.ui-surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(12,15,24,var(--rc-surface-opacity))}.ui-surface--glass{-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);background:#0c0f18bd}.ui-field{display:grid;gap:7px}.ui-field__label{color:var(--text-secondary);font-size:12px;font-weight:700}.ui-field__hint{color:var(--text-muted);font-size:11px}.ui-field.has-error .ui-field__hint{color:var(--red)}.ui-badge{min-height:22px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:11px;font-weight:700}.ui-badge--success{color:var(--green);background:#3dd68c14}.ui-badge--accent{color:#aebcff;background:#5b7cff1a}.ui-skeleton{display:inline-block;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:240% 100%;animation:ui-skeleton 1.4s linear infinite}.ui-empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:28px;text-align:center;color:var(--text-secondary)}.ui-empty-state__icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:#5b7cff14;color:var(--accent)}.ui-empty-state p{max-width:360px;color:var(--text-muted)}@keyframes ui-skeleton{to{background-position:-240% 0}}html[data-theme=dark],html[data-theme=graphite]{--brand: var(--rc-accent);--brand-2: #9bb4ff;--brand-h: #7896ff;--brand-soft: rgba(91,124,255,.12);--brand-soft-2: rgba(91,124,255,.2);--accent: var(--rc-accent);--accent-hover: #7896ff;--border-glow: rgba(91,124,255,.34);--glow-brand: 0 0 24px rgba(91,124,255,.22)}.app-shell{isolation:isolate;position:relative;overflow:hidden;background:#080a10}.app-shell:before,.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-shell:before{z-index:-2;background-image:var(--rc-app-background);background-size:cover;background-position:center;opacity:var(--rc-background-opacity);filter:blur(var(--rc-background-blur));transform:scale(1.025)}.app-shell:after{z-index:-1;background:rgba(5,7,12,var(--rc-background-dim))}.app-shell-body{position:relative;z-index:0}.app-shell .server-bar,.app-shell .channel-panel,.app-shell .members-panel,.app-shell .chat-area{-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.app-shell .server-bar{background:rgba(9,11,18,var(--rc-surface-opacity))}.app-shell .channel-panel,.app-shell .members-panel{background:rgba(12,15,24,var(--rc-surface-opacity))}.app-shell .chat-area{background:rgba(8,10,17,calc(var(--rc-surface-opacity) - .08))}.app-shell .modal,.app-shell .settings-modal,.app-shell .profile-card-modal,.app-shell .screen-share-self-widget,.app-shell .voice-bar,.app-shell .toast-item{--local-widget-opacity: var(--rc-widget-opacity);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.appearance-live-preview{min-height:170px;margin:14px 0 20px;padding:22px;display:flex;align-items:flex-end;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background-color:#080a10;background-size:cover;background-position:center;overflow:hidden}.appearance-live-preview>div{width:min(100%,340px);display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#090c14e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.appearance-live-preview>div .rc-icon{grid-row:1 / span 2;color:var(--accent)}.appearance-live-preview>div span{color:var(--text-muted);font-size:12px}.settings-range-pair{display:contents}.account-link-list{display:grid;gap:8px;margin:10px 0 18px}.account-link-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06}.account-link-row>.rc-icon{color:var(--text-secondary)}.account-link-row strong{display:inline-flex;align-items:center;gap:6px;color:var(--green)}.account-email-link{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:10px 0}@media(max-width:720px){.account-email-link{grid-template-columns:1fr}}.account-security-block{margin:18px 0}.account-session-list{display:grid;gap:8px;margin:10px 0}.account-session{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.account-session div{min-width:0;display:grid}.account-session span{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-data-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.mfa-setup,.mfa-recovery{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06}.mfa-setup code{-webkit-user-select:all;user-select:all;color:#aebcff;letter-spacing:.12em;overflow-wrap:anywhere}.mfa-recovery>code{max-height:180px;overflow:auto;white-space:pre;padding:10px;border-radius:6px;background:#080a10;color:#dbe3ff;line-height:1.6}.command-widgets{position:fixed;z-index:75;width:258px;overflow:hidden;border:1px solid rgba(110,136,255,.28);border-radius:12px;background:#080b13eb;color:var(--text);-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);transition:opacity var(--motion-fast),width var(--motion-base)}.command-widgets.is-collapsed{width:176px}.command-widgets>header{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 11px;border-bottom:1px solid var(--border);cursor:move;-webkit-user-select:none;user-select:none}.command-widgets>header span{display:flex;align-items:center;gap:7px;color:#aebcff;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.command-widgets>header button{width:26px;height:26px;display:grid;place-items:center;color:var(--text-muted)}.command-widgets__head-actions{display:flex;align-items:center;gap:2px}.command-widgets__head-actions button:hover{color:var(--text);background:#ffffff0f;border-radius:6px}.command-widgets__body{display:grid;gap:1px;padding:8px}.command-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 7px;border-radius:6px;background:#ffffff06;font-size:11px}.command-stat span{color:var(--text-muted)}.command-stat strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-stat.is-ok strong{color:var(--green)}.command-stat.is-warn strong{color:var(--yellow)}.command-stat.is-bad strong{color:var(--red)}.command-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.command-actions button{min-height:30px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a;color:var(--text-secondary);font-size:11px;font-weight:700}.command-actions button:hover{border-color:var(--border-glow);color:var(--text)}.e2ee-tag,.msg-e2ee{display:inline-flex;align-items:center;gap:5px;color:#8fe8c1}.msg-e2ee{margin-top:5px;font-size:10px;opacity:.72}.msg-e2ee.is-locked{color:var(--yellow)}.peer-volume{width:100%;display:grid;grid-template-columns:auto 1fr 34px;align-items:center;gap:6px;margin-top:5px;color:var(--text-muted);font-size:10px}.peer-volume input{width:100%;accent-color:var(--accent)}.peer-volume span{text-align:right;font-family:var(--font-mono)}.profile-card-modal[data-theme=elite-aurora],.profile-card-modal[data-theme=holo],.profile-card-modal[data-theme=synthwave]{isolation:isolate;overflow:hidden;border-color:#6c82ff6b}.profile-card-modal[data-theme=elite-aurora]:before,.profile-card-modal[data-theme=holo]:before,.profile-card-modal[data-theme=synthwave]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(../assets/brand/profile-background-premium.png) center/cover;opacity:.22;animation:profile-signal 8s ease-in-out infinite alternate}.profile-card-modal[data-theme=elite-gold]{border-color:#f59e0b7a}.profile-card-modal[data-theme=elite-gold] .profile-card-avatar{box-shadow:0 0 0 2px #f59e0b8c,0 0 28px #f59e0b33}@keyframes profile-signal{0%{transform:scale(1);filter:saturate(.8)}to{transform:scale(1.035);filter:saturate(1.25)}}.profile-card-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.profile-card-body,.profile-card-banner,.profile-card-foot,.profile-card-close{position:relative;z-index:1}.profile-effect-signal .profile-card-effect-layer{background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(91,124,255,.055) 35px,transparent 36px);animation:effect-drift 7s linear infinite}.profile-effect-starlight .profile-card-effect-layer{background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 75% 32%,rgba(116,145,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 44% 78%,rgba(255,255,255,.45) 0 1px,transparent 2px);background-size:90px 90px,130px 130px,160px 160px;animation:effect-pulse 3.2s ease-in-out infinite}.profile-effect-scan .profile-card-effect-layer:after{content:"";position:absolute;top:-40%;right:0;bottom:-40%;left:0;background:linear-gradient(180deg,transparent 42%,rgba(91,124,255,.14) 50%,transparent 58%);animation:effect-scan 4.5s linear infinite}.profile-effect-embers .profile-card-effect-layer{background:radial-gradient(circle at 15% 90%,rgba(255,117,48,.22),transparent 28%),radial-gradient(circle at 85% 82%,rgba(255,178,71,.15),transparent 25%);animation:effect-pulse 2.8s ease-in-out infinite}@keyframes effect-drift{to{background-position:72px 0}}@keyframes effect-pulse{50%{opacity:.55}}@keyframes effect-scan{to{transform:translateY(70%)}}.avatar-decoration{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:3;pointer-events:none;border-radius:50%}.avatar-decoration-tactical{border:3px solid #56647e;box-shadow:inset 0 0 0 3px #111827,0 0 18px #5b7cff59}.avatar-decoration-crown:before{content:"";position:absolute;left:50%;top:-18px;width:44px;height:26px;transform:translate(-50%);background:#ffd36a;clip-path:polygon(0 100%,5% 22%,30% 58%,50% 0,70% 58%,95% 22%,100% 100%);filter:drop-shadow(0 2px 5px #000)}.avatar-decoration-cat-ears:before,.avatar-decoration-cat-ears:after{content:"";position:absolute;top:-14px;width:25px;height:30px;background:#1c2335;border:3px solid #7d91ff;clip-path:polygon(50% 0,100% 100%,0 100%)}.avatar-decoration-cat-ears:before{left:4px;transform:rotate(-18deg)}.avatar-decoration-cat-ears:after{right:4px;transform:rotate(18deg)}.avatar-decoration-bandana:before{content:"";position:absolute;left:5px;right:5px;bottom:4px;height:18px;border-radius:4px 4px 50% 50%;background:repeating-linear-gradient(45deg,#b71f3a 0,#b71f3a 7px,#751326 7px,#751326 14px);transform:rotate(-5deg)}.avatar-decoration-headset{border-left:8px solid #687bff;border-right:8px solid #687bff;border-top:4px solid #a8b4ff}.profile-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.profile-card-stats>div{display:grid;gap:2px;padding:9px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;text-align:center}.profile-card-stats strong{color:#dce3ff;font-family:var(--font-mono)}.profile-card-stats span{color:var(--text-muted);font-size:10px}.profile-mutual-servers{display:grid;gap:8px;margin:12px 0}.profile-mutual-servers>strong{font-size:11px;color:var(--text-secondary)}.profile-mutual-servers>div{display:flex;gap:6px;flex-wrap:wrap}.profile-mutual-servers span{width:30px;height:30px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:#fff;font-size:9px;font-weight:800}.profile-mutual-servers img{width:100%;height:100%;object-fit:cover}.elite-custom-label{display:block;margin:18px 0 8px;color:var(--text-secondary);font-size:12px;font-weight:700}.elite-cosmetics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.elite-cosmetics-grid button{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:9px;background:#ffffff06;color:var(--text-secondary);font-size:11px}.elite-cosmetics-grid button.active{border-color:var(--accent);background:#5b7cff1a;color:var(--text)}.elite-effect-preview{width:66px;height:34px;border-radius:7px;background:#111827;overflow:hidden}.elite-effect-preview.effect-signal{background:repeating-linear-gradient(90deg,#111827 0,#111827 8px,#4054a8,#111827 10px)}.elite-effect-preview.effect-starlight{background:radial-gradient(circle at 25% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#7d91ff 0 1px,transparent 2px),#111827}.elite-effect-preview.effect-scan{background:linear-gradient(180deg,#111827 40%,#627bff,#111827 60%)}.elite-effect-preview.effect-embers{background:radial-gradient(circle at 50% 100%,#f97316,#20100a 48%,#111827 70%)}.elite-avatar-preview{width:38px;height:38px;border-radius:50%;background:#202941;border:2px solid #657cff;position:relative}.elite-avatar-preview.decoration-cat-ears:before,.elite-avatar-preview.decoration-cat-ears:after{content:"";position:absolute;top:-9px;width:13px;height:15px;background:#657cff;clip-path:polygon(50% 0,100% 100%,0 100%)}.elite-avatar-preview.decoration-cat-ears:before{left:0}.elite-avatar-preview.decoration-cat-ears:after{right:0}.elite-avatar-preview.decoration-bandana:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:9px;background:#b71f3a;border-radius:2px 2px 50% 50%}.elite-avatar-preview.decoration-crown:before{content:"";position:absolute;left:4px;right:4px;top:-10px;height:13px;background:#ffd36a;clip-path:polygon(0 100%,8% 20%,32% 60%,50% 0,68% 60%,92% 20%,100% 100%)}.elite-avatar-preview.decoration-headset{border-left-width:5px;border-right-width:5px}.elite-avatar-preview.decoration-tactical{box-shadow:0 0 0 3px #111827,0 0 0 5px #56647e}@media(max-width:900px){.command-widgets{display:none}}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.chat-area{width:100%;min-width:0}.chat-header{height:48px;padding:0 8px;gap:5px}.chat-header h3{font-size:14px}.chat-header .channel-type-tag{display:none}.chat-header>button:nth-of-type(n+3){display:none}.messages{padding:12px 10px 8px}.msg{gap:9px;padding-right:6px}.msg-av{width:34px;height:34px}.msg-actions,.msg-quick-actions{right:4px}.msg-form{gap:4px;padding:8px max(6px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.msg-form .attach-btn{width:36px!important;height:38px!important;border-radius:8px!important}.msg-form .send-btn,.msg-form button[type=submit].send-btn{width:38px;height:38px}.msg-form .msg-input{min-height:38px;padding:9px 10px;font-size:14px}.emoji-picker,.gif-picker{position:fixed;left:8px;right:8px;bottom:64px;width:auto;max-width:none}.reply-bar-form,.pending-attachments{padding-left:10px;padding-right:10px}.modal-overlay{align-items:flex-start;padding:8px}.modal,.settings-modal{width:100%;max-width:100%;max-height:calc(100dvh - 16px)}.modal-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.modal-actions>button{width:100%!important}.toast-stack{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:none}}@media(max-width:420px){.msg-form{gap:3px}.msg-form .attach-btn{width:33px!important}.msg-form .attach-btn[title=Опрос]{display:none!important}.mobile-topbar>.icon-btn{padding:6px}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}@media(max-width:900px),(prefers-reduced-transparency:reduce){.app-shell .server-bar,.app-shell .channel-panel,.app-shell .members-panel,.app-shell .chat-area{-webkit-backdrop-filter:none;backdrop-filter:none}}