*,:before,:after{box-sizing:border-box}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#0d0f14;--color-surface:#13161f;--color-surface2:#1a1e2e;--color-border:#ffffff12;--color-text:#e2e8f0;--color-text-muted:#64748b;--color-text-faint:#334155;--color-input-bg:#ffffff0a;--color-input-border:#ffffff14;--color-card-bg:#ffffff08;--color-card-border:#ffffff0f;--color-hover-bg:#ffffff0d;--color-scrollbar:#ffffff1f;--color-scrollbar-hover:#fff3;--shadow-card:0 2px 12px #00000059;--shadow-elevated:0 8px 32px #00000080;--accent:#3b82f6;--accent-rgb:59 130 246;--accent-dark:#2563eb;--accent-dark-rgb:37 99 235;--accent-light:#93c5fd;--accent-glow:#3b82f659;--accent-10:#3b82f61a;--accent-15:#3b82f626;--accent-20:#3b82f633;--accent-30:#3b82f64d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--color-bg:#f0f2f7;--color-surface:#fff;--color-surface2:#f8f9fc;--color-border:#00000014;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-input-bg:#00000008;--color-input-border:#0000001a;--color-card-bg:#fff;--color-card-border:#00000012;--color-hover-bg:#0000000a;--color-scrollbar:#0000001f;--color-scrollbar-hover:#0003;--shadow-card:0 1px 4px #0000000f, 0 4px 16px #0000000f;--shadow-elevated:0 4px 24px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}[class*=animation],[style*=animation],.spinner,.toggle-knob{transition:none!important}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5}#root{width:100%;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:700;line-height:1.2}p{margin:0}button,input,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.cs-toast{background:var(--color-surface2);border:1px solid var(--color-border);color:var(--color-text);z-index:9999;white-space:nowrap;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;animation:.25s cubic-bezier(.22,1,.36,1) both csToastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.cs-toast-icon{font-size:15px;line-height:1}@keyframes csToastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.auth-container{box-sizing:border-box;background:#0d0f14;justify-content:center;align-items:flex-start;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden auto}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#8b5cf61a 50%,#0000 70%);border-radius:50%;width:900px;height:900px;animation:6s ease-in-out infinite bgPulse;position:absolute}@keyframes bgPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#13161ff2;border-radius:20px;width:100%;max-width:420px;padding:48px 44px;animation:.6s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3b82f62e,0 32px 64px #0009,0 0 80px #3b82f614}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phoenix-bg{opacity:.055;z-index:0;pointer-events:none;filter:blur(1px)saturate(.6);background-image:url(/assets/files_10075355-2026-05-09T11-56-59-257Z-image-YEw5xUsZ.webp);background-position:top;background-size:cover;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-header{z-index:1;text-align:center;margin-bottom:36px;position:relative}.auth-logo{object-fit:contain;object-position:center;border-radius:22px;width:156px;height:156px;margin:0 auto 16px;display:block;box-shadow:0 12px 36px #f973163d}.auth-title{letter-spacing:-1px;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:44px;font-weight:800}.auth-subtitle{color:var(--color-text-muted);letter-spacing:.4px;font-size:14px;font-weight:500}.auth-form{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.form-group input{border:1.5px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text);border-radius:12px;padding:13px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:var(--color-text-faint)}.form-group input:focus{background:#3b82f60f;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61f}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.4px;z-index:1;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border:none;border-radius:12px;margin-top:4px;padding:14px 16px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;position:relative;box-shadow:0 4px 20px #2563eb59}.submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px #2563eb73}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.error-message{color:#fca5a5;z-index:1;background:#7f1d1d59;border-left:3px solid #f87171;border-radius:10px;padding:12px 14px;font-size:13px;position:relative}.auth-toggle{text-align:center;border-top:1px solid var(--color-border);z-index:1;margin-top:28px;padding-top:24px;position:relative}.auth-toggle p{color:var(--color-text-muted);font-size:13px}.toggle-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:13px;font-weight:600;transition:color .2s}.toggle-btn:hover{color:#a78bfa}.auth-card.exiting{animation:.55s cubic-bezier(.4,0,1,1) forwards cardOut}@keyframes cardOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.94)translateY(-20px)}}.auth-container.exiting{animation:.6s forwards bgOut}@keyframes bgOut{to{opacity:0}}@media (width<=768px){.auth-card{padding:36px 24px}.auth-title{font-size:36px}}.ban-screen{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.ban-icon-wrap{color:#f87171;background:#ef44441f;border:1.5px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:.5s cubic-bezier(.22,1,.36,1) both banIconIn;display:flex}@keyframes banIconIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ban-title{color:var(--color-text);letter-spacing:-.3px;margin:0 0 8px;font-size:20px;font-weight:800}.ban-subtitle{color:var(--color-text-muted);margin:0 0 28px;font-size:13px}.ban-detail-rows{border:1px solid var(--color-card-border);text-align:left;border-radius:14px;flex-direction:column;gap:0;width:100%;margin-bottom:24px;display:flex;overflow:hidden}.ban-detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ban-detail-row:last-child{border-bottom:none}.ban-detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;font-size:11.5px;font-weight:600}.ban-detail-value{color:var(--color-text);text-align:right;word-break:break-word;font-size:13px;font-weight:500}.ban-countdown{color:#fca5a5;font-weight:700}.ban-type-chip{letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.ban-type-chip.perm{color:#f87171;background:#ef444426;border:1px solid #ef444440}.ban-type-chip.temp{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.ban-back-btn{background:var(--color-input-bg);width:100%;color:var(--color-text-muted);border:1.5px solid var(--color-input-border);cursor:pointer;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.ban-back-btn:hover{background:var(--color-hover-bg);color:var(--color-text);border-color:var(--color-card-border)}.banned-fullscreen{box-sizing:border-box;background:#0d0f14;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.banned-fullscreen:before{content:"";pointer-events:none;background:radial-gradient(circle,#ef44441f 0%,#7f1d1d0f 50%,#0000 70%);border-radius:50%;width:900px;height:900px;animation:6s ease-in-out infinite bgPulse;position:absolute}.banned-glow{pointer-events:none;background:radial-gradient(circle,#ef444414 0%,#0000 60%);border-radius:50%;width:600px;height:600px;animation:5s ease-in-out infinite bgPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banned-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1;background:#13161ff5;border-radius:20px;width:100%;max-width:480px;padding:44px 40px;animation:.6s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ef44442e,0 32px 64px #0009,0 0 80px #ef44440f}.banned-phoenix-bg{opacity:.04;z-index:0;pointer-events:none;filter:blur(1px)saturate(.4);background-image:url(/assets/files_10075355-2026-05-09T11-56-59-257Z-image-YEw5xUsZ.webp);background-position:top;background-size:cover;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banned-icon-wrap{z-index:1;color:#f87171;background:#ef44441f;border:1.5px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:.5s cubic-bezier(.22,1,.36,1) both banIconIn;display:flex;position:relative}.banned-title{z-index:1;color:var(--color-text);text-align:center;letter-spacing:-.3px;margin:0 0 8px;font-size:22px;font-weight:800;position:relative}.banned-subtitle{z-index:1;color:var(--color-text-muted);text-align:center;margin:0 0 28px;font-size:13px;position:relative}.banned-detail-rows{z-index:1;border:1px solid var(--color-card-border);text-align:left;border-radius:14px;flex-direction:column;gap:0;width:100%;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.banned-detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.banned-detail-row:last-child{border-bottom:none}.banned-detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;font-size:11.5px;font-weight:600}.banned-detail-value{color:var(--color-text);text-align:right;word-break:break-word;font-size:13px;font-weight:500}.banned-countdown{color:#fca5a5;font-weight:700}.banned-type-chip{letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.banned-type-chip.perm{color:#f87171;background:#ef444426;border:1px solid #ef444440}.banned-type-chip.temp{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.banned-back-btn{z-index:1;background:var(--color-input-bg);width:100%;color:var(--color-text-muted);border:1.5px solid var(--color-input-border);cursor:pointer;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s;position:relative}.banned-back-btn:hover{background:var(--color-hover-bg);color:var(--color-text);border-color:var(--color-card-border)}@media (width<=768px){.banned-card{padding:32px 24px}.banned-title{font-size:19px}}.role-badge{letter-spacing:.3px;white-space:nowrap;vertical-align:middle;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;font-weight:700;display:inline-flex}.role-badge--md{padding:3px 9px 3px 6px;font-size:11.5px}.role-badge--sm{padding:2px 6px;font-size:10px}.role-badge--owner{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 60%,#dc2626 100%);animation:3s ease-in-out infinite ownerPulse;box-shadow:0 2px 10px #f59e0b66,0 0 0 1px #f59e0b33}@keyframes ownerPulse{0%,to{box-shadow:0 2px 10px #f59e0b66,0 0 0 1px #f59e0b33}50%{box-shadow:0 2px 18px #f59e0bb3,0 0 0 2px #f59e0b59}}.role-badge--admin{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);animation:3.5s ease-in-out infinite adminPulse;box-shadow:0 2px 10px #3b82f666,0 0 0 1px #3b82f633}@keyframes adminPulse{0%,to{box-shadow:0 2px 8px #3b82f659,0 0 0 1px #3b82f633}50%{box-shadow:0 2px 16px #3b82f699,0 0 0 2px #3b82f64d}}.role-badge--moderator{color:#1a1000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b4d,0 0 0 1px #f59e0b33}.role-badge--tester{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0284c7 100%);animation:4s ease-in-out infinite testerPulse;box-shadow:0 2px 8px #06b6d459,0 0 0 1px #06b6d433}@keyframes testerPulse{0%,to{box-shadow:0 2px 8px #06b6d44d,0 0 0 1px #06b6d433}50%{box-shadow:0 2px 14px #06b6d48c,0 0 0 2px #06b6d44d}}.settings-overlay{z-index:100;background:var(--color-bg);animation:.55s cubic-bezier(.22,1,.36,1) both settingsReveal;display:flex;position:fixed;inset:0}@keyframes settingsReveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.settings-overlay.exiting{animation:.4s cubic-bezier(.4,0,1,1) forwards settingsHide}@keyframes settingsHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.settings-nav{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:240px;padding:28px 16px;animation:.5s cubic-bezier(.22,1,.36,1) 50ms both slideFromLeft;display:flex;overflow-y:auto}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.settings-back{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.settings-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.settings-nav-logo{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding:0 10px 24px}.settings-nav-logo h2{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.settings-nav-section{margin-bottom:24px}.settings-nav-section-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1.2px;padding:0 10px 8px;font-size:10px;font-weight:700}.settings-nav-item{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.settings-nav-item svg{opacity:.6;flex-shrink:0}.settings-nav-item:hover{background:var(--color-hover-bg);color:var(--color-text)}.settings-nav-item.active{background:var(--accent-10);color:var(--accent);font-weight:600}.settings-nav-item.active svg{opacity:1}.settings-main{background:var(--color-bg);flex:1;padding:40px 48px;animation:.5s cubic-bezier(.22,1,.36,1) .1s both fadeUpIn;overflow-y:auto}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.settings-section-title{color:var(--color-text);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:800}.settings-section-subtitle{color:var(--color-text-muted);margin-bottom:32px;font-size:13px}.settings-profile-hero{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex;position:relative;overflow:hidden}.settings-profile-hero:before{content:"";background:radial-gradient(circle, var(--accent-10) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.settings-avatar-wrap{flex-shrink:0;position:relative}.settings-avatar{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border:2px solid rgba(var(--accent-rgb) / .4);width:72px;height:72px;box-shadow:0 0 20px rgba(var(--accent-rgb) / .25);border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;overflow:hidden}.settings-avatar img{object-fit:cover;width:100%;height:100%}.settings-avatar-edit{background:var(--accent-dark);border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:0}.settings-avatar-edit:hover{background:var(--accent);transform:scale(1.1)}.settings-avatar-uploading{background:#0000008c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-avatar-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.settings-profile-info h3{color:var(--color-text);margin-bottom:4px;font-size:18px;font-weight:700}.settings-profile-info p{color:var(--color-text-muted);font-size:13px}.settings-profile-info .member-since{color:var(--color-text-faint);margin-top:6px;font-size:12px}.settings-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:16px;padding:24px;animation:.45s cubic-bezier(.22,1,.36,1) both cardSlideIn}.settings-card:hover{border-color:var(--accent-20);box-shadow:0 0 30px rgba(var(--accent-rgb) / .08), var(--shadow-card)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.settings-card-title{color:var(--color-text);margin-bottom:3px;font-size:14px;font-weight:700}.settings-card-desc{color:var(--color-text-muted);font-size:12px;line-height:1.5}.settings-card-icon{background:var(--accent-10);border:1px solid var(--accent-15);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.settings-input-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.settings-input{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);color:var(--color-text);border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}.settings-input::placeholder{color:var(--color-text-faint)}.settings-input:focus{border-color:var(--accent);background:rgba(var(--accent-rgb) / .06);box-shadow:0 0 0 4px var(--accent-10)}.settings-textarea{resize:none;min-height:90px;line-height:1.6}.settings-char-count{color:var(--color-text-faint);text-align:right;margin-top:-4px;font-size:11px}.settings-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600}.settings-btn:hover:not(:disabled){transform:translateY(-2px)}.settings-btn:active:not(:disabled){transform:translateY(0)}.settings-btn:disabled{opacity:.45;cursor:not-allowed}.settings-btn-primary{background:linear-gradient(135deg, var(--accent-dark) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 16px rgba(var(--accent-dark-rgb) / .3)}.settings-btn-primary:hover:not(:disabled){box-shadow:0 6px 24px rgba(var(--accent-dark-rgb) / .4);filter:brightness(1.07)}.settings-btn-ghost{background:var(--color-hover-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted)}.settings-btn-ghost:hover:not(:disabled){background:var(--color-card-border);color:var(--color-text)}.settings-btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.settings-btn-danger:hover:not(:disabled){background:#ef44442e;box-shadow:0 4px 16px #ef444433}.settings-btn-row{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.settings-toast{color:#16a34a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;background:#16a34a26;border:1px solid #22c55e4d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.22,1,.36,1) both toastIn,.3s 2.2s forwards toastOut;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(0)}[data-theme=dark] .settings-toast{color:#86efac}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%)translateY(16px)}}.settings-toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none;padding-bottom:0}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{color:var(--color-text);margin-bottom:2px;font-size:13px;font-weight:600}.settings-toggle-sub{color:var(--color-text-muted);font-size:12px}.toggle-switch{background:var(--color-input-border);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:44px;height:24px;margin-left:16px;position:relative}.toggle-switch.on{background:linear-gradient(135deg, var(--accent-dark), #7c3aed)}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.toggle-switch.on .toggle-knob{transform:translate(20px)}.avatar-upload-zone{border:1.5px dashed rgba(var(--accent-rgb) / .3);text-align:center;cursor:pointer;background:rgba(var(--accent-rgb) / .03);border-radius:12px;padding:28px}.avatar-upload-zone:hover{border-color:rgba(var(--accent-rgb) / .6);background:rgba(var(--accent-rgb) / .06)}.avatar-upload-zone input{display:none}.avatar-upload-icon{background:var(--accent-10);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.avatar-upload-text{color:var(--color-text-muted);font-size:13px}.avatar-upload-text strong{color:var(--accent)}.avatar-upload-hint{color:var(--color-text-faint);margin-top:4px;font-size:11px}.color-swatches{flex-wrap:wrap;gap:14px;padding:4px 0;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:42px;height:42px;position:relative}.color-swatch:hover{transform:scale(1.18)}.color-swatch.selected{border-color:#fff;transform:scale(1.12)}.color-swatch.selected:after{content:"";background:#ffffff40;border-radius:50%;position:absolute;inset:0}.color-swatch.selected:before{content:"✓";color:#fff;z-index:1;text-shadow:0 1px 3px #0006;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.theme-mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-mode-card{border:2px solid var(--color-card-border);background:var(--color-bg);cursor:pointer;border-radius:14px;padding:0;font-family:inherit;overflow:hidden}.theme-mode-card:hover{border-color:var(--accent-30);box-shadow:0 4px 20px rgba(var(--accent-rgb) / .12)}.theme-mode-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 20px rgba(var(--accent-rgb) / .2)}.theme-mode-preview{height:100px;display:flex;overflow:hidden}.theme-mode-preview[data-mode=dark]{background:#0d0f14}.theme-mode-preview[data-mode=light]{background:#f0f2f7}.tmp-sidebar{flex-shrink:0;width:28px;height:100%}.theme-mode-preview[data-mode=dark] .tmp-sidebar{background:#13161f;border-right:1px solid #ffffff12}.theme-mode-preview[data-mode=light] .tmp-sidebar{background:#fff;border-right:1px solid #00000012}.tmp-content{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.tmp-bar{border-radius:4px;height:7px}.theme-mode-preview[data-mode=dark] .tmp-bar{background:#ffffff14}.theme-mode-preview[data-mode=light] .tmp-bar{background:#00000014}.theme-mode-preview[data-mode=dark] .tmp-bar--title{width:55%;height:9px;background:#ffffff2e!important}.theme-mode-preview[data-mode=light] .tmp-bar--title{width:55%;height:9px;background:#00000026!important}.tmp-bar--text{width:80%}.tmp-bar--short{width:50%}.tmp-card{border-radius:6px;flex-direction:column;gap:5px;margin-top:4px;padding:8px;display:flex}.theme-mode-preview[data-mode=dark] .tmp-card{background:#ffffff0a}.theme-mode-preview[data-mode=light] .tmp-card{background:#0000000a}.tmp-bar--card-line{width:90%;height:6px}.theme-mode-label{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 14px;display:flex}.theme-mode-icon{color:var(--color-text-muted);align-items:center;display:flex}.theme-mode-card.active .theme-mode-icon{color:var(--accent)}.theme-mode-name{color:var(--color-text);text-align:left;flex:1;font-size:13px;font-weight:600}.theme-mode-active-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.settings-divider{background:var(--color-border);height:1px;margin:8px 0 16px}.danger-zone-card{border-color:#ef444426!important}.danger-zone-card:hover{border-color:#ef444440!important;box-shadow:0 0 30px #ef44440d!important}@media (width<=900px){.settings-main{padding:28px 24px}.settings-nav{width:200px}}@media (width<=640px){.settings-nav{display:none}.settings-main{padding:24px 16px}}.language-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.language-option{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .18s;display:flex;position:relative}.language-option:hover{border-color:var(--accent);background:var(--color-surface-hover)}.language-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.language-flag{font-size:20px;line-height:1}.language-name{text-align:left;flex:1}.language-check{color:var(--accent);align-items:center;display:flex}.profile-page{flex:1;animation:.5s cubic-bezier(.22,1,.36,1) both profileIn;display:flex;overflow:hidden}@keyframes profileIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.profile-left{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:16px;width:300px;padding:24px 20px;display:flex;overflow-y:auto}.profile-hero-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);text-align:center;border-radius:20px;flex-shrink:0;padding:28px 24px;transition:border-color .25s,box-shadow .25s;animation:.45s cubic-bezier(.22,1,.36,1) 50ms both cardIn;position:relative;overflow:hidden}.profile-hero-card:before{content:"";pointer-events:none;background:radial-gradient(#3b82f61f 0%,#0000 70%);border-radius:50%;width:280px;height:160px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.profile-hero-card:hover{border-color:#3b82f633;box-shadow:0 0 32px #3b82f60f}.profile-avatar-wrap{margin-bottom:16px;display:inline-block;position:relative}.profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:2.5px solid #3b82f680;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:30px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 24px #3b82f64d}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-online-dot{border:2.5px solid var(--color-bg);background:#22c55e;border-radius:50%;width:16px;height:16px;position:absolute;bottom:3px;right:3px;box-shadow:0 0 8px #22c55e80}.profile-username{color:var(--color-text);letter-spacing:-.3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:800;display:flex}.profile-handle{color:var(--color-text-muted);margin-bottom:12px;font-size:13px}.profile-status-badge{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.profile-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #22c55e99}.profile-bio{color:var(--color-text-muted);min-height:40px;margin-bottom:20px;font-size:13px;line-height:1.65}.profile-bio-empty{color:var(--color-text-faint);font-style:italic}.profile-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:center;gap:24px;margin-bottom:20px;padding:16px 0;display:flex}.profile-stat{text-align:center}.profile-stat-value{color:var(--color-text);margin-bottom:3px;font-size:18px;font-weight:800;line-height:1}.profile-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.profile-hero-actions{flex-direction:column;gap:8px;display:flex}.profile-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s;display:flex}.profile-btn:hover:not(:disabled){transform:translateY(-2px)}.profile-btn:disabled{opacity:.45;cursor:not-allowed}.profile-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);box-shadow:0 4px 16px #2563eb47}.profile-btn-primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 6px 24px #2563eb66}.profile-btn-ghost{background:var(--color-hover-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted)}.profile-btn-ghost:hover:not(:disabled){background:var(--color-card-border);color:var(--color-text)}.profile-btn-success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e33}.profile-btn-success:hover:not(:disabled){background:#22c55e2e}.profile-btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef44442e}.profile-btn-danger:hover:not(:disabled){background:#ef44442b}.profile-activity-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:18px 20px;animation:.45s cubic-bezier(.22,1,.36,1) .1s both cardIn}.profile-card-title{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:11px;font-weight:700}.activity-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-label{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.activity-label svg{opacity:.6}.activity-value{color:var(--color-text);font-size:13px;font-weight:700}.profile-right{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.profile-section-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:18px;padding:22px 24px;transition:border-color .25s,box-shadow .25s}.profile-section-card:hover{border-color:#3b82f626}.profile-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.profile-section-label{color:var(--color-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.profile-section-label svg{color:#60a5fa}.profile-section-count{color:var(--color-text-muted);background:var(--color-hover-bg);border-radius:100px;padding:2px 10px;font-size:12px;font-weight:700}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.friend-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);cursor:default;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.friend-card:hover{box-shadow:0 4px 20px rgba(var(--accent-rgb) / .1);border-color:#3b82f633;transform:translateY(-2px)}.friend-avatar-wrap{position:relative}.friend-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:700;display:flex}.friend-online-dot{border:2px solid var(--color-card-bg);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #22c55e66}.friend-offline-dot{background:var(--color-text-muted);border:2px solid var(--color-card-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.friend-name{color:var(--color-text);text-align:center;font-size:13px;font-weight:600}.friend-status-text{color:var(--color-text-faint);text-align:center;font-size:11px}.friend-actions{gap:6px;width:100%;display:flex}.friend-action-btn{border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);cursor:pointer;border-radius:8px;flex:1;padding:6px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .18s}.friend-action-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.request-list{flex-direction:column;gap:10px;display:flex}.request-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.request-card:hover{border-color:#3b82f626}.request-info{flex:1;min-width:0}.request-name{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.request-meta{color:var(--color-text-muted);font-size:12px}.request-actions{flex-shrink:0;gap:8px;display:flex}.request-accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .18s,box-shadow .18s;box-shadow:0 3px 10px #2563eb40}.request-accept-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2563eb59}.request-decline-btn{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.request-decline-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef444433}.suggest-list{flex-direction:column;gap:8px;display:flex}.suggest-card{border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .18s,border-color .18s;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.suggest-card:hover{background:var(--color-hover-bg);border-color:var(--color-card-border)}.suggest-info{flex:1;min-width:0}.suggest-name{color:var(--color-text);margin-bottom:1px;font-size:13px;font-weight:600}.suggest-mutual{color:var(--color-text-faint);font-size:11px}.add-friend-btn{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.add-friend-btn:hover{background:#3b82f62e;transform:translateY(-1px);box-shadow:0 3px 12px #3b82f633}.add-friend-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-empty-state{color:var(--color-text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.profile-empty-state svg{opacity:.3;margin-bottom:4px}.profile-empty-state p{font-size:13px}.add-friend-search{gap:8px;margin-bottom:16px;display:flex}.add-friend-input{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);color:var(--color-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.add-friend-input::placeholder{color:var(--color-text-faint)}.add-friend-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-friend-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s}.add-friend-search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.av-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.av-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}.av-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)!important}.av-rose{background:linear-gradient(135deg,#f43f5e,#be123c)!important}.av-amber{background:linear-gradient(135deg,#f59e0b,#b45309)!important}.av-green{background:linear-gradient(135deg,#22c55e,#15803d)!important}.av-sky{background:linear-gradient(135deg,#38bdf8,#0369a1)!important}@media (width<=1100px){.profile-left{width:260px}}@media (width<=800px){.profile-page{flex-direction:column}.profile-left{border-right:none;border-bottom:1px solid var(--color-border);width:100%}.friends-grid{grid-template-columns:repeat(2,1fr)}}.notif-page{flex-direction:column;flex:1;animation:.45s cubic-bezier(.22,1,.36,1) both notifIn;display:flex;overflow:hidden}@keyframes notifIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notif-filters{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:14px 28px;display:flex}.notif-filter-btn{border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);cursor:pointer;border-radius:100px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.notif-filter-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.notif-filter-btn.active{background:var(--accent-15);border-color:rgba(var(--accent-rgb) / .3);color:var(--accent-light);transition:background .3s,border-color .3s,color .3s}.notif-mark-all{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:100px;margin-left:auto;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.notif-mark-all:hover{color:var(--color-text);border-color:var(--color-input-border)}.notif-scroll{flex-direction:column;flex:1;gap:0;padding:16px 28px 32px;display:flex;overflow-y:auto}.notif-group-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.8px;padding:20px 0 8px;font-size:11px;font-weight:700}.notif-group-label:first-child{padding-top:4px}.notif-card{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:4px;padding:16px 18px;transition:background .18s,border-color .18s,box-shadow .18s;animation:.4s cubic-bezier(.22,1,.36,1) both notifCardIn;display:flex;position:relative}@keyframes notifCardIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.notif-card:hover{background:var(--color-hover-bg);border-color:var(--color-border)}.notif-card.unread{background:rgba(var(--accent-rgb) / .04);border-color:rgba(var(--accent-rgb) / .1);transition:background .3s,border-color .3s}.notif-card.unread:hover{background:rgba(var(--accent-rgb) / .07);border-color:rgba(var(--accent-rgb) / .16);box-shadow:0 0 24px rgba(var(--accent-rgb) / .06)}.notif-icon-wrap{flex-shrink:0;position:relative}.notif-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex}.notif-avatar.system{border:1.5px solid rgba(var(--accent-rgb) / .25);box-shadow:0 0 16px rgba(var(--accent-rgb) / .12);background:linear-gradient(135deg,#1e3a5f 0%,#1e1b4b 100%);transition:border-color .3s,box-shadow .3s}.notif-avatar.security{background:linear-gradient(135deg,#1e1a0e 0%,#3b1f00 100%);border:1.5px solid #f59e0b40;box-shadow:0 0 16px #f59e0b1a}.notif-type-badge{border:2px solid var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.notif-type-badge.badge-blue{background:#2563eb}.notif-type-badge.badge-purple{background:#7c3aed}.notif-type-badge.badge-red{background:#dc2626}.notif-type-badge.badge-amber{background:#d97706}.notif-type-badge.badge-green{background:#16a34a}.notif-type-badge.badge-teal{background:#0d9488}.notif-body{flex:1;min-width:0}.notif-header-row{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.notif-actor{color:var(--color-text);font-size:14px;font-weight:700}.notif-time{color:var(--color-text-faint);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.notif-text{color:var(--color-text-muted);font-size:13px;line-height:1.55}.notif-text strong{color:var(--color-text);font-weight:600}.notif-unread-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--accent-rgb) / .6);border-radius:50%;flex-shrink:0;align-self:flex-start;margin-top:6px;transition:background .3s,box-shadow .3s}.notif-actions{gap:8px;margin-top:10px;display:flex}.notif-action-accept{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(var(--accent-dark-rgb) / .25);border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .18s,box-shadow .18s,background .4s}.notif-action-accept:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2563eb59}.notif-action-decline{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.notif-action-decline:hover{color:#f87171;background:#ef444417;border-color:#ef44442e}.notif-empty{text-align:center;color:var(--color-text-faint);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 32px;display:flex}.notif-empty svg{opacity:.2}.notif-empty h3{color:var(--color-text-muted);margin:0;font-size:16px;font-weight:700}.notif-empty p{color:var(--color-text-faint);margin:0;font-size:13px}.notif-card.unread:before{content:"";background:linear-gradient(135deg, rgba(var(--accent-rgb) / .12), #7c3aed0f);pointer-events:none;z-index:0;border-radius:14px;position:absolute;inset:-1px}.notif-card.unread>*{z-index:1;position:relative}.notif-delete-btn{width:28px;height:28px;color:var(--color-text-faint);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:opacity .18s,color .18s,background .18s;display:flex;position:relative}.notif-card:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{color:#f87171;background:#ef44441f}@media (hover:none){.notif-delete-btn{opacity:1}}.dm-shell{flex:1;animation:.4s cubic-bezier(.22,1,.36,1) both dmIn;display:flex;overflow:hidden}@keyframes dmIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.dm-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.dm-sidebar-header{flex-shrink:0;padding:18px 16px 12px}.dm-sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-faint);margin-bottom:10px;font-size:11px;font-weight:700}.dm-search{position:relative}.dm-search-input{background:var(--color-input-bg);border:1px solid var(--color-input-border);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;padding:8px 12px 8px 32px;font-family:inherit;font-size:12px;transition:border-color .2s,background .2s}.dm-search-input:focus{border-color:rgba(var(--accent-rgb) / .4);background:rgba(var(--accent-rgb) / .04);outline:none}.dm-search-input::placeholder{color:var(--color-text-faint)}.dm-search-icon{color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dm-donate-wrap{border-top:1px solid var(--color-border);flex-shrink:0;padding:12px 12px 16px}.dm-donate-btn{color:#f87171;cursor:pointer;background:linear-gradient(135deg,#ef44441f,#f973161a);border:1px solid #ef444440;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dm-donate-btn:hover{color:#fca5a5;background:linear-gradient(135deg,#ef444433,#f9731629);border-color:#ef444466;transform:translateY(-1px);box-shadow:0 4px 16px #ef444426}.dm-donate-btn svg{animation:1.6s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}.dm-donate-sub{color:var(--color-text-muted);text-align:center;opacity:.6;margin:6px 0 0;font-size:10px}.dm-conv-list{flex:1;padding:4px 8px 16px;overflow-y:auto}.dm-conv-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-faint);padding:12px 8px 6px;font-size:10px;font-weight:700}.dm-conv-row{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex;position:relative}.dm-conv-row:hover{background:var(--color-hover-bg)}.dm-conv-row.active{background:var(--accent-10);border-color:var(--accent-15);transition:background .3s,border-color .3s}.dm-conv-avatar-wrap{flex-shrink:0;position:relative}.dm-conv-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.dm-conv-info{flex:1;min-width:0}.dm-conv-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dm-conv-row.active .dm-conv-name{color:var(--color-text)}.dm-conv-preview{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.dm-conv-time{color:var(--color-text-faint);flex-shrink:0;font-size:10px}.dm-unread-badge{background:var(--accent);color:#fff;width:16px;height:16px;box-shadow:0 0 8px rgba(var(--accent-rgb) / .5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:background .3s,box-shadow .3s;display:flex}.dm-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.dm-chat-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:12px;padding:14px 24px;display:flex}.dm-chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;position:relative}.dm-chat-header-info{flex:1}.dm-chat-header-name{color:var(--color-text);font-size:15px;font-weight:700}.dm-chat-header-status{color:var(--color-text-faint);margin-top:1px;font-size:11px}.dm-chat-header-actions{gap:8px;display:flex}.dm-header-btn{border:1px solid var(--color-border);background:var(--color-input-bg);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .18s;display:flex}.dm-header-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.dm-header-btn--call{background:rgba(var(--accent-rgb) / .1);border-color:rgba(var(--accent-rgb) / .2);color:var(--accent-light);box-shadow:0 0 12px rgba(var(--accent-rgb) / .15);transition:all .2s cubic-bezier(.22,1,.36,1)}.dm-header-btn--call:hover{background:rgba(var(--accent-rgb) / .2);border-color:rgba(var(--accent-rgb) / .4);color:var(--accent-light);box-shadow:0 0 20px rgba(var(--accent-rgb) / .3);transform:translateY(-1px)}.dm-messages{flex-direction:column;flex:1;gap:2px;padding:20px 24px;display:flex;overflow-y:auto}.dm-date-divider{align-items:center;gap:12px;margin:16px 0 8px;display:flex}.dm-date-divider:before,.dm-date-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.dm-date-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:10px;font-weight:700}.dm-msg-row{align-items:flex-end;gap:8px;animation:.25s cubic-bezier(.22,1,.36,1) both msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dm-msg-row.own{flex-direction:row-reverse}.dm-msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:2px;font-size:10px;font-weight:800;display:flex}.dm-msg-avatar.hidden{visibility:hidden}.dm-msg-bubble-group{flex-direction:column;gap:2px;max-width:65%;display:flex}.dm-msg-row.own .dm-msg-bubble-group{align-items:flex-end}.dm-msg-name{color:var(--color-text-muted);margin-bottom:3px;padding:0 4px;font-size:11px}.dm-msg-row.own .dm-msg-name{display:none}.dm-bubble{word-break:break-word;border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.5;transition:opacity .15s;position:relative}.dm-msg-bubble-group .dm-bubble:first-of-type{border-radius:18px 18px 18px 6px}.dm-msg-bubble-group .dm-bubble:last-of-type{border-radius:6px 18px 18px}.dm-msg-bubble-group .dm-bubble:only-of-type{border-radius:18px 18px 18px 6px}.dm-msg-row.own .dm-msg-bubble-group .dm-bubble:first-of-type{border-radius:18px 18px 6px}.dm-msg-row.own .dm-msg-bubble-group .dm-bubble:last-of-type{border-radius:18px 6px 18px 18px}.dm-msg-row.own .dm-msg-bubble-group .dm-bubble:only-of-type{border-radius:18px 18px 6px}.dm-bubble.theirs{background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-card-border)}.dm-bubble.mine{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;box-shadow:0 3px 14px rgba(var(--accent-dark-rgb) / .25);border:none;transition:background .4s,box-shadow .3s}.dm-msg-meta{align-items:center;gap:6px;padding:2px 4px;display:flex}.dm-msg-time{color:var(--color-text-faint);font-size:10px}.dm-msg-read{color:var(--accent);font-size:10px;transition:color .3s}.dm-typing{color:var(--color-text-faint);align-items:center;gap:8px;padding:4px 0 8px;font-size:12px;animation:.3s fadeIn;display:flex}.dm-typing-dots{align-items:center;gap:3px;display:flex}.dm-typing-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;transition:background .3s;animation:1.2s ease-in-out infinite typingBounce}.dm-typing-dots span:nth-child(2){animation-delay:.2s}.dm-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.dm-input-bar{border-top:1px solid var(--color-border);flex-shrink:0;padding:12px 20px 16px}.dm-input-wrap{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:14px;align-items:flex-end;gap:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.dm-input-wrap:focus-within{border-color:rgba(var(--accent-rgb) / .35);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .06)}.dm-textarea{color:var(--color-text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.dm-textarea::placeholder{color:var(--color-text-faint)}.dm-send-btn{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:0 3px 12px rgba(var(--accent-dark-rgb) / .3);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,opacity .18s,background .4s;display:flex}.dm-send-btn:hover:not(:disabled){box-shadow:0 5px 18px rgba(var(--accent-dark-rgb) / .45);transform:translateY(-1px)}.dm-send-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.dm-empty-conv{color:var(--color-text-faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.dm-empty-conv svg{opacity:.15}.dm-empty-conv h3{color:var(--color-text-muted);margin:0;font-size:16px;font-weight:700}.dm-empty-conv p{color:var(--color-text-faint);max-width:260px;margin:0;font-size:13px;line-height:1.6}.dm-no-friends{text-align:center;color:var(--color-text-faint);padding:24px 16px;font-size:12px;line-height:1.6}.dm-back-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px 4px 0;font-size:13px;font-weight:600;transition:color .15s;display:none}.dm-back-btn:hover{color:var(--color-text)}@media (width<=768px){.dm-shell{position:relative;overflow:hidden}.dm-sidebar{z-index:2;width:100%;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(0)}.dm-sidebar.hidden-mobile{pointer-events:none;transform:translate(-100%)}.dm-main{z-index:3;width:100%;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(100%)}.dm-main.visible-mobile{transform:translate(0)}.dm-back-btn{display:flex}.dm-chat-header{padding:12px 16px}.dm-messages{padding:16px 14px 80px}.dm-input-bar{padding:10px 14px 14px}.dm-sidebar-header{padding:16px 14px 12px}.dm-conv-list{padding-bottom:80px}.dm-donate-wrap{display:none}}.dm-online-dot{border:2px solid var(--color-surface);background:#22c55e;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.dm-offline-dot{background:var(--color-text-muted);border:2px solid var(--color-surface);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.call-overlay--fixed{z-index:9000;position:fixed;inset:0}.call-overlay{background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--accent-rgb) / .14) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 20% 100%, #8b5cf614 0%, transparent 55%), linear-gradient(180deg, #0a0c11 0%, #0d0f14 100%);flex-direction:column;justify-content:space-between;align-items:center;padding:28px 24px 40px;animation:.5s cubic-bezier(.22,1,.36,1) both callIn;display:flex;overflow:hidden}@keyframes callIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.call-overlay--ending{pointer-events:none;animation:.75s cubic-bezier(.4,0,1,1) forwards callOut!important}@keyframes callOut{to{opacity:0;transform:scale(.96)}}.call-bg-glow{background:radial-gradient(circle, rgba(var(--accent-rgb) / .07) 0%, transparent 60%);pointer-events:none;border-radius:50%;width:700px;height:700px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.call-bg-grid{pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.call-topbar{z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:540px;display:flex}.call-status-pill{color:#94a3b8;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:7px;padding:7px 16px;font-size:12px;font-weight:700;display:flex}.call-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.call-status-dot--ringing{background:#f59e0b;animation:.9s ease-in-out infinite statusPulse;box-shadow:0 0 8px #f59e0bb3}.call-status-dot--connected{background:#22c55e;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #22c55eb3}.call-status-dot--ended{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.35}}.call-encrypted-badge,.call-app-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;display:flex}.call-encrypted-badge{color:#4ade80;background:#22c55e14;border:1px solid #22c55e2e;animation:.5s .4s both fadeIn}.call-app-badge{color:var(--accent-light);background:rgba(var(--accent-rgb) / .1);border:1px solid rgba(var(--accent-rgb) / .2);animation:.4s both fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-mic-error{color:#f87171;z-index:1;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;animation:.3s both fadeIn;display:flex}.call-mic-error svg{flex-shrink:0;width:14px;height:14px}.call-body{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.call-avatars{justify-content:center;align-items:center;gap:56px;display:flex}.call-avatars--ringing{gap:40px}.call-participant{flex-direction:column;align-items:center;gap:14px;animation:.55s cubic-bezier(.22,1,.36,1) .1s both participantIn;display:flex;position:relative}@keyframes participantIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.call-participant--self{animation-delay:.2s}.call-participant--incoming-focus .call-avatar--lg{width:120px;height:120px;font-size:40px}.call-participant--ringing-self .call-avatar--lg{opacity:.75}.call-participant-glow{background:radial-gradient(circle, var(--glow-color,transparent) 0%, transparent 70%);pointer-events:none;opacity:0;border-radius:50%;width:150px;height:150px;transition:background .3s;animation:1.5s ease-in-out infinite glowRipple;position:absolute;top:50%;left:50%;transform:translate(-50%,-68px)}.call-participant--speaking .call-participant-glow{opacity:1}@keyframes glowRipple{0%,to{transform:translate(-50%,-68px)scale(1)}50%{transform:translate(-50%,-68px)scale(1.18)}}.call-avatar{color:#fff;border:3px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;font-weight:800;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.call-avatar--lg{width:104px;height:104px;font-size:36px}.call-participant--speaking .call-avatar{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb) / .18), 0 0 36px rgba(var(--accent-rgb) / .25)}.call-avatar--muted{filter:brightness(.65)}.call-muted-overlay{color:#f87171;background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.call-ringing-rings{border:2px solid rgba(var(--accent-rgb) / .4);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite ringingRing;position:absolute;inset:-14px}.call-ringing-rings:before,.call-ringing-rings:after{content:"";border:2px solid rgba(var(--accent-rgb) / .22);border-radius:50%;animation:1.6s ease-out infinite ringingRing;position:absolute}.call-ringing-rings:before{animation-delay:.3s;inset:-16px}.call-ringing-rings:after{border-color:rgba(var(--accent-rgb) / .1);animation-delay:.6s;inset:-30px}@keyframes ringingRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.call-participant-name{color:#f1f5f9;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.call-self-tag{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#ffffff12;border-radius:100px;padding:2px 7px;font-size:10px;font-weight:600}.call-participant-status{color:#475569;justify-content:center;align-items:center;gap:6px;min-height:20px;font-size:12px;display:flex}.call-participant-idle{color:#334155;font-size:12px}.call-participant-label{border-radius:100px;padding:3px 10px;font-size:12px;font-weight:600}.call-participant-label--calling{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33;animation:1.4s ease-in-out infinite labelPulse}@keyframes labelPulse{0%,to{opacity:1}50%{opacity:.55}}.call-muted-label{color:#f87171;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.call-muted-label svg{width:12px;height:12px}.call-ringing-dots{align-items:center;gap:4px;display:flex}.call-ringing-dots span{background:#f59e0b;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ringingDot}.call-ringing-dots span:nth-child(2){animation-delay:.2s}.call-ringing-dots span:nth-child(3){animation-delay:.4s}@keyframes ringingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.call-ringing-divider{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.call-ringing-waiting{color:#334155;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;padding:5px 14px;font-size:11px;font-weight:600}.call-connection-line{background:linear-gradient(90deg, rgba(var(--accent-rgb)/.15), rgba(var(--accent-rgb)/.45), rgba(var(--accent-rgb)/.15));border-radius:2px;flex-shrink:0;width:88px;height:2px;position:relative;overflow:hidden}.call-connection-pulse{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:100%;height:100%;animation:1.6s linear infinite connectionPulse;position:absolute;top:0;left:-100%}@keyframes connectionPulse{to{left:100%}}.call-speaking-wave{align-items:center;gap:2px;height:18px;display:flex}.call-speaking-wave span{background:var(--accent);transform-origin:bottom;border-radius:3px;width:3px;animation:.75s ease-in-out infinite waveBar}.call-speaking-wave span:first-child{height:6px;animation-delay:0s}.call-speaking-wave span:nth-child(2){height:14px;animation-delay:.1s}.call-speaking-wave span:nth-child(3){height:9px;animation-delay:.2s}.call-speaking-wave span:nth-child(4){height:14px;animation-delay:.15s}.call-speaking-wave span:nth-child(5){height:6px;animation-delay:50ms}@keyframes waveBar{0%,to{opacity:.55;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}.call-incoming-hint{animation:.5s cubic-bezier(.22,1,.36,1) .25s both fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.call-incoming-hint-text{color:#334155;letter-spacing:.2px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;padding:7px 20px;font-size:13px}.call-controls{z-index:1;flex-shrink:0;justify-content:center;align-items:flex-start;gap:24px;animation:.55s cubic-bezier(.22,1,.36,1) .2s both controlsIn;display:flex}@keyframes controlsIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.call-controls--incoming{gap:60px}.call-ctrl-group{flex-direction:column;align-items:center;gap:10px;display:flex}.call-ctrl-btn{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff17;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .22s cubic-bezier(.22,1,.36,1);display:flex}.call-ctrl-btn:hover:not(:disabled){color:#e2e8f0;background:#ffffff1f;transform:translateY(-4px)scale(1.06);box-shadow:0 10px 28px #00000073}.call-ctrl-btn:disabled{opacity:.28;cursor:not-allowed}.call-ctrl-btn--active{background:rgba(var(--accent-rgb) / .18);border-color:rgba(var(--accent-rgb) / .35);color:var(--accent-light)}.call-ctrl-btn--end{color:#f87171;background:#ef44442e;border-color:#ef444459;width:72px;height:72px;animation:2.5s ease-in-out infinite endPulse;box-shadow:0 0 24px #ef444438}.call-ctrl-btn--end:hover:not(:disabled){color:#fff;background:#ef444461;box-shadow:0 0 40px #ef444480}@keyframes endPulse{0%,to{box-shadow:0 0 24px #ef444438}50%{box-shadow:0 0 40px #ef44446b,0 0 60px #ef44441f}}.call-ctrl-btn--decline{color:#f87171;background:#ef44442e;border-color:#ef444459;width:72px;height:72px;animation:2.5s ease-in-out infinite endPulse;box-shadow:0 0 24px #ef444438}.call-ctrl-btn--decline:hover:not(:disabled){color:#fff;background:#ef444461;transform:translateY(-4px)scale(1.06);box-shadow:0 0 40px #ef444480}.call-ctrl-btn--accept{color:#86efac;background:#22c55e2e;border-color:#22c55e59;width:72px;height:72px;animation:1.8s ease-in-out infinite acceptPulse;box-shadow:0 0 24px #22c55e38}.call-ctrl-btn--accept:hover:not(:disabled){color:#fff;background:#22c55e61;transform:translateY(-4px)scale(1.06);box-shadow:0 0 40px #22c55e8c}@keyframes acceptPulse{0%,to{box-shadow:0 0 24px #22c55e38}50%{box-shadow:0 0 44px #22c55e80,0 0 64px #22c55e24}}.call-ctrl-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:600}.call-ctrl-label--accept{color:#4ade80}.call-ctrl-label--decline{color:#f87171}.call-ctrl-group--device{position:relative}.call-device-panel{z-index:10;background:#111318;border:1px solid #ffffff1f;border-radius:16px;width:300px;padding:6px 0 10px;animation:.2s cubic-bezier(.22,1,.36,1) both devicePanelIn;position:absolute;bottom:calc(100% + 18px);right:50%;transform:translate(50%);box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0a}@keyframes devicePanelIn{0%{opacity:0;transform:translate(50%)translateY(10px)scale(.97)}to{opacity:1;transform:translate(50%)translateY(0)scale(1)}}.call-device-panel:after{content:"";background:#111318;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.call-device-panel-header{color:#475569;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #ffffff0d;align-items:center;gap:7px;margin-bottom:4px;padding:10px 16px 8px;font-size:11px;font-weight:700;display:flex}.call-device-section{padding:6px 8px 2px}.call-device-section-label{color:#334155;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;padding:4px 8px 6px;font-size:10px;font-weight:700;display:flex}.call-device-section-label svg{width:11px;height:11px}.call-device-option{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .15s,color .15s;display:flex}.call-device-option:hover{color:#e2e8f0;background:#ffffff0d}.call-device-option--active{color:#e2e8f0;background:rgba(var(--accent-rgb) / .1)}.call-device-option-check{width:16px;height:16px;color:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.call-device-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;line-height:1.3;overflow:hidden}.call-device-divider{background:#ffffff0d;height:1px;margin:4px 12px}.call-device-empty{color:#1e293b;padding:6px 18px 8px;font-size:12px;font-style:italic}@media (width<=600px){.call-avatars{gap:24px}.call-avatars--ringing{gap:20px}.call-participant--incoming-focus .call-avatar--lg{width:96px;height:96px;font-size:32px}.call-ctrl-btn{width:56px;height:56px}.call-ctrl-btn--end,.call-ctrl-btn--accept,.call-ctrl-btn--decline{width:64px;height:64px}.call-controls{gap:16px}.call-controls--incoming{gap:40px}}.admin-page{background:var(--color-bg);flex:1;padding:32px;animation:.45s cubic-bezier(.22,1,.36,1) both adminIn;overflow-y:auto}@keyframes adminIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-header-left{align-items:center;gap:16px;display:flex}.admin-header-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#ec4899 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 24px #3b82f659}.admin-title{color:var(--color-text);background:linear-gradient(90deg,#60a5fa,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 2px;font-size:22px;font-weight:700}.admin-subtitle{color:var(--color-text-muted);margin:0;font-size:13px}.admin-permission-badge{color:#93c5fd;background:linear-gradient(135deg,#3b82f626,#ec489926);border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;display:flex}.admin-banner{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.3s both adminIn;display:flex}.admin-banner--success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.admin-banner--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.admin-banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:2px;display:flex}.admin-banner-close:hover{opacity:1}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:22px;transition:border-color .2s}.admin-card:hover{border-color:#3b82f633}.admin-card--wide{grid-column:1/-1}.admin-card-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;margin-bottom:18px;font-size:13.5px;font-weight:600;display:flex}.admin-card-header svg{color:#60a5fa}.admin-card-count{color:#60a5fa;background:#3b82f626;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:700}.admin-search-wrap{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;transition:border-color .2s;display:flex}.admin-search-wrap:focus-within{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.admin-search-wrap svg{color:var(--color-text-faint);flex-shrink:0}.admin-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.admin-search-input::placeholder{color:var(--color-text-faint)}.admin-search-spinner{border:2px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-search-results{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;margin-bottom:14px;animation:.2s both adminIn;overflow:hidden}.admin-search-result-item{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.admin-search-result-item:last-child{border-bottom:none}.admin-search-result-item:hover{background:#3b82f612}.admin-result-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.admin-result-info{flex-direction:column;gap:3px;display:flex}.admin-result-name{color:var(--color-text);font-size:13.5px;font-weight:600}.admin-selected-user{background:linear-gradient(135deg,#3b82f614,#ec489914);border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;animation:.25s both adminIn;display:flex}.admin-selected-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#ec4899);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.admin-selected-info{flex:1}.admin-selected-name{color:var(--color-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;font-weight:700;display:flex}.admin-selected-current{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.admin-deselect-btn{background:var(--color-hover-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.admin-deselect-btn:hover{color:#f87171;background:#ef444426}.admin-role-controls{flex-direction:column;gap:14px;animation:.25s both adminIn;display:flex}.admin-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.admin-role-select-wrap{width:100%}.admin-role-select{background:var(--color-input-bg);border:1px solid var(--color-input-border);width:100%;color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:10px 36px 10px 14px;font-size:14px;transition:border-color .2s}.admin-role-select:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.admin-role-select option{background:var(--color-input-bg)}.admin-action-btns{gap:10px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex}.admin-btn:hover:not(:disabled){transform:translateY(-1px)}.admin-btn:active:not(:disabled){transform:translateY(0)}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn--primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.admin-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.admin-btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440}.admin-btn--danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.admin-btn--ghost{background:var(--color-hover-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted)}.admin-btn--ghost:hover:not(:disabled){background:var(--color-card-border);color:var(--color-text)}.admin-warning-text{color:#f59e0b;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.admin-user-list{flex-direction:column;gap:8px;display:flex}.admin-user-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .15s;display:flex}.admin-user-row:hover{border-color:#3b82f633}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.admin-user-avatar.tester{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.admin-user-name{color:var(--color-text);flex:1;font-size:13.5px;font-weight:600}.admin-list-empty{text-align:center;color:var(--color-text-faint);padding:24px 0;font-size:13px}.admin-list-loading{text-align:center;color:var(--color-text-muted);padding:16px 0;font-size:13px}.admin-role-chip{letter-spacing:.03em;white-space:nowrap;border-radius:20px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.ml-4{margin-left:4px}.role-user{color:#94a3b8;background:#64748b2e;border:1px solid #64748b40}.role-tester{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d44d}.role-moderator{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.role-admin{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.role-owner{color:#f0abfc;background:linear-gradient(90deg,#ec489933,#a855f733);border:1px solid #ec489959}.admin-perm-list{flex-direction:column;gap:10px;display:flex}.admin-perm-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;display:flex}.admin-perm-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-perm-dot.role-user{background:#64748b}.admin-perm-dot.role-tester{background:#06b6d4;box-shadow:0 0 6px #06b6d4}.admin-perm-dot.role-moderator{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.admin-perm-dot.role-admin{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.admin-perm-dot.role-owner{background:#ec4899;box-shadow:0 0 10px #ec4899}.admin-perm-info{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.admin-perm-desc{color:var(--color-text-muted);font-size:12px}.admin-perm-level{color:var(--color-text-faint);letter-spacing:.05em;font-size:11px;font-weight:700}.admin-log-list{flex-direction:column;gap:8px;display:flex}.admin-log-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:9px;align-items:center;gap:12px;padding:10px 14px;animation:.3s both adminIn;display:flex}.admin-log-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-log-action-icon.assign{color:#86efac;background:#22c55e1f;border:1px solid #22c55e33}.admin-log-action-icon.remove{color:#fca5a5;background:#ef44441f;border:1px solid #ef444433}.admin-log-body{flex-wrap:wrap;flex:1;align-items:center;gap:5px;font-size:13px;display:flex}.admin-log-actor{color:#93c5fd;font-weight:700}.admin-log-target{color:var(--color-text);font-weight:700}.admin-log-verb{color:var(--color-text-muted)}.admin-log-time{color:var(--color-text-faint);white-space:nowrap;font-size:11.5px}.admin-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#000000a6;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.admin-confirm-dialog{background:var(--color-card-bg);border:1px solid var(--color-card-border);text-align:center;width:90%;max-width:380px;box-shadow:var(--shadow-elevated);border-radius:18px;padding:32px;animation:.3s cubic-bezier(.22,1,.36,1) both adminIn}.admin-confirm-icon{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#ec489933);border:1px solid #3b82f64d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.admin-confirm-title{color:var(--color-text);margin:0 0 10px;font-size:18px;font-weight:700}.admin-confirm-body{color:var(--color-text-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.admin-confirm-body strong{color:var(--color-text)}.admin-confirm-actions{justify-content:center;gap:10px;display:flex}.admin-card--ban{border-color:#ef44441f}.admin-card--ban:hover{border-color:#ef444438}.admin-card--ban .admin-card-header svg{color:#f87171}.ban-count{color:#f87171!important;background:#ef44441f!important}.admin-ban-layout{grid-template-columns:380px 1fr;gap:24px;display:grid}.admin-ban-form-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.admin-ban-fields{flex-direction:column;gap:12px;animation:.25s both adminIn;display:flex}.admin-ban-type-row{gap:8px;display:flex}.admin-ban-type-btn{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.admin-ban-type-btn:hover{color:#93c5fd;border-color:#3b82f64d}.admin-ban-type-btn.active{color:#60a5fa;background:#3b82f61f;border-color:#3b82f666}.admin-ban-type-btn--perm:hover{color:#fca5a5;border-color:#ef44444d}.admin-ban-type-btn--perm.active{color:#f87171;background:#ef44441f;border-color:#ef444466}.admin-ban-duration-row{gap:8px;animation:.2s both adminIn;display:flex}.admin-ban-duration-input{background:var(--color-input-bg);border:1px solid var(--color-input-border);width:80px;color:var(--color-text);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.admin-ban-duration-input:focus{border-color:#3b82f680}.admin-ban-unit-select{flex:1;margin-bottom:0}.admin-ban-reason-input{background:var(--color-input-bg);border:1px solid var(--color-input-border);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.admin-ban-reason-input::placeholder{color:var(--color-text-faint)}.admin-ban-reason-input:focus{border-color:#ef444466;box-shadow:0 0 0 3px #ef44440f}.admin-btn--ban{justify-content:center;width:100%;padding:11px}.admin-btn--ban.temp{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b40}.admin-btn--ban.temp:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.admin-btn--ban.perm{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 14px #ef44444d}.admin-btn--ban.perm:hover:not(:disabled){box-shadow:0 6px 20px #ef444473}.admin-btn--unban{color:#86efac;cursor:pointer;white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e40;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.admin-btn--unban:hover{background:#22c55e2e;border-color:#22c55e66}.admin-btn--unban-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #22c55e40}.admin-btn--unban-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e66}.ban-avatar{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.ban-avatar-lg{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.ban-selected{background:linear-gradient(135deg,#ef444412,#b91c1c12)!important;border-color:#ef44444d!important}.admin-active-bans{border-left:1px solid var(--color-border);padding-left:24px}.admin-ban-empty{flex-direction:column;align-items:center;gap:8px;display:flex;color:var(--color-text-faint)!important;padding:32px 0!important}.admin-ban-empty p{color:var(--color-text-faint);margin:0}.admin-ban-list{flex-direction:column;gap:8px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.admin-ban-list::-webkit-scrollbar{width:4px}.admin-ban-list::-webkit-scrollbar-track{background:0 0}.admin-ban-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.admin-ban-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;animation:.25s both adminIn;display:flex}.admin-ban-row.permanent{border-left:3px solid #ef444480}.admin-ban-row.temp{border-left:3px solid #f59e0b80}.admin-ban-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-ban-type-dot.permanent{background:#ef4444;box-shadow:0 0 6px #ef4444}.admin-ban-type-dot.temp{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.admin-ban-info{flex:1;min-width:0}.admin-ban-username{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.admin-ban-meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.admin-ban-by{color:var(--color-text-faint);margin-top:1px;font-size:11px}.admin-ban-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800}.admin-ban-badge.permanent{color:#f87171;background:#ef444426;border:1px solid #ef444440}.admin-ban-badge.temp{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.ban-confirm-icon{color:#f87171!important;background:linear-gradient(135deg,#ef444433,#b91c1c33)!important;border-color:#ef444459!important}.unban-confirm-icon{color:#86efac!important;background:linear-gradient(135deg,#22c55e26,#16a34a26)!important;border-color:#22c55e4d!important}@media (width<=900px){.admin-ban-layout{grid-template-columns:1fr}.admin-active-bans{border-left:none;border-top:1px solid var(--color-border);padding-top:20px;padding-left:0}.admin-grid{grid-template-columns:1fr}.admin-card--wide{grid-column:1}.admin-page{padding:20px 16px}}.admin-card--maintenance{border-color:#f59e0b26}.admin-card--maintenance:hover{border-color:#f59e0b40}.admin-card--maintenance .admin-card-header svg{color:#f59e0b}.maintenance-active-count{animation:2s ease-in-out infinite maintenancePulse;color:#fbbf24!important;background:#f59e0b26!important}@keyframes maintenancePulse{0%,to{opacity:1}50%{opacity:.6}}.maintenance-admin-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.maintenance-admin-title{color:var(--color-text);margin:0 0 6px;font-size:15px;font-weight:700}.maintenance-admin-description{color:var(--color-text-muted);max-width:420px;margin:0;font-size:13px;line-height:1.5}.maintenance-admin-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.maintenance-duration-select{width:auto;min-width:140px}.maintenance-countdown{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}.admin-btn--maintenance{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b40}.admin-btn--maintenance:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.admin-card--phoenixra{border-color:#ec489926}.admin-card--phoenixra:hover{border-color:#ec489940}.admin-card--phoenixra .admin-card-header svg{color:#ec4899}.phx-count{color:#f0abfc!important;background:linear-gradient(90deg,#ec489926,#a855f726)!important}.phx-announce-layout{flex-direction:column;gap:20px;display:flex}.phx-textarea{background:var(--color-input-bg);border:1px solid var(--color-input-border);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;min-height:60px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.phx-textarea:focus{border-color:#ec489966;box-shadow:0 0 0 3px #ec48990f}.phx-textarea::placeholder{color:var(--color-text-faint)}.phx-options{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.phx-checkbox{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.phx-checkbox input{cursor:pointer}.admin-btn--phoenixra{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ec4899,#a855f7);margin-left:auto;box-shadow:0 4px 14px #ec489940}.admin-btn--phoenixra:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.phx-post-list{border-top:1px solid var(--color-border);padding-top:16px}.phx-post-list-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.phx-post-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;margin-bottom:8px;padding:10px 14px}.phx-post-content{color:var(--color-text);margin-bottom:6px;font-size:13.5px;line-height:1.5}.phx-post-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phx-post-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700}.phx-post-badge--pinned{color:#f0abfc;background:#ec489926;border:1px solid #ec489940}.phx-post-badge--global{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.phx-post-time{color:var(--color-text-faint);font-size:11px}.phx-delete-btn{margin-left:auto;padding:3px 10px!important;font-size:11px!important}.phx-login-section{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.phx-login-info{flex:1;min-width:200px}.phx-login-label{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:700}.phx-login-desc{color:var(--color-text-muted);font-size:12px;line-height:1.4}.admin-btn--phoenixra-login{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 4px 14px #ec489940}.admin-btn--phoenixra-login:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.phx-avatar-section{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:18px;padding-top:16px;display:flex}.phx-avatar-preview{background:linear-gradient(135deg,#ec48991a,#a855f71a);border:2px solid #ec48994d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.phx-avatar-img{object-fit:cover;width:100%;height:100%}.phx-avatar-placeholder{color:#f0abfc;letter-spacing:.05em;font-size:22px;font-weight:800}.phx-avatar-controls{flex:1;min-width:200px}.phx-avatar-label{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:700}.phx-avatar-desc{color:var(--color-text-muted);margin-bottom:10px;font-size:12px;line-height:1.4}.dashboard{background:var(--color-bg);height:100vh;animation:.7s cubic-bezier(.22,1,.36,1) both dashIn;display:flex;overflow:hidden}@keyframes dashIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.left-nav{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;animation:.55s cubic-bezier(.22,1,.36,1) 50ms both slideInLeft;display:flex;overflow-y:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.nav-logo{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:16px;padding:0 16px 20px;display:flex}.nav-logo-icon{object-fit:contain;border-radius:10px;flex-shrink:0;width:40px;height:40px}.nav-logo-text h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent-light) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:800;transition:background .4s}.nav-logo-text .tagline{color:var(--color-text-muted);letter-spacing:.4px;margin-top:2px;font-size:11px}.nav-section{flex:1;padding:0 12px}.nav-section-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;padding:0 8px 8px;font-size:10px;font-weight:700}.nav-item{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.nav-item svg{opacity:.7;flex-shrink:0}.nav-item:hover{background:var(--color-hover-bg);color:var(--color-text)}.nav-item.active{background:var(--accent-10);color:var(--accent-light);font-weight:600;transition:background .3s,color .3s}.nav-item.active svg{opacity:1}.nav-item--admin{margin-top:6px;position:relative;color:#ec4899!important;border:1px solid #ec489926!important}.nav-item--admin svg{color:#ec4899!important;opacity:1!important}.nav-item--admin:hover{color:#f9a8d4!important;background:#ec48991a!important;border-color:#ec48994d!important}.nav-item--admin.active{color:#f9a8d4!important;background:#ec489926!important;border-color:#ec489959!important}.nav-channels{margin-top:24px}.channel-nav-item{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:1px;padding:8px 12px;font-size:13px;transition:all .18s;display:flex}.channel-nav-item:hover{background:var(--color-hover-bg);color:var(--color-text)}.channel-nav-item.active{background:var(--accent-10);color:var(--accent-light);transition:background .3s,color .3s}.channel-delete-btn{width:22px;height:22px;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:color .15s,background .15s;display:none}.channel-nav-item:hover .channel-delete-btn,.channel-nav-item.active .channel-delete-btn{display:flex}.channel-delete-btn:hover{color:#f87171;background:#ef44441f}@media (hover:none){.channel-delete-btn{display:flex}}.channel-hash{color:var(--color-text-faint);font-size:14px;font-weight:700}.nav-footer{border-top:1px solid var(--color-border);margin-top:16px;padding:16px 12px 0}.nav-legal-links{flex-wrap:wrap;gap:2px 8px;padding:0 4px 12px;display:flex}.nav-legal-link{color:var(--color-text-faint);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;line-height:1.5;transition:color .15s}.nav-legal-link:hover{color:var(--color-text-muted);text-decoration:underline}.user-pill{background:var(--color-card-bg);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .18s;display:flex}.user-pill:hover{background:var(--color-hover-bg)}.avatar{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:background .4s;display:flex}.avatar-lg{width:40px;height:40px;font-size:16px}.user-pill-info{text-align:left;flex:1;min-width:0}.user-pill-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-pill-status{color:var(--color-text-muted);font-size:11px}.signout-btn-nav{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .18s;display:flex}.signout-btn-nav:hover{color:#ef4444}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;animation:.45s cubic-bezier(.22,1,.36,1) .1s both fadeDown;display:flex}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.topbar-title{color:var(--color-text);flex:1;font-size:15px;font-weight:700}.topbar-title span{color:var(--color-text-muted);font-weight:500}.topbar-search{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;align-items:center;gap:8px;width:220px;padding:7px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.topbar-search:focus-within{border-color:rgba(var(--accent-rgb) / .4);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .08)}.topbar-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.topbar-search input::placeholder{color:var(--color-text-faint)}.topbar-search svg{color:var(--color-text-muted);flex-shrink:0}.feed-area{flex:1;display:flex;position:relative;overflow:hidden}.feed-bg{opacity:.045;pointer-events:none;z-index:0;background-position:50% 60%;background-repeat:no-repeat;background-size:55%;position:absolute;inset:0}.feed-scroll{z-index:1;flex:1;padding:24px;position:relative;overflow-y:auto}.compose-box{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:24px;padding:20px;animation:.5s cubic-bezier(.22,1,.36,1) .15s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compose-top{align-items:flex-start;gap:12px;display:flex}.compose-right{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.compose-textarea{width:100%;color:var(--color-text);resize:none;background:0 0;border:none;outline:none;min-height:52px;font-family:inherit;font-size:15px;line-height:1.6}.compose-textarea::placeholder{color:var(--color-text-faint)}.compose-image-preview{border:1px solid #ffffff14;border-radius:12px;max-height:320px;animation:.3s cubic-bezier(.22,1,.36,1) both previewIn;position:relative;overflow:hidden}@keyframes previewIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.compose-image-preview img{object-fit:cover;width:100%;max-height:320px;display:block}.compose-image-remove{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .18s,transform .18s;display:flex;position:absolute;top:8px;right:8px}.compose-image-remove:hover{background:#ef4444b3;transform:scale(1.1)}.compose-image-uploading{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.compose-upload-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.compose-divider{background:var(--color-border);height:1px;margin:14px 0 0}.compose-bottom{justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.compose-actions{gap:2px;display:flex}.compose-action-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex}.compose-action-btn:hover{background:var(--color-hover-bg);color:var(--accent)}.compose-action-btn svg{flex-shrink:0}.compose-btn{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;cursor:pointer;box-shadow:0 2px 12px rgba(var(--accent-dark-rgb) / .3);border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s,background .4s}.compose-btn:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--accent-dark-rgb) / .4);transform:translateY(-1px)}.compose-btn:disabled{opacity:.4;cursor:not-allowed}.compose-post-btns{align-items:center;gap:8px;display:flex}.compose-btn--global{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);color:var(--color-text-muted);box-shadow:none;align-items:center;gap:6px;transition:all .2s;display:flex}.compose-btn--global:hover:not(:disabled){color:#fb923c;background:#f973160f;border-color:#f9731666;transform:translateY(-1px);box-shadow:0 0 12px #f973161f}.compose-btn--global.active{color:#fb923c;background:#f973161f;border-color:#f9731673;box-shadow:0 0 14px #f9731633}.compose-btn--publish-global{background:linear-gradient(135deg,#ea580c,#dc2626)!important;box-shadow:0 2px 14px #ea580c59!important}.compose-btn--publish-global:hover:not(:disabled){box-shadow:0 4px 22px #ea580c80!important}.feed-tabs{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;animation:.4s cubic-bezier(.22,1,.36,1) .12s both fadeUp;display:flex}.feed-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.feed-tab:hover{background:var(--color-hover-bg);color:var(--color-text)}.feed-tab.active{background:var(--accent-10);color:var(--accent-light);box-shadow:0 2px 8px rgba(var(--accent-rgb) / .12)}.feed-tab svg{opacity:.7;flex-shrink:0}.feed-tab.active svg{opacity:1}.feed-empty-state{text-align:center;color:var(--color-text-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.feed-empty-state svg{opacity:.25;margin-bottom:4px}.feed-empty-state h3{color:var(--color-text-muted);margin:0;font-size:16px;font-weight:700}.feed-empty-state p{color:var(--color-text-faint);max-width:280px;margin:0;font-size:13px;line-height:1.6}.post-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:16px;padding:20px;transition:border-color .2s,box-shadow .2s;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.post-card:hover{border-color:var(--accent-20);box-shadow:0 4px 24px #0000001f, var(--shadow-card)}.post-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.post-author{flex:1}.post-author-name{color:var(--color-text);font-size:14px;font-weight:600}.post-meta{color:var(--color-text-muted);margin-top:1px;font-size:12px}.post-body{color:var(--color-text-muted);margin-bottom:12px;font-size:14px;line-height:1.65}.compose-video-preview{border:1px solid #ffffff14;border-radius:12px;animation:.3s cubic-bezier(.22,1,.36,1) both previewIn;position:relative;overflow:hidden}.compose-video-player{background:#000;border-radius:12px;width:100%;max-height:320px;display:block}.compose-video-error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;font-size:12.5px;animation:.25s both previewIn;display:flex}.post-video-wrap{background:#000;border:1px solid #ffffff12;border-radius:12px;margin-bottom:14px;animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;overflow:hidden}.post-video{border-radius:12px;width:100%;max-height:480px;display:block}.post-image-wrap{border:1px solid #ffffff12;border-radius:12px;margin-bottom:14px;animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;overflow:hidden}.post-image{object-fit:contain;width:100%;max-height:480px;transition:transform .3s;display:block}.post-image-wrap:hover .post-image{transform:scale(1.01)}.post-actions{gap:4px;display:flex}.post-action-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .18s;display:flex}.post-action-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.post-action-btn.liked{color:#f87171}.post-action-btn.commented{color:var(--accent-light);background:var(--accent-10)}.comments-panel{border-top:1px solid var(--color-border);margin-top:4px;animation:.28s cubic-bezier(.22,1,.36,1) both commentsIn}@keyframes commentsIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.comments-panel-header{justify-content:space-between;align-items:center;padding:12px 0 10px;display:flex}.comments-panel-title{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-faint);font-size:12px;font-weight:700}.comments-panel-close{width:24px;height:24px;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.comments-panel-close:hover{background:var(--color-hover-bg);color:var(--color-text)}.comments-list{flex-direction:column;gap:2px;max-height:320px;padding-bottom:4px;display:flex;overflow-y:auto}.comments-loading{text-align:center;color:var(--color-text-faint);padding:20px 0;font-size:13px}.comments-empty{color:var(--color-text-faint);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 0;font-size:13px;display:flex}.comments-empty svg{opacity:.25}.comments-empty p{margin:0}.comment-row{border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .15s;animation:.22s cubic-bezier(.22,1,.36,1) both commentIn;display:flex}@keyframes commentIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.comment-row:hover{background:var(--color-hover-bg)}.comment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.comment-author{color:var(--color-text);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.comment-time{color:var(--color-text-faint);font-size:11px}.comment-delete-btn{width:18px;height:18px;color:var(--color-text-faint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:flex}.comment-row:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:#f87171;background:#ef44441a}.comment-text{color:var(--color-text);word-break:break-word;margin:0;font-size:13.5px;line-height:1.5}.comments-input-wrap{border-top:1px solid var(--color-border);align-items:flex-end;gap:10px;margin-top:4px;padding:10px 0 4px;display:flex}.comments-input-row{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:12px;flex:1;align-items:flex-end;gap:8px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.comments-input-row:focus-within{border-color:rgba(var(--accent-rgb) / .35);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .06)}.comments-textarea{color:var(--color-text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:80px;font-family:inherit;font-size:13.5px;line-height:1.5;overflow-y:auto}.comments-textarea::placeholder{color:var(--color-text-faint)}.comments-send-btn{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;cursor:pointer;width:30px;height:30px;box-shadow:0 2px 8px rgba(var(--accent-dark-rgb) / .3);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex}.comments-send-btn:hover:not(:disabled){box-shadow:0 4px 14px rgba(var(--accent-dark-rgb) / .45);transform:translateY(-1px)}.comments-send-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.right-sidebar{z-index:1;border-left:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;width:280px;padding:24px 20px;animation:.55s cubic-bezier(.22,1,.36,1) 80ms both slideInRight;position:relative;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.sidebar-section{margin-bottom:28px}.sidebar-title{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}.trending-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:10px 0;transition:opacity .18s}.trending-item:last-child{border-bottom:none}.trending-item:hover{opacity:.75}.trending-tag{color:var(--accent-light);font-size:13px;font-weight:600;transition:color .3s}.trending-count{color:var(--color-text-muted);margin-top:2px;font-size:12px}.online-user{align-items:center;gap:10px;padding:8px 0;display:flex}.online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #22c55e80}.online-name{color:var(--color-text-muted);font-size:13px}.chat-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 24px;display:flex}.chat-panel-title{color:var(--color-text);font-size:15px;font-weight:700}.chat-panel-desc{color:var(--color-text-muted);flex:1;font-size:13px}.chat-messages{flex-direction:column;flex:1;gap:4px;padding:20px 24px;display:flex;overflow-y:auto}.chat-msg{border-radius:10px;gap:12px;padding:6px 8px;transition:background .15s;animation:.2s ease-out both msgIn;display:flex}.chat-msg:hover{background:var(--color-hover-bg)}.chat-msg-body{flex:1;min-width:0}.chat-msg-header{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.chat-msg-name{color:var(--color-text);font-size:14px;font-weight:600}.chat-msg-time{color:var(--color-text-faint);font-size:11px}.chat-msg-text{color:var(--color-text-muted);word-break:break-word;font-size:14px;line-height:1.55}.chat-input-row{border-top:1px solid var(--color-border);align-items:flex-end;gap:10px;padding:16px 24px;display:flex}.chat-input-wrap{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:12px;flex:1;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.chat-input-wrap:focus-within{border-color:rgba(var(--accent-rgb) / .4);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .08)}.chat-input-wrap textarea{width:100%;color:var(--color-text);resize:none;background:0 0;border:none;outline:none;max-height:120px;font-size:14px;line-height:1.5}.chat-input-wrap textarea::placeholder{color:var(--color-text-faint)}.chat-send-btn{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-self:flex-end;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s,background .4s}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--accent-dark-rgb) / .4);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.welcome-state{color:var(--color-text-faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.welcome-state svg{opacity:.3}.welcome-state h3{color:var(--color-text-muted);font-size:18px}.welcome-state p{color:var(--color-text-faint);max-width:280px;font-size:14px}.badge{background:var(--accent);color:#fff;border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;transition:background .3s}.post-you-tag{color:var(--color-text-muted);background:var(--color-hover-bg);letter-spacing:.3px;border-radius:100px;margin-left:7px;padding:1px 6px;font-size:10px;font-weight:500}.post-menu-wrap{flex-shrink:0;position:relative}.post-menu-btn{width:30px;height:30px;color:var(--color-text-faint);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.post-card:hover .post-menu-btn,.post-menu-btn:focus{opacity:1}.post-menu-btn:hover{background:var(--color-hover-bg);border-color:var(--color-border);color:var(--color-text-muted)}.post-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;min-width:168px;box-shadow:var(--shadow-elevated);transform-origin:100% 0;border-radius:12px;padding:6px;animation:.18s cubic-bezier(.22,1,.36,1) both menuIn;position:absolute;top:calc(100% + 6px);right:0}@keyframes menuIn{0%{opacity:0;transform:scale(.92)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.post-menu-item{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.post-menu-item svg{opacity:.7;flex-shrink:0}.post-menu-item:hover{background:var(--color-hover-bg);color:var(--color-text)}.post-menu-item:hover svg{opacity:1}.post-menu-item--danger{color:#f87171}.post-menu-item--danger:hover{color:#fca5a5;background:#ef44441a}.post-menu-divider{background:var(--color-border);height:1px;margin:4px}.post-global-badge{color:#fb923c;letter-spacing:.3px;background:#f973161a;border:1px solid #f9731638;border-radius:100px;align-items:center;gap:5px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:700;animation:.4s cubic-bezier(.22,1,.36,1) both globalBadgeIn;display:inline-flex}@keyframes globalBadgeIn{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.post-global-badge svg{flex-shrink:0}.post-pinned-badge{color:#f59e0b;opacity:.8;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.post-pinned-badge svg{flex-shrink:0}.post-card--removing{pointer-events:none;animation:.35s cubic-bezier(.4,0,1,1) forwards postRemove!important}@keyframes postRemove{0%{opacity:1;max-height:600px;transform:scale(1)translate(0)}60%{opacity:0;transform:scale(.97)translate(6px)}to{opacity:0;max-height:0;margin-bottom:0;padding:0;transform:scale(.97)translate(6px)}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;justify-content:center;align-items:center;animation:.2s both backdropIn;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-elevated);border-radius:20px;padding:32px 28px 24px;animation:.28s cubic-bezier(.22,1,.36,1) both modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 18px;display:flex}.modal-icon--danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.modal-icon svg{width:22px;height:22px}.modal-title{color:var(--color-text);margin:0 0 10px;font-size:18px;font-weight:700}.modal-body{color:var(--color-text-muted);margin:0 0 24px;font-size:13px;line-height:1.6}.modal-actions{justify-content:center;gap:10px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;min-width:100px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s}.modal-btn--cancel{background:var(--color-hover-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.modal-btn--cancel:hover{background:var(--color-card-border);color:var(--color-text)}.modal-btn--danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 16px #ef444426}.modal-btn--danger:hover{color:#fca5a5;background:#ef44444d;transform:translateY(-1px);box-shadow:0 0 24px #ef44444d}.modal-btn--primary{background:linear-gradient(135deg, var(--accent-dark), #7c3aed);color:#fff;box-shadow:0 2px 12px rgba(var(--accent-dark-rgb) / .3);transition:background .4s,transform .18s,box-shadow .18s}.modal-btn--primary:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--accent-dark-rgb) / .45);transform:translateY(-1px)}.modal-btn--primary:disabled{opacity:.4;cursor:not-allowed}.modal-dialog--edit{text-align:left;padding:24px 24px 20px}.modal-edit-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-edit-header .modal-title{margin:0;font-size:16px}.modal-close-btn{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.modal-edit-textarea{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:12px;outline:none;min-height:90px;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.modal-edit-textarea:focus{border-color:rgba(var(--accent-rgb) / .4);box-shadow:0 0 0 3px rgba(var(--accent-rgb) / .07)}.modal-edit-textarea::placeholder{color:var(--color-text-faint)}.modal-dialog--edit .modal-actions{justify-content:flex-end}@media (width<=1100px){.right-sidebar{display:none}}.mobile-bottom-nav{display:none}@media (width<=768px){.left-nav{display:none}.main-content{width:100%;max-width:100vw}.main-content>:not(.topbar){padding-bottom:64px}.topbar{height:52px;padding:0 16px}.topbar-search{width:100%;max-width:180px}.feed-scroll{padding:12px 12px 80px}.compose-box,.post-card{border-radius:14px}.mobile-bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:200;height:60px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000040}.mobile-nav-item{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;padding:4px 2px;font-size:10px;font-weight:500;transition:color .18s,background .18s;display:flex;position:relative}.mobile-nav-item svg{opacity:.65;flex-shrink:0}.mobile-nav-item:hover,.mobile-nav-item:active{background:var(--color-hover-bg);color:var(--color-text)}.mobile-nav-item.active{color:var(--accent-light)}.mobile-nav-item.active svg{opacity:1}.mobile-nav-item .badge{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 18px)}.mobile-nav-item--admin{color:#ec4899!important}.mobile-nav-item--admin svg{opacity:1!important}.chat-panel{padding-bottom:72px}.profile-page,.notifications-page,.settings-root,.admin-page,.dm-view{padding-bottom:72px!important}.channel-ctx-menu{position:fixed!important}}.legal-modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:0 16px;animation:.2s cubic-bezier(.22,1,.36,1) fadeUp;display:flex;position:fixed;inset:0}.legal-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;animation:.25s cubic-bezier(.22,1,.36,1) fadeUp;display:flex;box-shadow:0 24px 64px #00000080}.legal-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.legal-modal-title{color:var(--color-text);margin:0;font-size:17px;font-weight:700}.legal-modal-close{width:30px;height:30px;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.legal-modal-close:hover{background:var(--color-hover-bg);color:var(--color-text)}.legal-modal-body{padding:24px;overflow-y:auto}.legal-modal-text{color:var(--color-text-muted);white-space:pre-line;margin:0;font-size:14px;line-height:1.75}.legal-modal-updated{color:var(--color-text-faint);opacity:.7;margin-top:16px;font-size:11px}.loading-container{color:#fff;background:#0d0f14;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.loading-glow{background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:2.5s ease-in-out infinite loadGlow;position:absolute}@keyframes loadGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.loading-logo{object-fit:contain;object-position:center;z-index:1;border-radius:24px;width:160px;height:160px;margin-bottom:24px;position:relative;box-shadow:0 12px 36px #f9731647}.spinner{z-index:1;border:2.5px solid #ffffff14;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;position:relative}.maintenance-container{color:#fff;background:#0d0f14;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.maintenance-glow{background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:3s ease-in-out infinite loadGlow;position:absolute}.maintenance-content{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:480px;animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;position:relative}.maintenance-image{object-fit:contain;width:200px;height:200px;margin-bottom:28px;animation:4s ease-in-out infinite phoenixFloat}@keyframes phoenixFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.maintenance-title{background:linear-gradient(135deg,#f97316,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:32px;font-weight:700}.maintenance-subtitle{color:#94a3b8;margin:0 0 28px;font-size:16px;line-height:1.6}.maintenance-status{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.maintenance-status-dot{background:#f97316;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.maintenance-retry-btn{color:#f97316;cursor:pointer;background:#f9731614;border:1px solid #f973164d;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:600;transition:background .2s,transform .18s,box-shadow .2s}.maintenance-retry-btn:hover{background:#f9731626;transform:translateY(-1px);box-shadow:0 4px 16px #f9731633}.maintenance-retry-btn:active{transform:translateY(0)}