*,*: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: rgba(255,255,255,.07);--color-text: #e2e8f0;--color-text-muted: #64748b;--color-text-faint: #334155;--color-input-bg: rgba(255,255,255,.04);--color-input-border: rgba(255,255,255,.08);--color-card-bg: rgba(255,255,255,.03);--color-card-border: rgba(255,255,255,.06);--color-hover-bg: rgba(255,255,255,.05);--color-scrollbar: rgba(255,255,255,.12);--color-scrollbar-hover: rgba(255,255,255,.2);--shadow-card: 0 2px 12px rgba(0,0,0,.35);--shadow-elevated: 0 8px 32px rgba(0,0,0,.5);--accent: #3b82f6;--accent-rgb: 59 130 246;--accent-dark: #2563eb;--accent-dark-rgb: 37 99 235;--accent-light: #93c5fd;--accent-glow: rgba(59,130,246,.35);--accent-10: rgba(59 130 246 / .1);--accent-15: rgba(59 130 246 / .15);--accent-20: rgba(59 130 246 / .2);--accent-30: rgba(59 130 246 / .3);color-scheme:dark}[data-theme=light]{--color-bg: #f0f2f7;--color-surface: #ffffff;--color-surface2: #f8f9fc;--color-border: rgba(0,0,0,.08);--color-text: #0f172a;--color-text-muted: #64748b;--color-text-faint: #94a3b8;--color-input-bg: rgba(0,0,0,.03);--color-input-border: rgba(0,0,0,.1);--color-card-bg: #ffffff;--color-card-border: rgba(0,0,0,.07);--color-hover-bg: rgba(0,0,0,.04);--color-scrollbar: rgba(0,0,0,.12);--color-scrollbar-hover: rgba(0,0,0,.2);--shadow-card: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);--shadow-elevated: 0 4px 24px rgba(0,0,0,.12);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{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{width:100%;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-text)}p{margin:0}button,input,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.cs-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--color-surface2);border:1px solid var(--color-border);color:var(--color-text);padding:10px 20px;border-radius:24px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px #00000080;z-index:9999;white-space:nowrap;animation:csToastIn .25s cubic-bezier(.22,1,.36,1) both}.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{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;box-sizing:border-box;background:#0d0f14;padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(139,92,246,.1) 50%,transparent 70%);animation:bgPulse 6s ease-in-out infinite;pointer-events:none}@keyframes bgPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.auth-card{position:relative;width:100%;max-width:420px;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#13161ff2;border-radius:20px;box-shadow:0 0 0 1px #3b82f62e,0 32px 64px #0009,0 0 80px #3b82f614;padding:48px 44px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:cardIn .6s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.phoenix-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background-image:url(/assets/files_10075355-2026-05-09T11-56-59-257Z-image-YEw5xUsZ.webp);background-size:cover;background-position:center top;opacity:.055;z-index:0;pointer-events:none;filter:blur(1px) saturate(.6)}.auth-header{position:relative;z-index:1;margin-bottom:36px;text-align:center}.auth-logo{width:156px;height:156px;object-fit:contain;object-position:center;border-radius:22px;margin:0 auto 16px;display:block;box-shadow:0 12px 36px #f973163d}.auth-title{font-size:44px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.auth-subtitle{color:var(--color-text-muted);font-size:14px;font-weight:500;letter-spacing:.4px}.auth-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px}.form-group input{padding:13px 16px;border:1.5px solid var(--color-input-border);border-radius:12px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s;background:var(--color-input-bg);color:var(--color-text)}.form-group input::placeholder{color:var(--color-text-faint)}.form-group input:focus{outline:none;border-color:#3b82f6;background:#3b82f60f;box-shadow:0 0 0 4px #3b82f61f}.submit-btn{padding:14px 16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;margin-top:4px;letter-spacing:.4px;box-shadow:0 4px 20px #2563eb59;position:relative;z-index:1}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #2563eb73;filter:brightness(1.08)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.error-message{color:#fca5a5;font-size:13px;padding:12px 14px;background:#7f1d1d59;border-radius:10px;border-left:3px solid #f87171;position:relative;z-index:1}.reset-success{color:#86efac;font-size:14px;padding:14px 16px;background:#16653459;border-radius:10px;border-left:3px solid #4ade80;text-align:center;position:relative;z-index:1}.auth-toggle{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border);position:relative;z-index:1}.auth-toggle p{font-size:13px;color:var(--color-text-muted)}.toggle-btn{background:none;border:none;color:#60a5fa;font-weight:600;cursor:pointer;margin-left:6px;transition:color .2s;font-size:13px}.toggle-btn:hover{color:#a78bfa}.captcha-group{display:flex;flex-direction:column;gap:8px}.captcha-group label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px}.captcha-row{display:flex;align-items:center;gap:10px}.captcha-canvas{border-radius:10px;border:1.5px solid var(--color-input-border);flex-shrink:0}.captcha-refresh{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .18s,color .18s}.captcha-refresh:hover{border-color:#3b82f6;color:#60a5fa}.captcha-input{padding:13px 16px;border:1.5px solid var(--color-input-border);border-radius:12px;font-size:14px;font-family:inherit;background:var(--color-input-bg);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.captcha-input::placeholder{color:var(--color-text-faint)}.captcha-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.captcha-input.verified{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.auth-card.exiting{animation:cardOut .55s cubic-bezier(.4,0,1,1) forwards}@keyframes cardOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.94) translateY(-20px)}}.auth-container.exiting{animation:bgOut .6s ease forwards}@keyframes bgOut{to{opacity:0}}.consent-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:12px;position:relative;z-index:1}.consent-data-note{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin:0}.consent-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.consent-checkbox-row input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.consent-checkbox-label{font-size:12.5px;color:var(--color-text);line-height:1.5}.consent-link{background:none;border:none;color:#60a5fa;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;display:inline;text-decoration:underline;text-underline-offset:2px}.consent-link:hover{color:#a78bfa}.auth-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);position:relative;z-index:1}.legal-link-btn{background:none;border:none;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:color .2s}.legal-link-btn:hover{color:#60a5fa}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.legal-modal{width:100%;max-width:600px;max-height:80vh;background:#13161ffa;border-radius:16px;box-shadow:0 0 0 1px #3b82f62e,0 32px 64px #0009;display:flex;flex-direction:column;overflow:hidden;animation:cardIn .3s cubic-bezier(.22,1,.36,1) both}.legal-modal-title{font-size:18px;font-weight:700;color:var(--color-text);margin:0}.legal-modal-close{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);color:var(--color-text-muted);padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.legal-modal-close:hover{border-color:#3b82f6;color:#60a5fa}.legal-modal-body{padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.legal-modal-text{font-family:inherit;font-size:13px;line-height:1.6;color:var(--color-text);white-space:pre-wrap;margin:0}@media(max-width:768px){.auth-card{padding:36px 24px}.auth-title{font-size:36px}.legal-modal{max-height:85vh}.legal-modal-header{padding:16px 20px}.legal-modal-body{padding:20px}}.ban-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.ban-icon-wrap{width:72px;height:72px;border-radius:50%;background:#ef44441f;border:1.5px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;color:#f87171;margin-bottom:20px;animation:banIconIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes banIconIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.ban-title{font-size:20px;font-weight:800;color:var(--color-text);margin:0 0 8px;letter-spacing:-.3px}.ban-subtitle{font-size:13px;color:var(--color-text-muted);margin:0 0 28px}.ban-detail-rows{width:100%;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-card-border);border-radius:14px;overflow:hidden;margin-bottom:24px;text-align:left}.ban-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.ban-detail-row:last-child{border-bottom:none}.ban-detail-label{font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.ban-detail-value{font-size:13px;color:var(--color-text);font-weight:500;text-align:right;word-break:break-word}.ban-countdown{color:#fca5a5;font-weight:700}.ban-type-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.3px}.ban-type-chip.perm{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ban-type-chip.temp{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.ban-back-btn{width:100%;padding:13px 16px;background:var(--color-input-bg);color:var(--color-text-muted);border:1.5px solid var(--color-input-border);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;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{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:#0d0f14;padding:20px;position:relative;overflow:hidden;box-sizing:border-box}.banned-fullscreen:before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.12) 0%,rgba(127,29,29,.06) 50%,transparent 70%);animation:bgPulse 6s ease-in-out infinite;pointer-events:none}.banned-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.08) 0%,transparent 60%);pointer-events:none;animation:bgPulse 5s ease-in-out infinite}.banned-card{position:relative;width:100%;max-width:480px;background:#13161ff5;border-radius:20px;box-shadow:0 0 0 1px #ef44442e,0 32px 64px #0009,0 0 80px #ef44440f;padding:44px 40px;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:cardIn .6s cubic-bezier(.22,1,.36,1) both;z-index:1}.banned-phoenix-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background-image:url(/assets/files_10075355-2026-05-09T11-56-59-257Z-image-YEw5xUsZ.webp);background-size:cover;background-position:center top;opacity:.04;z-index:0;pointer-events:none;filter:blur(1px) saturate(.4)}.banned-icon-wrap{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#ef44441f;border:1.5px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;color:#f87171;margin:0 auto 24px;animation:banIconIn .5s cubic-bezier(.22,1,.36,1) both}.banned-title{position:relative;z-index:1;font-size:22px;font-weight:800;color:var(--color-text);margin:0 0 8px;text-align:center;letter-spacing:-.3px}.banned-subtitle{position:relative;z-index:1;font-size:13px;color:var(--color-text-muted);margin:0 0 28px;text-align:center}.banned-detail-rows{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-card-border);border-radius:14px;overflow:hidden;margin-bottom:24px;text-align:left}.banned-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.banned-detail-row:last-child{border-bottom:none}.banned-detail-label{font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.banned-detail-value{font-size:13px;color:var(--color-text);font-weight:500;text-align:right;word-break:break-word}.banned-countdown{color:#fca5a5;font-weight:700}.banned-type-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.3px}.banned-type-chip.perm{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.banned-type-chip.temp{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.banned-back-btn{position:relative;z-index:1;width:100%;padding:13px 16px;background:var(--color-input-bg);color:var(--color-text-muted);border:1.5px solid var(--color-input-border);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.banned-back-btn:hover{background:var(--color-hover-bg);color:var(--color-text);border-color:var(--color-card-border)}@media(max-width:768px){.banned-card{padding:32px 24px}.banned-title{font-size:19px}}.role-badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;font-weight:700;letter-spacing:.3px;white-space:nowrap;vertical-align:middle;flex-shrink:0}.role-badge--md{padding:3px 9px 3px 6px;font-size:11.5px}.role-badge--sm{padding:2px 6px;font-size:10px}.role-badge--owner{background:linear-gradient(135deg,#f59e0b,#ef4444 60%,#dc2626);color:#fff;box-shadow:0 2px 10px #f59e0b66,0 0 0 1px #f59e0b33;animation:ownerPulse 3s ease-in-out infinite}@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{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 10px #3b82f666,0 0 0 1px #3b82f633;animation:adminPulse 3.5s ease-in-out infinite}@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{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1000;box-shadow:0 2px 8px #f59e0b4d,0 0 0 1px #f59e0b33}.role-badge--tester{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;box-shadow:0 2px 8px #06b6d459,0 0 0 1px #06b6d433;animation:testerPulse 4s ease-in-out infinite}@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}}.verified-badge{display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(59,130,246,.4))}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-bg);display:flex;animation:settingsReveal .55s cubic-bezier(.22,1,.36,1) both}@keyframes settingsReveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.settings-overlay.exiting{animation:settingsHide .4s cubic-bezier(.4,0,1,1) forwards}@keyframes settingsHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.settings-nav{width:240px;flex-shrink:0;border-right:1px solid var(--color-border);padding:28px 16px;background:var(--color-surface);display:flex;flex-direction:column;animation:slideFromLeft .5s cubic-bezier(.22,1,.36,1) .05s both;overflow-y:auto}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.settings-back{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;padding:8px 10px;border-radius:8px;margin-bottom:24px;font-family:inherit}.settings-back:hover{color:var(--color-text);background:var(--color-hover-bg)}.settings-nav-logo{padding:0 10px 24px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.settings-nav-logo h2{font-size:13px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px}.settings-nav-section{margin-bottom:24px}.settings-nav-section-label{font-size:10px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1.2px;padding:0 10px 8px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:none;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;margin-bottom:2px;font-family:inherit}.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{flex:1;overflow-y:auto;padding:40px 48px;background:var(--color-bg);animation:fadeUpIn .5s cubic-bezier(.22,1,.36,1) .1s both}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.settings-section-title{font-size:22px;font-weight:800;color:var(--color-text);margin-bottom:6px;letter-spacing:-.3px}.settings-section-subtitle{font-size:13px;color:var(--color-text-muted);margin-bottom:32px}.settings-profile-hero{display:flex;align-items:center;gap:20px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.settings-profile-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--accent-10) 0%,transparent 70%);pointer-events:none}.settings-avatar-wrap{position:relative;flex-shrink:0}.settings-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;border:2px solid rgba(var(--accent-rgb) / .4);box-shadow:0 0 20px rgba(var(--accent-rgb) / .25);overflow:hidden}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-edit{position:absolute;bottom:0;right:0;width:24px;height:24px;background:var(--accent-dark);border:2px solid var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-avatar-edit:hover{background:var(--accent);transform:scale(1.1)}.settings-avatar-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center}.settings-avatar-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.settings-profile-info h3{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:4px}.settings-profile-info p{font-size:13px;color:var(--color-text-muted)}.settings-profile-info .member-since{font-size:12px;color:var(--color-text-faint);margin-top:6px}.settings-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow-card);animation:cardSlideIn .45s cubic-bezier(.22,1,.36,1) both}.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{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.settings-card-title{font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:3px}.settings-card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.settings-card-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-10);border:1px solid var(--accent-15);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.settings-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-input-group label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px}.settings-input{padding:11px 14px;background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:10px;color:var(--color-text);font-size:14px;font-family:inherit;outline:none;width:100%}.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{font-size:11px;color:var(--color-text-faint);text-align:right;margin-top:-4px}.settings-btn{padding:10px 20px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.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{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.settings-btn-danger:hover:not(:disabled){background:#ef44442e;box-shadow:0 4px 16px #ef444433}.settings-btn-row{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.settings-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(0);background:#16a34a26;border:1px solid rgba(34,197,94,.3);color:#16a34a;padding:12px 24px;border-radius:12px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .3s cubic-bezier(.22,1,.36,1) both,toastOut .3s ease 2.2s forwards;z-index:200;display:flex;align-items:center;gap:8px}[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{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border)}.settings-toggle-row:last-child{border-bottom:none;padding-bottom:0}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:2px}.settings-toggle-sub{font-size:12px;color:var(--color-text-muted)}.toggle-switch{width:44px;height:24px;background:var(--color-input-border);border-radius:100px;position:relative;cursor:pointer;border:none;flex-shrink:0;margin-left:16px}.toggle-switch.on{background:linear-gradient(135deg,var(--accent-dark),#7c3aed)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;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);border-radius:12px;padding:28px;text-align:center;cursor:pointer;background:rgba(var(--accent-rgb) / .03)}.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{width:48px;height:48px;border-radius:50%;background:var(--accent-10);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--accent)}.avatar-upload-text{font-size:13px;color:var(--color-text-muted)}.avatar-upload-text strong{color:var(--accent)}.avatar-upload-hint{font-size:11px;color:var(--color-text-faint);margin-top:4px}.color-swatches{display:flex;gap:14px;flex-wrap:wrap;padding:4px 0}.color-swatch{width:42px;height:42px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;flex-shrink:0}.color-swatch:hover{transform:scale(1.18)}.color-swatch.selected{border-color:#fff;transform:scale(1.12)}.color-swatch.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff40}.color-swatch.selected:before{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.4)}.theme-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-mode-card{border:2px solid var(--color-card-border);border-radius:14px;background:var(--color-bg);cursor:pointer;padding:0;overflow:hidden;font-family:inherit}.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{display:flex;height:100px;overflow:hidden}.theme-mode-preview[data-mode=dark]{background:#0d0f14}.theme-mode-preview[data-mode=light]{background:#f0f2f7}.tmp-sidebar{width:28px;flex-shrink:0;height:100%}.theme-mode-preview[data-mode=dark] .tmp-sidebar{background:#13161f;border-right:1px solid rgba(255,255,255,.07)}.theme-mode-preview[data-mode=light] .tmp-sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.07)}.tmp-content{flex:1;padding:10px;display:flex;flex-direction:column;gap:6px}.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{background:#ffffff2e!important;width:55%;height:9px}.theme-mode-preview[data-mode=light] .tmp-bar--title{background:#00000026!important;width:55%;height:9px}.tmp-bar--text{width:80%}.tmp-bar--short{width:50%}.tmp-card{margin-top:4px;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px}.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{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--color-border)}.theme-mode-icon{color:var(--color-text-muted);display:flex;align-items:center}.theme-mode-card.active .theme-mode-icon{color:var(--accent)}.theme-mode-name{font-size:13px;font-weight:600;color:var(--color-text);flex:1;text-align:left}.theme-mode-active-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.settings-divider{height:1px;background:var(--color-border);margin:8px 0 16px}.mfa-enroll-section{padding:8px 0;position:relative;z-index:1}.mfa-step-label{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:10px}.mfa-qr-wrap{display:flex;justify-content:center;padding:12px;background:#fff;border-radius:12px;width:fit-content;margin:0 auto}.mfa-qr-code{width:200px;height:200px;display:block}.mfa-secret{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:10px 14px;background:#00000040;border-radius:8px;word-break:break-all}.mfa-secret-label{font-size:12px;color:var(--color-text-muted)}.mfa-secret code{font-family:Courier New,monospace;font-size:13px;letter-spacing:.05em}.danger-zone-card{border-color:#ef444426!important}.danger-zone-card:hover{border-color:#ef444440!important;box-shadow:0 0 30px #ef44440d!important}@media(max-width:900px){.settings-main{padding:28px 24px}.settings-nav{width:200px}}@media(max-width:640px){.settings-nav{display:none}.settings-main{padding:24px 16px}}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.language-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;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{flex:1;text-align:left}.language-check{color:var(--accent);display:flex;align-items:center}.deletion-pending-notice{display:flex;align-items:center;gap:14px;padding:16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:12px}.deletion-pending-icon{width:40px;height:40px;border-radius:10px;background:#f59e0b1a;display:flex;align-items:center;justify-content:center;color:#fbbf24;flex-shrink:0}.deletion-pending-text{flex:1}.deletion-pending-title{font-size:13.5px;font-weight:700;color:var(--color-text);margin-bottom:4px}.deletion-pending-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.profile-page{flex:1;display:flex;overflow:hidden;animation:profileIn .5s cubic-bezier(.22,1,.36,1) both}.profile-back-btn{position:absolute;top:16px;left:16px;z-index:10;padding:8px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.profile-back-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}@keyframes profileIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.profile-left{width:300px;flex-shrink:0;border-right:1px solid var(--color-border);overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.profile-hero-card{flex-shrink:0;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;padding:28px 24px;text-align:center;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s;animation:cardIn .45s cubic-bezier(.22,1,.36,1) .05s both}.profile-hero-card:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:280px;height:160px;border-radius:50%;background:radial-gradient(ellipse,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.profile-hero-card:hover{border-color:#3b82f633;box-shadow:0 0 32px #3b82f60f}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-avatar-wrap{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff;border:2.5px solid rgba(59,130,246,.5);box-shadow:0 0 24px #3b82f64d;overflow:hidden;margin:0 auto}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-online-dot{position:absolute;bottom:3px;right:3px;width:16px;height:16px;border:2.5px solid var(--color-bg);border-radius:50%}.profile-online-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.profile-online-dot.offline{background:var(--color-text-muted);box-shadow:none}.profile-username{font-size:20px;font-weight:800;color:var(--color-text);letter-spacing:-.3px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.profile-handle{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.profile-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;margin-bottom:16px}.profile-status-badge.online{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.profile-status-badge.offline{background:#6b72801a;border:1px solid rgba(107,114,128,.2);color:var(--color-text-muted)}.profile-status-dot{width:6px;height:6px;border-radius:50%}.profile-status-badge.online .profile-status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e99}.profile-status-badge.offline .profile-status-dot{background:var(--color-text-muted);box-shadow:none}.profile-bio{font-size:13px;color:var(--color-text-muted);line-height:1.65;margin-bottom:20px;min-height:40px}.profile-bio-empty{color:var(--color-text-faint);font-style:italic}.profile-stats{display:flex;justify-content:center;gap:24px;padding:16px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:20px}.profile-stat{text-align:center}.profile-stat-value{font-size:18px;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:3px}.profile-stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-hero-actions{display:flex;flex-direction:column;gap:8px}.profile-btn{width:100%;padding:10px 16px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px}.profile-btn:hover:not(:disabled){transform:translateY(-2px)}.profile-btn:disabled{opacity:.45;cursor:not-allowed}.profile-btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 4px 16px #2563eb47}.profile-btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #2563eb66;filter:brightness(1.07)}.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{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#86efac}.profile-btn-success:hover:not(:disabled){background:#22c55e2e}.profile-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.18);color:#f87171}.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:cardIn .45s cubic-bezier(.22,1,.36,1) .1s both}.profile-card-title{font-size:11px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-label{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.activity-label svg{opacity:.6}.activity-value{font-size:13px;font-weight:700;color:var(--color-text)}.profile-right{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.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{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.profile-section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-text)}.profile-section-label svg{color:#60a5fa}.profile-section-count{font-size:12px;font-weight:700;color:var(--color-text-muted);background:var(--color-hover-bg);padding:2px 10px;border-radius:100px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.friend-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:default;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both}.friend-card:hover{border-color:#3b82f633;box-shadow:0 4px 20px rgba(var(--accent-rgb) / .1);transform:translateY(-2px)}.friend-avatar-wrap{position:relative}.friend-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff}.friend-online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid var(--color-card-bg);border-radius:50%;box-shadow:0 0 6px #22c55e66}.friend-offline-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid var(--color-card-bg);border-radius:50%}.friend-offline-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e66}.friend-offline-dot.offline{background:var(--color-text-muted);box-shadow:none}.friend-name{font-size:13px;font-weight:600;color:var(--color-text);text-align:center}.friend-status-text{font-size:11px;color:var(--color-text-faint);text-align:center}.friend-actions{display:flex;gap:6px;width:100%}.friend-action-btn{flex:1;padding:6px 0;border-radius:8px;border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.friend-action-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.request-list{display:flex;flex-direction:column;gap:10px}.request-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;transition:border-color .2s;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both}.request-card:hover{border-color:#3b82f626}.request-info{flex:1;min-width:0}.request-name{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:2px}.request-meta{font-size:12px;color:var(--color-text-muted)}.request-actions{display:flex;gap:8px;flex-shrink:0}.request-accept-btn{padding:7px 16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s;font-family:inherit;box-shadow:0 3px 10px #2563eb40}.request-accept-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2563eb59}.request-decline-btn{padding:7px 14px;background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.request-decline-btn:hover{background:#ef44441a;border-color:#ef444433;color:#f87171}.suggest-list{display:flex;flex-direction:column;gap:8px}.suggest-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid transparent;transition:background .18s,border-color .18s;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both}.suggest-card:hover{background:var(--color-hover-bg);border-color:var(--color-card-border)}.suggest-info{flex:1;min-width:0}.suggest-name{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:1px}.suggest-mutual{font-size:11px;color:var(--color-text-faint)}.add-friend-btn{padding:6px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit;flex-shrink:0}.add-friend-btn:hover{background:#3b82f62e;box-shadow:0 3px 12px #3b82f633;transform:translateY(-1px)}.add-friend-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--color-text-faint);gap:8px;text-align:center}.profile-empty-state svg{opacity:.3;margin-bottom:4px}.profile-empty-state p{font-size:13px}.add-friend-search{display:flex;gap:8px;margin-bottom:16px}.add-friend-input{flex:1;padding:10px 14px;background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:10px;color:var(--color-text);font-size:13px;font-family:inherit;outline:none;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{padding:10px 18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s;font-family:inherit;white-space:nowrap}.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(max-width:1100px){.profile-left{width:260px}}@media(max-width:800px){.profile-page{flex-direction:column}.profile-left{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.friends-grid{grid-template-columns:repeat(2,1fr)}}.notif-page{flex:1;display:flex;flex-direction:column;overflow:hidden;animation:notifIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes notifIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notif-filters{display:flex;align-items:center;gap:8px;padding:14px 28px;border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.notif-filter-btn{padding:6px 16px;border-radius:100px;border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.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{margin-left:auto;padding:6px 14px;border-radius:100px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.notif-mark-all:hover{color:var(--color-text);border-color:var(--color-input-border)}.notif-scroll{flex:1;overflow-y:auto;padding:16px 28px 32px;display:flex;flex-direction:column;gap:0}.notif-group-label{font-size:11px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.8px;padding:20px 0 8px}.notif-group-label:first-child{padding-top:4px}.notif-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid transparent;margin-bottom:4px;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;position:relative;animation:notifCardIn .4s cubic-bezier(.22,1,.36,1) both}@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{position:relative;flex-shrink:0}.notif-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}.notif-avatar.system{background:linear-gradient(135deg,#1e3a5f,#1e1b4b);border:1.5px solid rgba(var(--accent-rgb) / .25);box-shadow:0 0 16px rgba(var(--accent-rgb) / .12);transition:border-color .3s,box-shadow .3s}.notif-avatar.security{background:linear-gradient(135deg,#1e1a0e,#3b1f00);border:1.5px solid rgba(245,158,11,.25);box-shadow:0 0 16px #f59e0b1a}.notif-type-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg)}.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{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.notif-actor{font-size:14px;font-weight:700;color:var(--color-text)}.notif-time{font-size:11px;color:var(--color-text-faint);white-space:nowrap;margin-left:auto;flex-shrink:0}.notif-text{font-size:13px;color:var(--color-text-muted);line-height:1.55}.notif-text strong{color:var(--color-text);font-weight:600}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb) / .6);transition:background .3s,box-shadow .3s;flex-shrink:0;margin-top:6px;align-self:flex-start}.notif-actions{display:flex;gap:8px;margin-top:10px}.notif-action-accept{padding:6px 14px;background:linear-gradient(135deg,var(--accent-dark),#7c3aed);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s,background .4s;font-family:inherit;box-shadow:0 3px 10px rgba(var(--accent-dark-rgb) / .25)}.notif-action-accept:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2563eb59}.notif-action-decline{padding:6px 12px;background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.notif-action-decline:hover{background:#ef444417;border-color:#ef44442e;color:#f87171}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:14px;text-align:center;color:var(--color-text-faint)}.notif-empty svg{opacity:.2}.notif-empty h3{font-size:16px;font-weight:700;color:var(--color-text-muted);margin:0}.notif-empty p{font-size:13px;color:var(--color-text-faint);margin:0}.notif-card.unread:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb) / .12),#7c3aed0f);pointer-events:none;z-index:0}.notif-card.unread>*{position:relative;z-index:1}.notif-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:none;color:var(--color-text-faint);cursor:pointer;flex-shrink:0;margin-top:2px;opacity:0;transition:opacity .18s,color .18s,background .18s;position:relative;z-index:2}.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{display:flex;flex:1;overflow:hidden;animation:dmIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes dmIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.dm-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.dm-sidebar-header{padding:18px 16px 12px;flex-shrink:0}.dm-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-faint);margin-bottom:10px}.dm-search{position:relative}.dm-search-input{width:100%;padding:8px 12px 8px 32px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text);font-size:12px;font-family:inherit;transition:border-color .2s,background .2s;box-sizing:border-box}.dm-search-input:focus{outline:none;border-color:rgba(var(--accent-rgb) / .4);background:rgba(var(--accent-rgb) / .04)}.dm-search-input::placeholder{color:var(--color-text-faint)}.dm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none}.dm-donate-wrap{flex-shrink:0;padding:12px 12px 16px;border-top:1px solid var(--color-border)}.dm-donate-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;background:linear-gradient(135deg,#ef44441f,#f973161a);border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#f87171;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.dm-donate-btn:hover{background:linear-gradient(135deg,#ef444433,#f9731629);border-color:#ef444466;color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 16px #ef444426}.dm-donate-btn svg{animation:heartbeat 1.6s ease-in-out infinite}@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{font-size:10px;color:var(--color-text-muted);text-align:center;margin:6px 0 0;opacity:.6}.dm-conv-list{flex:1;overflow-y:auto;padding:4px 8px 16px}.dm-conv-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-faint);padding:12px 8px 6px}.dm-conv-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s;position:relative;border:1px solid transparent}.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{position:relative;flex-shrink:0}.dm-conv-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.dm-conv-info{flex:1;min-width:0}.dm-conv-name{font-size:13px;font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conv-row.active .dm-conv-name{color:var(--color-text)}.dm-conv-preview{font-size:11px;color:var(--color-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.dm-conv-time{font-size:10px;color:var(--color-text-faint);flex-shrink:0}.dm-unread-badge{width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 8px rgba(var(--accent-rgb) / .5);transition:background .3s,box-shadow .3s}.dm-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.dm-chat-header{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface)}.dm-chat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;position:relative}.dm-chat-header-info{flex:1}.dm-chat-header-name{font-size:15px;font-weight:700;color:var(--color-text)}.dm-chat-header-status{font-size:11px;color:var(--color-text-faint);margin-top:1px}.dm-chat-header-actions{display:flex;gap:8px}.dm-header-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.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:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:2px}.dm-date-divider{display:flex;align-items:center;gap:12px;margin:16px 0 8px}.dm-date-divider:before,.dm-date-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.dm-date-label{font-size:10px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.dm-msg-row{display:flex;align-items:flex-end;gap:8px;animation:msgIn .25s cubic-bezier(.22,1,.36,1) both}.dm-msg-row.own{flex-direction:row-reverse}.dm-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0;margin-bottom:2px}.dm-msg-avatar.hidden{visibility:hidden}.dm-msg-bubble-group{display:flex;flex-direction:column;gap:2px;max-width:65%}.dm-msg-row.own .dm-msg-bubble-group{align-items:flex-end}.dm-msg-name{font-size:11px;color:var(--color-text-muted);margin-bottom:3px;padding:0 4px}.dm-msg-row.own .dm-msg-name{display:none}.dm-bubble{padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word;position:relative;transition:opacity .15s}.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;border:none;box-shadow:0 3px 14px rgba(var(--accent-dark-rgb) / .25);transition:background .4s,box-shadow .3s}.dm-msg-meta{display:flex;align-items:center;gap:6px;padding:2px 4px}.dm-msg-time{font-size:10px;color:var(--color-text-faint)}.dm-msg-read{font-size:10px;color:var(--accent);transition:color .3s}.dm-typing{display:flex;align-items:center;gap:8px;padding:4px 0 8px;font-size:12px;color:var(--color-text-faint);animation:fadeIn .3s}.dm-typing-dots{display:flex;gap:3px;align-items:center}.dm-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);transition:background .3s;animation:typingBounce 1.2s ease-in-out infinite}.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{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.dm-input-bar{padding:12px 20px 16px;border-top:1px solid var(--color-border);flex-shrink:0}.dm-input-wrap{display:flex;align-items:flex-end;gap:10px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.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{flex:1;background:transparent;border:none;outline:none;color:var(--color-text);font-size:14px;font-family:inherit;resize:none;line-height:1.5;max-height:120px;overflow-y:auto}.dm-textarea::placeholder{color:var(--color-text-faint)}.dm-send-btn{width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent-dark),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .18s,box-shadow .18s,opacity .18s,background .4s;box-shadow:0 3px 12px rgba(var(--accent-dark-rgb) / .3)}.dm-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px rgba(var(--accent-dark-rgb) / .45)}.dm-send-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.dm-empty-conv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--color-text-faint);text-align:center;padding:32px}.dm-empty-conv svg{opacity:.15}.dm-empty-conv h3{font-size:16px;font-weight:700;color:var(--color-text-muted);margin:0}.dm-empty-conv p{font-size:13px;color:var(--color-text-faint);margin:0;max-width:260px;line-height:1.6}.dm-no-friends{padding:24px 16px;text-align:center;font-size:12px;color:var(--color-text-faint);line-height:1.6}.dm-back-btn{display:none;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px 4px 0;border-radius:8px;transition:color .15s;flex-shrink:0}.dm-back-btn:hover{color:var(--color-text)}@media(max-width:768px){.dm-shell{position:relative;overflow:hidden}.dm-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:2;transform:translate(0);transition:transform .28s cubic-bezier(.22,1,.36,1)}.dm-sidebar.hidden-mobile{transform:translate(-100%);pointer-events:none}.dm-main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:3;transform:translate(100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.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{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--color-surface)}.dm-offline-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--color-text-muted);border:2px solid var(--color-surface)}.call-overlay--fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}.call-overlay{display:flex;flex-direction:column;align-items:center;justify-content:space-between;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%,rgba(139,92,246,.08) 0%,transparent 55%),linear-gradient(180deg,#0a0c11,#0d0f14);padding:28px 24px 40px;animation:callIn .5s cubic-bezier(.22,1,.36,1) both;overflow:hidden}@keyframes callIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.call-overlay--ending{animation:callOut .75s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}@keyframes callOut{to{opacity:0;transform:scale(.96)}}.call-bg-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb) / .07) 0%,transparent 60%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.call-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;opacity:.5}.call-topbar{width:100%;max-width:540px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:1}.call-status-pill{display:flex;align-items:center;gap:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 16px;font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.call-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.call-status-dot--ringing{background:#f59e0b;box-shadow:0 0 8px #f59e0bb3;animation:statusPulse .9s ease-in-out infinite}.call-status-dot--connected{background:#22c55e;box-shadow:0 0 8px #22c55eb3;animation:statusPulse 2s ease-in-out infinite}.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{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:100px;padding:5px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-encrypted-badge{color:#4ade80;background:#22c55e14;border:1px solid rgba(34,197,94,.18);animation:fadeIn .5s .4s both}.call-app-badge{color:var(--accent-light);background:rgba(var(--accent-rgb) / .1);border:1px solid rgba(var(--accent-rgb) / .2);animation:fadeIn .4s both}.call-mic-error{display:flex;align-items:center;gap:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:8px 16px;font-size:12px;font-weight:600;color:#f87171;z-index:1;animation:fadeIn .3s both}.call-mic-error svg{width:14px;height:14px;flex-shrink:0}.call-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;z-index:1}.call-avatars{display:flex;align-items:center;justify-content:center;gap:56px}.call-avatars--ringing{gap:40px}.call-participant{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;animation:participantIn .55s cubic-bezier(.22,1,.36,1) .1s both}@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{position:absolute;top:50%;left:50%;transform:translate(-50%,-68px);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--glow-color, transparent) 0%,transparent 70%);pointer-events:none;opacity:0;transition:background .3s;animation:glowRipple 1.5s ease-in-out infinite}.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{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;position:relative;flex-shrink:0;border:3px solid transparent;transition:border-color .3s,box-shadow .3s}.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{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#f87171}.call-ringing-rings{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgba(var(--accent-rgb) / .4);animation:ringingRing 1.6s ease-out infinite;pointer-events:none}.call-ringing-rings:before,.call-ringing-rings:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(var(--accent-rgb) / .22);animation:ringingRing 1.6s ease-out infinite}.call-ringing-rings:before{top:-16px;right:-16px;bottom:-16px;left:-16px;animation-delay:.3s}.call-ringing-rings:after{top:-30px;right:-30px;bottom:-30px;left:-30px;animation-delay:.6s;border-color:rgba(var(--accent-rgb) / .1)}@keyframes ringingRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.call-participant-name{font-size:17px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:8px}.call-self-tag{font-size:10px;font-weight:600;color:#475569;background:#ffffff12;border-radius:100px;padding:2px 7px;text-transform:uppercase;letter-spacing:.5px}.call-participant-status{font-size:12px;color:#475569;min-height:20px;display:flex;align-items:center;justify-content:center;gap:6px}.call-participant-idle{color:#334155;font-size:12px}.call-participant-label{font-size:12px;font-weight:600;border-radius:100px;padding:3px 10px}.call-participant-label--calling{color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);animation:labelPulse 1.4s ease-in-out infinite}@keyframes labelPulse{0%,to{opacity:1}50%{opacity:.55}}.call-muted-label{display:flex;align-items:center;gap:4px;color:#f87171;font-size:12px;font-weight:600}.call-muted-label svg{width:12px;height:12px}.call-ringing-dots{display:flex;gap:4px;align-items:center}.call-ringing-dots span{width:5px;height:5px;border-radius:50%;background:#f59e0b;animation:ringingDot 1.2s ease-in-out infinite}.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{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.call-ringing-divider{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.call-ringing-waiting{font-size:11px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;padding:5px 14px;white-space:nowrap}.call-connection-line{width:88px;height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb)/.15),rgba(var(--accent-rgb)/.45),rgba(var(--accent-rgb)/.15));border-radius:2px;position:relative;overflow:hidden;flex-shrink:0}.call-connection-pulse{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:connectionPulse 1.6s linear infinite}@keyframes connectionPulse{to{left:100%}}.call-speaking-wave{display:flex;align-items:center;gap:2px;height:18px}.call-speaking-wave span{width:3px;border-radius:3px;background:var(--accent);animation:waveBar .75s ease-in-out infinite;transform-origin:bottom}.call-speaking-wave span:nth-child(1){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:.05s}@keyframes waveBar{0%,to{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}.call-incoming-hint{animation:fadeSlideUp .5s cubic-bezier(.22,1,.36,1) .25s both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.call-incoming-hint-text{font-size:13px;color:#334155;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;padding:7px 20px;letter-spacing:.2px}.call-controls{display:flex;align-items:flex-start;justify-content:center;gap:24px;flex-shrink:0;z-index:1;animation:controlsIn .55s cubic-bezier(.22,1,.36,1) .2s both}@keyframes controlsIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.call-controls--incoming{gap:60px}.call-ctrl-group{display:flex;flex-direction:column;align-items:center;gap:10px}.call-ctrl-btn{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:#ffffff0f;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .22s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-ctrl-btn:hover:not(:disabled){background:#ffffff1f;color:#e2e8f0;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{width:72px;height:72px;background:#ef44442e;border-color:#ef444459;color:#f87171;box-shadow:0 0 24px #ef444438;animation:endPulse 2.5s ease-in-out infinite}.call-ctrl-btn--end:hover:not(:disabled){background:#ef444461;color:#fff;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{width:72px;height:72px;background:#ef44442e;border-color:#ef444459;color:#f87171;box-shadow:0 0 24px #ef444438;animation:endPulse 2.5s ease-in-out infinite}.call-ctrl-btn--decline:hover:not(:disabled){background:#ef444461;color:#fff;box-shadow:0 0 40px #ef444480;transform:translateY(-4px) scale(1.06)}.call-ctrl-btn--accept{width:72px;height:72px;background:#22c55e2e;border-color:#22c55e59;color:#86efac;box-shadow:0 0 24px #22c55e38;animation:acceptPulse 1.8s ease-in-out infinite}.call-ctrl-btn--accept:hover:not(:disabled){background:#22c55e61;color:#fff;box-shadow:0 0 40px #22c55e8c;transform:translateY(-4px) scale(1.06)}@keyframes acceptPulse{0%,to{box-shadow:0 0 24px #22c55e38}50%{box-shadow:0 0 44px #22c55e80,0 0 64px #22c55e24}}.call-ctrl-label{font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.call-ctrl-label--accept{color:#4ade80}.call-ctrl-label--decline{color:#f87171}.call-ctrl-group--device{position:relative}.call-device-panel{position:absolute;bottom:calc(100% + 18px);right:50%;transform:translate(50%);width:300px;background:#111318;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:6px 0 10px;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0a;animation:devicePanelIn .2s cubic-bezier(.22,1,.36,1) both;z-index:10}@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:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#111318;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.call-device-panel-header{display:flex;align-items:center;gap:7px;padding:10px 16px 8px;font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.call-device-section{padding:6px 8px 2px}.call-device-section-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px 6px}.call-device-section-label svg{width:11px;height:11px}.call-device-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;border:none;background:transparent;color:#94a3b8;font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s,color .15s}.call-device-option:hover{background:#ffffff0d;color:#e2e8f0}.call-device-option--active{color:#e2e8f0;background:rgba(var(--accent-rgb) / .1)}.call-device-option-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--accent-light);flex-shrink:0}.call-device-option-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.3}.call-device-divider{height:1px;background:#ffffff0d;margin:4px 12px}.call-device-empty{padding:6px 18px 8px;font-size:12px;color:#1e293b;font-style:italic}@media(max-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{flex:1;overflow-y:auto;padding:32px;background:var(--color-bg);animation:adminIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes adminIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-header-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 24px #3b82f659}.admin-title{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 2px;background:linear-gradient(90deg,#60a5fa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{font-size:13px;color:var(--color-text-muted);margin:0}.admin-permission-badge{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:20px;background:linear-gradient(135deg,#3b82f626,#ec489926);border:1px solid rgba(59,130,246,.3);color:#93c5fd;font-size:12.5px;font-weight:600}.admin-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;margin-bottom:20px;animation:adminIn .3s ease both}.admin-banner--success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.admin-banner--error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.admin-banner-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:2px;display:flex;align-items:center}.admin-banner-close:hover{opacity:1}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.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{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--color-text-muted);margin-bottom:18px;text-transform:uppercase;letter-spacing:.06em}.admin-card-header svg{color:#60a5fa}.admin-card-count{margin-left:auto;background:#3b82f626;color:#60a5fa;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}.admin-search-wrap{display:flex;align-items:center;gap:10px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;padding:10px 14px;margin-bottom:14px;transition:border-color .2s}.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{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:14px}.admin-search-input::placeholder{color:var(--color-text-faint)}.admin-search-spinner{width:14px;height:14px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.admin-search-results{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;overflow:hidden;margin-bottom:14px;animation:adminIn .2s ease both}.admin-search-result-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;width:100%;text-align:left;transition:background .15s}.admin-search-result-item:last-child{border-bottom:none}.admin-search-result-item:hover{background:#3b82f612}.admin-result-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.admin-result-info{display:flex;flex-direction:column;gap:3px}.admin-result-name{font-size:13.5px;font-weight:600;color:var(--color-text)}.admin-selected-user{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#3b82f614,#ec489914);border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:16px;animation:adminIn .25s ease both}.admin-selected-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.admin-selected-info{flex:1}.admin-selected-name{font-size:14.5px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-selected-current{font-size:12.5px;color:var(--color-text-muted);margin-top:4px;display:flex;align-items:center;gap:6px}.admin-selected-email{font-size:12px;color:var(--color-text-faint);margin-top:4px;font-family:monospace}.admin-deselect-btn{background:var(--color-hover-bg);border:1px solid var(--color-input-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:background .15s}.admin-deselect-btn:hover{background:#ef444426;color:#f87171}.admin-role-controls{display:flex;flex-direction:column;gap:14px;animation:adminIn .25s ease both}.admin-label{display:block;font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.admin-role-select-wrap{width:100%}.admin-role-select{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:10px 36px 10px 14px;font-size:14px;outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 12px center}.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{display:flex;gap:10px}.admin-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:opacity .18s,transform .18s,box-shadow .18s}.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{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f64d}.admin-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.admin-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;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{display:flex;align-items:center;gap:6px;font-size:12px;color:#f59e0b;margin:0}.admin-user-list{display:flex;flex-direction:column;gap:8px}.admin-user-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--color-input-bg);border-radius:9px;border:1px solid var(--color-input-border);transition:border-color .15s}.admin-user-row:hover{border-color:#3b82f633}.admin-user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.admin-user-avatar.tester{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.admin-user-name{flex:1;font-size:13.5px;font-weight:600;color:var(--color-text)}.admin-list-empty{text-align:center;color:var(--color-text-faint);font-size:13px;padding:24px 0}.admin-list-loading{text-align:center;color:var(--color-text-muted);font-size:13px;padding:16px 0}.admin-role-chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.ml-4{margin-left:4px}.role-user{background:#64748b2e;color:#94a3b8;border:1px solid rgba(100,116,139,.25)}.role-tester{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.role-moderator{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.role-admin{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-owner{background:linear-gradient(90deg,#ec489933,#a855f733);color:#f0abfc;border:1px solid rgba(236,72,153,.35)}.admin-perm-list{display:flex;flex-direction:column;gap:10px}.admin-perm-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--color-input-bg);border-radius:9px;border:1px solid var(--color-input-border)}.admin-perm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.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:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-perm-desc{font-size:12px;color:var(--color-text-muted)}.admin-perm-level{font-size:11px;font-weight:700;color:var(--color-text-faint);letter-spacing:.05em}.admin-log-list{display:flex;flex-direction:column;gap:8px}.admin-log-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-input-bg);border-radius:9px;border:1px solid var(--color-input-border);animation:adminIn .3s ease both}.admin-log-action-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-log-action-icon.assign{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.2)}.admin-log-action-icon.remove{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.admin-log-body{flex:1;display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13px}.admin-log-actor{font-weight:700;color:#93c5fd}.admin-log-target{font-weight:700;color:var(--color-text)}.admin-log-verb{color:var(--color-text-muted)}.admin-log-time{font-size:11.5px;color:var(--color-text-faint);white-space:nowrap}.admin-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-confirm-dialog{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:18px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:var(--shadow-elevated);animation:adminIn .3s cubic-bezier(.22,1,.36,1) both}.admin-confirm-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#3b82f633,#ec489933);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#60a5fa}.admin-confirm-title{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 10px}.admin-confirm-body{font-size:14px;color:var(--color-text-muted);margin:0 0 24px;line-height:1.6}.admin-confirm-body strong{color:var(--color-text)}.admin-confirm-actions{display:flex;gap:10px;justify-content:center}.admin-card--ban{border-color:#ef44441f}.admin-card--ban:hover{border-color:#ef444438}.admin-card--ban .admin-card-header svg{color:#f87171}.ban-count{background:#ef44441f!important;color:#f87171!important}.admin-ban-layout{display:grid;grid-template-columns:380px 1fr;gap:24px}.admin-ban-form-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:14px}.admin-ban-fields{display:flex;flex-direction:column;gap:12px;animation:adminIn .25s ease both}.admin-ban-type-row{display:flex;gap:8px}.admin-ban-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:9px;font-size:13px;font-weight:600;background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;transition:all .18s}.admin-ban-type-btn:hover{border-color:#3b82f64d;color:#93c5fd}.admin-ban-type-btn.active{background:#3b82f61f;border-color:#3b82f666;color:#60a5fa}.admin-ban-type-btn--perm:hover{border-color:#ef44444d;color:#fca5a5}.admin-ban-type-btn--perm.active{background:#ef44441f;border-color:#ef444466;color:#f87171}.admin-ban-duration-row{display:flex;gap:8px;animation:adminIn .2s ease both}.admin-ban-duration-input{width:80px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:10px 14px;font-size:14px;outline:none;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{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:10px 14px;font-size:13.5px;outline:none;box-sizing:border-box;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{width:100%;justify-content:center;padding:11px}.admin-btn--ban.temp{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b40}.admin-btn--ban.temp:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.admin-btn--ban.perm{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px 14px #ef44444d}.admin-btn--ban.perm:hover:not(:disabled){box-shadow:0 6px 20px #ef444473}.admin-btn--unban{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;font-size:12px;font-weight:600;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#86efac;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0}.admin-btn--unban:hover{background:#22c55e2e;border-color:#22c55e66}.admin-btn--unban-confirm{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:600;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px #22c55e40;transition:all .18s}.admin-btn--unban-confirm:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.ban-avatar{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.ban-avatar-lg{background:linear-gradient(135deg,#ef4444,#b91c1c);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.ban-selected{border-color:#ef44444d!important;background:linear-gradient(135deg,#ef444412,#b91c1c12)!important}.admin-active-bans{border-left:1px solid var(--color-border);padding-left:24px}.admin-ban-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0!important;color:var(--color-text-faint)!important}.admin-ban-empty p{margin:0;color:var(--color-text-faint)}.admin-ban-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.admin-ban-list::-webkit-scrollbar{width:4px}.admin-ban-list::-webkit-scrollbar-track{background:transparent}.admin-ban-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.admin-ban-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-input-bg);border-radius:10px;border:1px solid var(--color-input-border);animation:adminIn .25s ease both}.admin-ban-row.permanent{border-left:3px solid rgba(239,68,68,.5)}.admin-ban-row.temp{border-left:3px solid rgba(245,158,11,.5)}.admin-ban-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.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{font-size:13.5px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ban-meta{font-size:11.5px;color:var(--color-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ban-by{font-size:11px;color:var(--color-text-faint);margin-top:1px}.admin-ban-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.admin-ban-badge.permanent{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.admin-ban-badge.temp{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.ban-confirm-icon{background:linear-gradient(135deg,#ef444433,#b91c1c33)!important;border-color:#ef444459!important;color:#f87171!important}.unban-confirm-icon{background:linear-gradient(135deg,#22c55e26,#16a34a26)!important;border-color:#22c55e4d!important;color:#86efac!important}@media(max-width:900px){.admin-ban-layout{grid-template-columns:1fr}.admin-active-bans{border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:20px}.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{background:#f59e0b26!important;color:#fbbf24!important;animation:maintenancePulse 2s ease-in-out infinite}@keyframes maintenancePulse{0%,to{opacity:1}50%{opacity:.6}}.maintenance-admin-layout{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.maintenance-admin-title{font-size:15px;font-weight:700;color:var(--color-text);margin:0 0 6px}.maintenance-admin-description{font-size:13px;color:var(--color-text-muted);margin:0;max-width:420px;line-height:1.5}.maintenance-admin-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.maintenance-duration-select{width:auto;min-width:140px}.maintenance-countdown{font-size:13px;font-weight:600;color:#fbbf24;padding:8px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:9px}.admin-btn--maintenance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b40;white-space:nowrap}.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{background:linear-gradient(90deg,#ec489926,#a855f726)!important;color:#f0abfc!important}.phx-announce-layout{display:flex;flex-direction:column;gap:20px}.phx-textarea{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:12px 14px;font-size:14px;resize:vertical;min-height:60px;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.phx-textarea:focus{border-color:#ec489966;box-shadow:0 0 0 3px #ec48990f}.phx-textarea::placeholder{color:var(--color-text-faint)}.phx-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}.phx-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);cursor:pointer}.phx-checkbox input{cursor:pointer}.admin-btn--phoenixra{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;box-shadow:0 4px 14px #ec489940;margin-left:auto;white-space:nowrap}.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{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:10px}.phx-post-row{padding:10px 14px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;margin-bottom:8px}.phx-post-content{font-size:13.5px;color:var(--color-text);line-height:1.5;margin-bottom:6px}.phx-post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phx-post-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.phx-post-badge--pinned{background:#ec489926;color:#f0abfc;border:1px solid rgba(236,72,153,.25)}.phx-post-badge--global{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.phx-post-time{font-size:11px;color:var(--color-text-faint)}.phx-delete-btn{padding:3px 10px!important;font-size:11px!important;margin-left:auto}.phx-login-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--color-border);flex-wrap:wrap}.phx-login-info{flex:1;min-width:200px}.phx-login-label{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:4px}.phx-login-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.admin-btn--phoenixra-login{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;box-shadow:0 4px 14px #ec489940;white-space:nowrap}.admin-btn--phoenixra-login:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.phx-avatar-section{display:flex;align-items:center;gap:18px;padding-top:16px;border-top:1px solid var(--color-border);flex-wrap:wrap}.phx-avatar-preview{width:72px;height:72px;border-radius:16px;overflow:hidden;flex-shrink:0;border:2px solid rgba(236,72,153,.3);background:linear-gradient(135deg,#ec48991a,#a855f71a);display:flex;align-items:center;justify-content:center}.phx-avatar-img{width:100%;height:100%;object-fit:cover}.phx-avatar-placeholder{font-size:22px;font-weight:800;color:#f0abfc;letter-spacing:.05em}.phx-avatar-controls{flex:1;min-width:200px}.phx-avatar-label{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:4px}.phx-avatar-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4;margin-bottom:10px}.admin-card--deletion{border-color:#ef44441f}.admin-card--deletion:hover{border-color:#ef444438}.admin-card--deletion .admin-card-header svg{color:#f87171}.deletion-count{background:#ef44441f!important;color:#f87171!important}.deletion-filter-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.deletion-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text-muted);cursor:pointer;transition:all .18s}.deletion-filter-btn:hover{border-color:#ef44444d;color:#fca5a5}.deletion-filter-btn.active{background:#ef44441f;border-color:#ef444466;color:#f87171}.deletion-filter-count{background:#ffffff14;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700}.deletion-request-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto;padding-right:4px}.deletion-request-list::-webkit-scrollbar{width:4px}.deletion-request-list::-webkit-scrollbar-track{background:transparent}.deletion-request-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.deletion-request-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--color-input-bg);border-radius:12px;border:1px solid var(--color-input-border);animation:adminIn .25s ease both}.deletion-request-row.status-pending{border-left:3px solid rgba(245,158,11,.5)}.deletion-request-row.status-approved{border-left:3px solid rgba(59,130,246,.5)}.deletion-request-row.status-rejected{border-left:3px solid rgba(239,68,68,.5)}.deletion-request-row.status-completed{border-left:3px solid rgba(34,197,94,.5)}.deletion-request-main{flex:1;min-width:0}.deletion-request-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.deletion-request-username{font-size:14px;font-weight:700;color:var(--color-text)}.deletion-status-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.deletion-status-badge.status-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.deletion-status-badge.status-approved{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.deletion-status-badge.status-rejected{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.deletion-status-badge.status-completed{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.25)}.deletion-request-details{display:flex;flex-direction:column;gap:4px}.deletion-detail-row{display:flex;gap:6px;font-size:12.5px;line-height:1.4}.deletion-detail-label{color:var(--color-text-faint);font-weight:600;flex-shrink:0;min-width:70px}.deletion-detail-value{color:var(--color-text-muted);word-break:break-word}.deletion-email{font-family:monospace;font-size:12px}.deletion-processed-by{font-size:11px;color:var(--color-text-faint);font-style:italic;margin-top:4px}.deletion-request-time{font-size:11px;color:var(--color-text-faint);margin-top:8px}.deletion-request-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.deletion-action-btn{padding:6px 14px!important;font-size:12px!important;white-space:nowrap}.deletion-confirm-icon.action-approve{background:linear-gradient(135deg,#3b82f633,#2563eb33)!important;border-color:#3b82f659!important;color:#60a5fa!important}.deletion-confirm-icon.action-reject{background:linear-gradient(135deg,#ef444433,#b91c1c33)!important;border-color:#ef444459!important;color:#f87171!important}.deletion-confirm-icon.action-complete{background:linear-gradient(135deg,#22c55e26,#16a34a26)!important;border-color:#22c55e4d!important;color:#86efac!important}.deletion-note-section{margin-bottom:20px;text-align:left}.deletion-note-input{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:10px 14px;font-size:13.5px;outline:none;box-sizing:border-box;resize:vertical;min-height:50px;font-family:inherit;transition:border-color .2s}.deletion-note-input:focus{border-color:#3b82f680}.deletion-note-input::placeholder{color:var(--color-text-faint)}.admin-card--direct-delete{border-color:#dc262626}.admin-card--direct-delete:hover{border-color:#dc262640}.admin-card--direct-delete .admin-card-header svg{color:#ef4444}.direct-delete-warning{background:#dc26261f!important;color:#ef4444!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.05em}.direct-delete-desc{font-size:12.5px;color:var(--color-text-muted);line-height:1.5;margin-bottom:14px}.direct-delete-search{margin-bottom:12px}.direct-delete-input{width:100%;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text);padding:10px 14px;font-size:13.5px;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.direct-delete-input:focus{border-color:#ef444466}.direct-delete-input::placeholder{color:var(--color-text-faint)}.direct-delete-results{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.direct-delete-results::-webkit-scrollbar{width:4px}.direct-delete-results::-webkit-scrollbar-track{background:transparent}.direct-delete-results::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.direct-delete-result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--color-input-bg);border-radius:10px;border:1px solid var(--color-input-border);animation:adminIn .2s ease both}.direct-delete-result-row:hover{border-color:#ef444433}.direct-delete-result-info{display:flex;align-items:center;gap:8px;min-width:0}.direct-delete-result-name{font-size:13.5px;font-weight:600;color:var(--color-text)}.direct-delete-result-role{font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0f;color:var(--color-text-muted)}.direct-delete-result-role.role-admin,.direct-delete-result-role.role-owner{background:#ef44441f;color:#f87171}.direct-delete-owner-tag{font-size:10px;font-weight:800;padding:1px 7px;border-radius:10px;background:#eab3081f;color:#fbbf24;text-transform:uppercase;letter-spacing:.04em}.direct-delete-select-btn{padding:6px 14px!important;font-size:12px!important;white-space:nowrap}.direct-delete-select-btn:disabled{opacity:.4;cursor:not-allowed}.direct-delete-confirm-icon{background:linear-gradient(135deg,#dc262633,#b91c1c33)!important;border-color:#dc262659!important;color:#ef4444!important}.direct-delete-result-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;margin-top:12px;font-size:13px;animation:adminIn .25s ease both}.direct-delete-result-notice.success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#86efac}.direct-delete-result-notice.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.direct-delete-result-dismiss{margin-left:auto;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;font-size:11px;padding:3px 10px;cursor:pointer;font-family:inherit;opacity:.7;transition:opacity .2s}.direct-delete-result-dismiss:hover{opacity:1}.direct-delete-error-msg{color:#f87171;font-size:12.5px;padding:10px 14px;background:#7f1d1d40;border-radius:8px;border-left:3px solid #f87171;margin-bottom:16px}.dashboard{display:flex;height:100vh;background:var(--color-bg);overflow:hidden;animation:dashIn .7s cubic-bezier(.22,1,.36,1) both}@keyframes dashIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.left-nav{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:24px 0;overflow-y:auto;animation:slideInLeft .55s cubic-bezier(.22,1,.36,1) .05s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.nav-logo{display:flex;align-items:center;gap:10px;padding:0 16px 20px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.nav-logo-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:10px}.nav-logo-text h1{font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent-light) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background .4s;margin:0}.nav-logo-text .tagline{font-size:11px;color:var(--color-text-muted);margin-top:2px;letter-spacing:.4px}.nav-section{padding:0 12px;flex:1}.nav-section-label{font-size:10px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;padding:0 8px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:none;color:var(--color-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;width:100%;text-align:left;margin-bottom:2px}.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 rgba(236,72,153,.15)!important}.nav-item--admin svg{color:#ec4899!important;opacity:1!important}.nav-item--admin:hover{background:#ec48991a!important;border-color:#ec48994d!important;color:#f9a8d4!important}.nav-item--admin.active{background:#ec489926!important;color:#f9a8d4!important;border-color:#ec489959!important}.nav-channels{margin-top:24px}.channel-nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all .18s;width:100%;text-align:left;margin-bottom:1px}.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{display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;border:none;background:none;color:var(--color-text-faint);cursor:pointer;flex-shrink:0;padding:0;margin-left:4px;transition:color .15s,background .15s}.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{padding:16px 12px 0;border-top:1px solid var(--color-border);margin-top:16px}.nav-legal-links{display:flex;flex-wrap:wrap;gap:2px 8px;padding:0 4px 12px}.nav-legal-link{padding:0;border:none;background:none;color:var(--color-text-faint);font:inherit;font-size:10px;line-height:1.5;cursor:pointer;transition:color .15s ease}.nav-legal-link:hover{color:var(--color-text-muted);text-decoration:underline}.user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:var(--color-card-bg);cursor:pointer;transition:background .18s;width:100%}.user-pill:hover{background:var(--color-hover-bg)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);transition:background .4s;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.avatar-lg{width:40px;height:40px;font-size:16px}.user-pill-info{text-align:left;flex:1;min-width:0}.user-pill-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-pill-status{font-size:11px;color:var(--color-text-muted)}.signout-btn-nav{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:color .18s;display:flex;align-items:center}.signout-btn-nav:hover{color:#ef4444}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:56px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeDown .45s cubic-bezier(.22,1,.36,1) .1s both}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.topbar-title{font-size:15px;font-weight:700;color:var(--color-text);flex:1}.topbar-title span{color:var(--color-text-muted);font-weight:500}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;padding:7px 12px;width:220px;transition:border-color .2s,box-shadow .2s}.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{background:none;border:none;color:var(--color-text);font-size:13px;flex:1;outline:none}.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;overflow:hidden;position:relative}.feed-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:55%;background-repeat:no-repeat;background-position:center 60%;opacity:.045;pointer-events:none;z-index:0}.feed-scroll{flex:1;overflow-y:auto;padding:24px;position:relative;z-index:9998;isolation:isolate}.verify-warning-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;border-radius:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd;font-size:13px;line-height:1.5;animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.compose-box{position:relative;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-card);animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .15s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.compose-top{display:flex;gap:12px;align-items:flex-start}.compose-right{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.compose-textarea{width:100%;background:none;border:none;color:var(--color-text);font-size:15px;resize:none;outline:none;line-height:1.6;min-height:52px;font-family:inherit}.compose-textarea::placeholder{color:var(--color-text-faint)}.compose-image-preview{position:relative;border-radius:12px;overflow:hidden;max-height:320px;border:1px solid rgba(255,255,255,.08);animation:previewIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes previewIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.compose-image-preview img{width:100%;max-height:320px;object-fit:cover;display:block}.compose-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.compose-image-remove:hover{background:#ef4444b3;transform:scale(1.1)}.compose-image-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.compose-upload-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.compose-divider{height:1px;background:var(--color-border);margin:14px 0 0}.compose-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:8px}.compose-actions{display:flex;gap:2px}.compose-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:none;background:none;color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,color .18s;font-family:inherit}.compose-action-btn:hover{background:var(--color-hover-bg);color:var(--accent)}.compose-action-btn.active{background:var(--accent-10);color:var(--accent)}.compose-action-btn svg{flex-shrink:0}.emoji-picker{position:fixed;top:0;left:0;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;box-shadow:0 8px 32px #00000047;z-index:9999;animation:fadeUp .2s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border)}.emoji-picker-header strong{font-size:13px;color:var(--color-text)}.emoji-picker-close{background:none;border:none;color:var(--color-text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.emoji-picker-close:hover{color:var(--color-text)}.emoji-picker-recent{padding:8px 14px;border-bottom:1px solid var(--color-border)}.emoji-picker-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.emoji-picker-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--color-border)}.emoji-category{flex:1;padding:6px 4px;border:none;background:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .15s;opacity:.55}.emoji-category:hover{background:var(--color-hover-bg);opacity:.85}.emoji-category.active{background:var(--accent-10);opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px 10px}.emoji-grid-main{max-height:220px;overflow-y:auto}.emoji-option{display:flex;align-items:center;justify-content:center;font-size:20px;padding:4px;border:none;background:none;border-radius:8px;cursor:pointer;transition:background .12s,transform .12s;aspect-ratio:1}.emoji-option:hover{background:var(--color-hover-bg);transform:scale(1.18)}.compose-btn{padding:8px 20px;background:linear-gradient(135deg,var(--accent-dark),#7c3aed);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s,background .4s;box-shadow:0 2px 12px rgba(var(--accent-dark-rgb) / .3)}.compose-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--accent-dark-rgb) / .4)}.compose-btn:disabled{opacity:.4;cursor:not-allowed}.compose-post-btns{display:flex;align-items:center;gap:8px}.compose-btn--global{background:var(--color-input-bg);border:1.5px solid var(--color-input-border);color:var(--color-text-muted);box-shadow:none;display:flex;align-items:center;gap:6px;transition:all .2s}.compose-btn--global:hover:not(:disabled){border-color:#f9731666;color:#fb923c;background:#f973160f;box-shadow:0 0 12px #f973161f;transform:translateY(-1px)}.compose-btn--global.active{background:#f973161f;border-color:#f9731673;color:#fb923c;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{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;animation:fadeUp .4s cubic-bezier(.22,1,.36,1) .12s both}.feed-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:9px;border:none;background:none;color:var(--color-text-muted);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.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{flex-shrink:0;opacity:.7}.feed-tab.active svg{opacity:1}.feed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;color:var(--color-text-faint);gap:12px}.feed-empty-state svg{opacity:.25;margin-bottom:4px}.feed-empty-state h3{font-size:16px;font-weight:700;color:var(--color-text-muted);margin:0}.feed-empty-state p{font-size:13px;color:var(--color-text-faint);max-width:280px;line-height:1.6;margin:0}.post-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.post-card:hover{border-color:var(--accent-20);box-shadow:0 4px 24px #0000001f,var(--shadow-card)}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.post-author{flex:1}.post-author-name{font-size:14px;font-weight:600;color:var(--color-text)}.post-profile-link{cursor:pointer;transition:opacity .15s}.post-profile-link:hover{opacity:.75}.post-author-name.post-profile-link:hover{text-decoration:underline}button.post-profile-link{border:none;background:none;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.post-meta{font-size:12px;color:var(--color-text-muted);margin-top:1px}.post-body{font-size:14px;color:var(--color-text-muted);line-height:1.65;margin-bottom:12px}.compose-video-preview{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);animation:previewIn .3s cubic-bezier(.22,1,.36,1) both}.compose-video-player{width:100%;max-height:320px;display:block;background:#000;border-radius:12px}.compose-video-error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:12.5px;margin-top:6px;animation:previewIn .25s ease both}.post-video-wrap{margin-bottom:14px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#000;animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.post-video{width:100%;max-height:480px;display:block;border-radius:12px}.post-image-wrap{margin-bottom:14px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.post-image{width:100%;max-height:480px;object-fit:contain;display:block;transition:transform .3s ease}.post-image-wrap:hover .post-image{transform:scale(1.01)}.post-actions{display:flex;gap:4px}.post-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;background:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all .18s}.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:commentsIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes commentsIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.comments-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 10px}.comments-panel-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-faint)}.comments-panel-close{width:24px;height:24px;border-radius:6px;border:none;background:none;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.comments-panel-close:hover{background:var(--color-hover-bg);color:var(--color-text)}.comments-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;padding-bottom:4px}.comments-loading{text-align:center;font-size:13px;color:var(--color-text-faint);padding:20px 0}.comments-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:var(--color-text-faint);font-size:13px;text-align:center}.comments-empty svg{opacity:.25}.comments-empty p{margin:0}.comment-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;transition:background .15s;animation:commentIn .22s cubic-bezier(.22,1,.36,1) both}@keyframes commentIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.comment-row:hover{background:var(--color-hover-bg)}.comment-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}.comment-author{font-size:13px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:4px}.comment-time{font-size:11px;color:var(--color-text-faint)}.comment-delete-btn{width:18px;height:18px;border:none;background:none;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:auto;flex-shrink:0;transition:background .15s,color .15s;opacity:0}.comment-row:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{background:#ef44441a;color:#f87171}.comment-text{font-size:13.5px;color:var(--color-text);line-height:1.5;margin:0;word-break:break-word}.comments-input-wrap{display:flex;align-items:flex-end;gap:10px;padding:10px 0 4px;border-top:1px solid var(--color-border);margin-top:4px}.comments-input-row{flex:1;display:flex;align-items:flex-end;gap:8px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:12px;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.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{flex:1;background:transparent;border:none;outline:none;color:var(--color-text);font-size:13.5px;font-family:inherit;resize:none;line-height:1.5;max-height:80px;overflow-y:auto}.comments-textarea::placeholder{color:var(--color-text-faint)}.comments-send-btn{width:30px;height:30px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent-dark),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 2px 8px rgba(var(--accent-dark-rgb) / .3)}.comments-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-dark-rgb) / .45)}.comments-send-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.right-sidebar{width:280px;flex-shrink:0;position:relative;z-index:1;border-left:1px solid var(--color-border);background:var(--color-surface);padding:24px 20px;overflow-y:auto;animation:slideInRight .55s cubic-bezier(.22,1,.36,1) .08s both}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.sidebar-section{margin-bottom:28px}.sidebar-title{font-size:11px;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.trending-item{padding:10px 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:opacity .18s}.trending-item:last-child{border-bottom:none}.trending-item:hover{opacity:.75}.trending-tag{font-size:13px;font-weight:600;color:var(--accent-light);transition:color .3s}.trending-count{font-size:12px;color:var(--color-text-muted);margin-top:2px}.online-user{display:flex;align-items:center;gap:10px;padding:8px 0}.online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 6px #22c55e80}.online-name{font-size:13px;color:var(--color-text-muted)}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-panel-header{height:56px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;gap:10px;flex-shrink:0}.chat-panel-title{font-size:15px;font-weight:700;color:var(--color-text)}.chat-panel-desc{font-size:13px;color:var(--color-text-muted);flex:1}.chat-invite-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-hover-bg);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s;flex-shrink:0}.chat-invite-btn:hover{background:var(--accent-10);color:var(--accent-light);border-color:rgba(var(--accent-rgb) / .3)}.chat-panel-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.chat-leave-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.25);background:#ef44440f;color:#f87171;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s;flex-shrink:0}.chat-leave-btn:hover{background:#ef44441f;border-color:#ef444466}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:4px}.chat-msg{display:flex;gap:12px;padding:6px 8px;border-radius:10px;transition:background .15s;animation:msgIn .2s ease-out both}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg:hover{background:var(--color-hover-bg)}.chat-msg-body{flex:1;min-width:0}.chat-msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.chat-msg-name{font-size:14px;font-weight:600;color:var(--color-text)}.chat-msg-time{font-size:11px;color:var(--color-text-faint)}.chat-msg-text{font-size:14px;color:var(--color-text-muted);line-height:1.55;word-break:break-word}.chat-msg-image-wrap{margin-top:8px;border-radius:12px;overflow:hidden;max-width:320px}.chat-msg-image{display:block;width:100%;max-width:320px;max-height:400px;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s}.chat-msg-image:hover{transform:scale(1.02)}.chat-image-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color .18s,color .18s,background .18s}.chat-image-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb) / .4);color:var(--accent)}.chat-image-btn:disabled{opacity:.45;cursor:not-allowed}.chat-image-preview-bar{display:flex;align-items:center;gap:10px;padding:8px 24px 0;position:relative}.chat-image-preview-thumb{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1.5px solid var(--color-border)}.chat-image-preview-remove{position:absolute;left:90px;top:12px;width:22px;height:22px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.chat-image-preview-remove:hover{background:#ef4444d9}.chat-input-row{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:10px;align-items:flex-end}.chat-input-wrap{flex:1;background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:12px;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%;background:none;border:none;color:var(--color-text);font-size:14px;outline:none;resize:none;line-height:1.5;max-height:120px}.chat-input-wrap textarea::placeholder{color:var(--color-text-faint)}.chat-send-btn{padding:10px 16px;background:linear-gradient(135deg,var(--accent-dark),#7c3aed);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s,background .4s;flex-shrink:0;align-self:flex-end}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-dark-rgb) / .4)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.welcome-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-faint);gap:12px;padding:40px;text-align:center}.welcome-state svg{opacity:.3}.welcome-state h3{font-size:18px;color:var(--color-text-muted)}.welcome-state p{font-size:14px;color:var(--color-text-faint);max-width:280px}.badge{background:var(--accent);transition:background .3s;color:#fff;font-size:10px;font-weight:700;border-radius:20px;padding:1px 6px;margin-left:auto}.post-you-tag{font-size:10px;color:var(--color-text-muted);font-weight:500;margin-left:7px;background:var(--color-hover-bg);border-radius:100px;padding:1px 6px;letter-spacing:.3px}.post-menu-wrap{position:relative;flex-shrink:0}.post-menu-btn{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;opacity:0}.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{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:6px;z-index:100;box-shadow:var(--shadow-elevated);animation:menuIn .18s cubic-bezier(.22,1,.36,1) both;transform-origin:top right}@keyframes menuIn{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.post-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:8px;border:none;background:none;color:var(--color-text-muted);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s,color .15s}.post-menu-item svg{flex-shrink:0;opacity:.7}.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{background:#ef44441a;color:#fca5a5}.post-menu-divider{height:1px;background:var(--color-border);margin:4px}.post-global-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fb923c;background:#f973161a;border:1px solid rgba(249,115,22,.22);border-radius:100px;padding:3px 10px;margin-bottom:10px;letter-spacing:.3px;animation:globalBadgeIn .4s cubic-bezier(.22,1,.36,1) both}@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{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#f59e0b;margin-bottom:10px;opacity:.8}.post-pinned-badge svg{flex-shrink:0}.post-card--removing{animation:postRemove .35s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}@keyframes postRemove{0%{opacity:1;transform:scale(1) translate(0);max-height:600px}60%{opacity:0;transform:scale(.97) translate(6px)}to{opacity:0;transform:scale(.97) translate(6px);max-height:0;margin-bottom:0;padding:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;animation:backdropIn .2s ease both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:32px 28px 24px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-elevated);animation:modalIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.modal-icon--danger{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171}.modal-icon svg{width:22px;height:22px}.modal-title{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 10px}.modal-body{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-btn{padding:10px 22px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .18s;min-width:100px}.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{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;box-shadow:0 0 16px #ef444426}.modal-btn--danger:hover{background:#ef44444d;color:#fca5a5;box-shadow:0 0 24px #ef44444d;transform:translateY(-1px)}.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){transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--accent-dark-rgb) / .45)}.modal-btn--primary:disabled{opacity:.4;cursor:not-allowed}.modal-dialog--edit{text-align:left;padding:24px 24px 20px}.modal-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-edit-header .modal-title{margin:0;font-size:16px}.modal-close-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.modal-close-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.modal-edit-textarea{width:100%;background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:12px;color:var(--color-text);font-size:14px;font-family:inherit;padding:12px 14px;resize:vertical;outline:none;line-height:1.6;min-height:90px;margin-bottom:16px;box-sizing:border-box;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(max-width:1100px){.right-sidebar{display:none}}.mobile-bottom-nav{display:none}@media(max-width:768px){.left-nav{display:none}.main-content{width:100%;max-width:100vw}.main-content>*:not(.topbar){padding-bottom:64px}.topbar{padding:0 16px;height:52px}.topbar-search{width:100%;max-width:180px}.feed-scroll{padding:12px 12px 80px}.compose-box,.post-card{border-radius:14px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:200;align-items:stretch;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px #00000040}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--color-text-muted);font-size:10px;font-weight:500;cursor:pointer;border-radius:10px;transition:color .18s,background .18s;padding:4px 2px;position:relative;min-width:44px;min-height:44px}.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{position:absolute;top:4px;right:calc(50% - 18px);min-width:16px;height:16px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.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{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:0 16px;animation:fadeUp .2s cubic-bezier(.22,1,.36,1)}.legal-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #000000b3;animation:fadeUp .25s cubic-bezier(.22,1,.36,1)}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.legal-modal-title{font-size:17px;font-weight:700;color:var(--color-text);margin:0}.legal-modal-close{width:30px;height:30px;border-radius:8px;border:none;background:none;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.legal-modal-close:hover{background:var(--color-hover-bg);color:var(--color-text)}.legal-modal-body{padding:24px;overflow-y:auto}.legal-modal-text{font-size:14px;color:var(--color-text-muted);line-height:1.75;margin:0;white-space:pre-line}.legal-modal-updated{font-size:11px;color:var(--color-text-faint);margin-top:16px;opacity:.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0d0f14;color:#fff;position:relative;overflow:hidden}.loading-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);animation:loadGlow 2.5s ease-in-out infinite}@keyframes loadGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.loading-logo{width:160px;height:160px;object-fit:contain;object-position:center;border-radius:24px;margin-bottom:24px;position:relative;z-index:1;box-shadow:0 12px 36px #f9731647}.spinner{width:32px;height:32px;border:2.5px solid rgba(255,255,255,.08);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.maintenance-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#0d0f14;color:#fff;position:relative;overflow:hidden;padding:24px}.maintenance-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%);animation:loadGlow 3s ease-in-out infinite}.maintenance-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;position:relative;z-index:1;animation:fadeUp .6s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-image{width:200px;height:200px;object-fit:contain;margin-bottom:28px;animation:phoenixFloat 4s ease-in-out infinite}@keyframes phoenixFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.maintenance-title{font-size:32px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#f97316,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.maintenance-subtitle{font-size:16px;line-height:1.6;color:#94a3b8;margin:0 0 28px}.maintenance-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:24px}.maintenance-status-dot{width:8px;height:8px;border-radius:50%;background:#f97316;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.maintenance-retry-btn{padding:12px 28px;border-radius:12px;border:1px solid rgba(249,115,22,.3);background:#f9731614;color:#f97316;font-size:14px;font-weight:600;cursor:pointer;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)}