:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55;font-weight:400;color:#f0f4f8;background:#000;--bg: #000000;--bg-subtle: #060608;--panel: rgba(10, 10, 14, .72);--panel-strong: rgba(6, 6, 10, .92);--panel-hover: rgba(18, 18, 26, .82);--line: rgba(255, 255, 255, .07);--line-bright: rgba(99, 179, 237, .3);--text: #f0f4f8;--muted: #8b9cb7;--soft: #bcc8db;--accent: #60a5fa;--accent-secondary: #a78bfa;--accent-glow: rgba(96, 165, 250, .25);--danger: #f87171;--danger-glow: rgba(248, 113, 113, .2);--success: #34d399;--success-glow: rgba(52, 211, 153, .2);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow: 0 20px 60px rgba(0, 0, 0, .6), 0 4px 16px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 20px rgba(0, 0, 0, .4);--glass-blur: 24px;--motion-scale: 1;--cursor: rgba(96, 165, 250, .35);--transition: .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark-blue]{--bg: #020617;--bg-subtle: #0a1628;--panel: rgba(8, 15, 30, .75);--accent: #60a5fa;--accent-secondary: #818cf8;--accent-glow: rgba(96, 165, 250, .2);--cursor: rgba(96, 165, 250, .35)}:root[data-theme=pure-black]{--bg: #000000;--bg-subtle: #050505;--panel: rgba(5, 5, 8, .85);--panel-strong: rgba(0, 0, 0, .95);--accent: #e2e8f0;--accent-secondary: #94a3b8;--accent-glow: rgba(226, 232, 240, .12);--line-bright: rgba(255, 255, 255, .18);--cursor: rgba(255, 255, 255, .2)}:root[data-theme=midnight-glass]{--bg: #010a18;--bg-subtle: #061224;--panel: rgba(4, 12, 28, .6);--accent: #67e8f9;--accent-secondary: #22d3ee;--accent-glow: rgba(103, 232, 249, .2);--cursor: rgba(103, 232, 249, .35)}:root[data-theme=purple-glow]{--bg: #08001a;--bg-subtle: #0f0024;--panel: rgba(14, 6, 30, .75);--accent: #c084fc;--accent-secondary: #e879f9;--accent-glow: rgba(192, 132, 252, .25);--line-bright: rgba(192, 132, 252, .3);--cursor: rgba(192, 132, 252, .4)}:root[data-theme=razer-green]{--bg: #000a04;--bg-subtle: #001a0a;--panel: rgba(2, 14, 8, .78);--accent: #22c55e;--accent-secondary: #4ade80;--accent-glow: rgba(34, 197, 94, .25);--line-bright: rgba(34, 197, 94, .35);--cursor: rgba(34, 197, 94, .4)}:root[data-theme=rog-red]{--bg: #0a0101;--bg-subtle: #1a0404;--panel: rgba(20, 4, 6, .78);--accent: #fb7185;--accent-secondary: #f43f5e;--accent-glow: rgba(251, 113, 133, .25);--line-bright: rgba(251, 113, 133, .35);--cursor: rgba(251, 113, 133, .4)}:root[data-theme=minimal-dark]{--bg: #09090b;--bg-subtle: #18181b;--panel: rgba(24, 24, 27, .75);--panel-strong: rgba(18, 18, 20, .9);--accent: #e4e4e7;--accent-secondary: #a1a1aa;--accent-glow: rgba(228, 228, 231, .1);--line-bright: rgba(228, 228, 231, .2);--cursor: rgba(228, 228, 231, .2)}:root[data-glass=low]{--panel: rgba(8, 8, 12, .88);--glass-blur: 12px}:root[data-glass=high]{--panel: rgba(8, 8, 12, .45);--glass-blur: 36px}:root[data-motion=reduced]{--motion-scale: 0;--transition: .01s linear}:root[data-motion=enhanced]{--motion-scale: 1.4}.cursor-glow{position:fixed;top:-80px;left:-80px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--cursor) 0%,transparent 70%);pointer-events:none;z-index:9999;will-change:transform;transition:opacity .3s}:root[data-cursor-glow=off] .cursor-glow{display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--text)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}small{font-size:.8rem;color:var(--muted)}strong{font-weight:600}p{color:var(--soft);line-height:1.6}.shell{min-height:100vh}.side-nav{position:fixed;top:0;left:0;width:240px;height:100vh;padding:20px 12px;display:flex;flex-direction:column;gap:4px;background:var(--panel-strong);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:100;overflow-y:auto}.side-nav nav{display:flex;flex-direction:column;gap:2px;margin-top:16px}.shell-main{margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--panel-strong);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.topbar>div:first-child span{color:var(--muted);font-size:.8rem}.topbar>div:first-child strong{display:block;font-size:.9rem}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user span{font-size:.85rem;color:var(--soft)}.mobile-only{display:none}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-nav{position:fixed;top:0;left:0;width:220px;height:100vh;padding:20px 12px;display:flex;flex-direction:column;gap:4px;background:var(--panel-strong);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:100}.admin-nav nav{display:flex;flex-direction:column;gap:2px;margin-top:12px}.admin-nav-head{display:flex;align-items:center;justify-content:space-between}.admin-main{margin-left:220px;padding:24px;min-height:100vh}.admin-shell.is-collapsed{grid-template-columns:60px 1fr}.admin-shell.is-collapsed .admin-nav{width:60px;align-items:center}.admin-shell.is-collapsed .admin-main{margin-left:60px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--muted);font-size:.88rem;font-weight:500;transition:all var(--transition)}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:var(--accent);background:var(--accent-glow);box-shadow:inset 0 0 0 1px #ffffff0f}.brand-mark{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--text);padding:4px 8px}.brand-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent-glow);color:var(--accent)}.button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.88rem;font-weight:600;transition:all var(--transition);cursor:pointer;border:1px solid transparent}.button span{white-space:nowrap}.button-primary{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),0 2px 8px #0000004d}.button-primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 0 30px var(--accent-glow),0 4px 16px #0006}.button-primary:active{transform:translateY(0);filter:brightness(.95)}.button-ghost{background:#ffffff0a;color:var(--soft);border-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-ghost:hover{background:#ffffff14;color:var(--text);border-color:#ffffff26}.button-danger{background:var(--danger);color:#000;border-color:var(--danger);box-shadow:0 0 16px var(--danger-glow)}.button-danger:hover{filter:brightness(1.15);transform:translateY(-1px)}.button-glass{background:#ffffff0d;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0f}.button-glass:hover{background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.button:disabled{opacity:.5;pointer-events:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--muted);transition:all var(--transition)}.icon-button:hover{color:var(--text);background:#ffffff0f}.icon-button.active{color:var(--accent);background:var(--accent-glow)}.icon-button.danger{color:var(--danger)}.icon-button.danger:hover{background:var(--danger-glow)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.8rem;color:var(--muted);font-weight:500}.field input,.field textarea,.field select{padding:11px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line);color:var(--text);font-size:.9rem;transition:all var(--transition)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f;outline:none}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.6}.field small{font-size:.75rem;color:var(--muted)}.file-field{display:flex;flex-direction:column;gap:6px}.file-field>span{font-size:.8rem;color:var(--muted);font-weight:500}.file-field input[type=file]{padding:8px;border-radius:var(--radius-sm);background:#ffffff08;border:1px dashed var(--line)}.file-icon-button{position:relative;overflow:hidden}.file-icon-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.code-input{position:relative;display:flex;gap:8px}.code-input span{display:flex;align-items:center;justify-content:center;width:48px;height:56px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line);font-size:1.4rem;font-weight:700;color:var(--text);transition:all var(--transition)}.code-input span.is-filled{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);background:#ffffff0f}.code-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;font-size:1.4rem;letter-spacing:2.4em;padding-left:16px}.toggle{display:flex;align-items:center;gap:12px;padding:6px 0;cursor:pointer}.toggle-track{position:relative;width:40px;height:22px;border-radius:11px;background:#ffffff1a;border:1px solid var(--line);transition:all var(--transition)}.toggle-track span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:all var(--transition)}.toggle.is-on .toggle-track{background:var(--accent-glow);border-color:var(--accent)}.toggle.is-on .toggle-track span{left:20px;background:var(--accent)}.glass-card{padding:20px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-sm);transition:all var(--transition)}.glass-card h2{margin-bottom:12px}.glass-card h3{margin-bottom:8px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.7rem;color:#000;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:.6rem}.avatar-md{width:36px;height:36px}.avatar-lg{width:52px;height:52px;font-size:.9rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-online{background:var(--success);box-shadow:0 0 8px var(--success-glow)}.status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-glow);color:var(--accent);border:1px solid rgba(255,255,255,.06)}.pill-green{background:var(--success-glow);color:var(--success)}.pill-red{background:var(--danger-glow);color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-panel{width:min(480px,100%);border-radius:var(--radius);background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:1rem}.page,.app-page{padding:24px;max-width:1200px;margin:0 auto;width:100%}.page-heading{margin-bottom:24px}.page-heading h1{margin-top:8px}.page-heading p{margin-top:4px;font-size:.88rem}.page-error{padding:12px 16px;border-radius:var(--radius-sm);background:var(--danger-glow);color:var(--danger);font-size:.85rem;margin-bottom:16px;border:1px solid rgba(248,113,113,.2)}.success-line{color:var(--success);font-size:.85rem;margin-top:8px}.error-line{color:var(--danger);font-size:.85rem;margin-top:8px}.empty-state{color:var(--muted);font-size:.88rem;padding:24px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-glow);color:var(--accent)}.stat-card span{font-size:.78rem;color:var(--muted)}.stat-card strong{display:block;font-size:1.1rem}.stat-card small{font-size:.72rem;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.user-settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:none}.settings-row span{font-size:.85rem;color:var(--muted)}.settings-row strong{font-size:.85rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:16px}.theme-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff05;cursor:pointer;transition:all var(--transition)}.theme-choice span{width:32px;height:32px;border-radius:50%;background:var(--accent)}.theme-choice strong{font-size:.75rem;color:var(--muted)}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.theme-choice:hover{border-color:#ffffff26}.theme-dark-blue span{background:#60a5fa}.theme-pure-black span{background:#e2e8f0}.theme-midnight-glass span{background:#67e8f9}.theme-purple-glow span{background:#c084fc}.theme-razer-green span{background:#22c55e}.theme-rog-red span{background:#fb7185}.theme-minimal-dark span{background:#a1a1aa}.segmented-group{margin:12px 0}.segmented-group>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}.segmented-group>div{display:flex;gap:4px}.segmented-group button{padding:8px 16px;border-radius:var(--radius-xs);font-size:.8rem;font-weight:500;background:#ffffff08;border:1px solid var(--line);color:var(--muted);transition:all var(--transition)}.segmented-group button.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.segmented-group button:hover{border-color:#ffffff26}.theme-preview-card{text-align:center}.preview-bubbles{display:flex;justify-content:center;gap:8px;margin-top:12px}.preview-bubbles span{width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:.6;animation:pulse 1.5s ease-in-out infinite}.preview-bubbles span:nth-child(2){animation-delay:.2s}.preview-bubbles span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.chat-page .chat-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;max-width:1400px;margin:0 auto}.chat-panel{display:flex;flex-direction:column;min-height:600px;max-height:75vh}.chat-stream{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.message-row{display:flex;gap:12px;align-items:flex-start;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row.is-self{flex-direction:row-reverse}.message-row.is-self .message-bubble{background:var(--accent-glow);border-color:#ffffff14}.message-bubble{padding:12px 16px;border-radius:16px 16px 16px 4px;background:#ffffff0a;border:1px solid var(--line);max-width:65%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-row.is-self .message-bubble{border-radius:16px 16px 4px}.message-bubble>div{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-bubble strong{font-size:.82rem;color:var(--accent);font-weight:600}.message-bubble>div span{font-size:.7rem;color:var(--muted)}.message-bubble p{font-size:.9rem;color:var(--text);margin:0;line-height:1.5}.gif-image{max-width:240px;border-radius:10px;margin-top:8px;cursor:pointer;transition:transform .2s}.gif-image:hover{transform:scale(1.02)}.typing-line{padding:6px 20px;font-size:.75rem;color:var(--muted);min-height:24px;font-style:italic}.composer{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--line);background:#0003}.composer input{flex:1;padding:12px 16px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--line);font-size:.9rem;transition:all var(--transition)}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none;background:#ffffff14}.composer input::placeholder{color:var(--muted);opacity:.7}.channel-side{max-height:75vh;overflow-y:auto}.channel-side h2{font-size:.85rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.member-list{display:flex;flex-direction:column;gap:2px}.member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none;color:inherit;cursor:pointer}.member-row:hover{background:#ffffff0f}.member-row div{flex:1;min-width:0}.member-row strong{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row span{font-size:.72rem;color:var(--muted)}.device-indicator{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--muted);margin-top:2px}.device-icon{width:12px;height:12px}.status-idle{background:#fbbf24;box-shadow:0 0 8px #fbbf244d}.status-dnd{background:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.status-invisible{background:var(--muted)}.gif-modal .modal-panel{width:min(600px,100%);max-height:70vh;display:flex;flex-direction:column}.gif-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--line)}.gif-tab{padding:8px 16px;border-radius:var(--radius-xs);font-size:.82rem;font-weight:500;color:var(--muted);transition:all var(--transition);background:transparent}.gif-tab.active{color:var(--accent);background:var(--accent-glow)}.gif-tab:hover{background:#ffffff0a}.gif-search{padding:12px 16px;border-bottom:1px solid var(--line)}.gif-search input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line);font-size:.88rem}.gif-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;overflow-y:auto;max-height:400px}.gif-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition);border:2px solid transparent}.gif-tile:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 16px var(--accent-glow)}.gif-tile img{width:100%;height:100%;object-fit:cover}.gif-tile .fav-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;color:var(--muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gif-tile:hover .fav-btn{opacity:1}.gif-tile .fav-btn.is-fav{color:#fbbf24;opacity:1}.gif-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:.85rem}.dm-page .dm-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:600px;max-width:1400px;margin:0 auto}.dm-sidebar{overflow-y:auto;max-height:75vh}.dm-conversation{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.dm-conversation:hover{background:#ffffff0f}.dm-conversation.active{background:var(--accent-glow);border:1px solid rgba(255,255,255,.08)}.dm-conversation .dm-meta{flex:1;min-width:0}.dm-conversation .dm-meta strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conversation .dm-meta small{font-size:.75rem;color:var(--muted)}.dm-unread{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#000;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.podium-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.podium-card.rank-1{border-color:#facc154d;box-shadow:0 0 24px #facc151a}.podium-card.rank-2{border-color:#c0c0c04d}.podium-card.rank-3{border-color:#cd7f324d}.podium-card span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.podium-card strong{font-size:1.3rem;color:var(--accent)}.podium-card small{font-size:.75rem;color:var(--muted)}.leaderboard-table{display:flex;flex-direction:column;gap:2px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);transition:background var(--transition)}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row>span:first-child{width:28px;font-weight:700;color:var(--muted);text-align:center}.leaderboard-row div{flex:1;min-width:0}.leaderboard-row strong{display:block;font-size:.88rem}.leaderboard-row small{font-size:.75rem;color:var(--muted)}.leaderboard-row em{font-style:normal;font-size:.82rem;color:var(--accent);white-space:nowrap}.admin-table{display:flex;flex-direction:column;gap:2px}.admin-user-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);transition:background var(--transition);border:1px solid transparent}.admin-user-row:hover{background:#ffffff08}.admin-user-row.is-banned{border-color:#f871714d;background:#f871710d}.admin-user-row div{flex:1;min-width:0}.admin-user-row strong{display:block;font-size:.88rem}.admin-user-row small{font-size:.75rem;color:var(--muted)}.admin-user-row>span{font-size:.78rem;color:var(--muted)}.admin-user-row .field{max-width:100px}.row-actions{display:flex;gap:4px;flex-wrap:wrap}.ban-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--danger-glow);color:var(--danger);border:1px solid rgba(248,113,113,.2)}.ban-reason{font-size:.75rem;color:var(--muted);font-style:italic;margin-top:4px}.ip-address{font-family:Courier New,monospace;font-size:.8rem;color:var(--accent);background:#ffffff0a;padding:2px 8px;border-radius:4px}.device-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:.7rem;background:#ffffff0f;color:var(--muted)}.user-detail-modal .modal-panel{width:min(600px,100%);max-height:80vh;overflow-y:auto}.user-detail-section{padding:16px 20px;border-bottom:1px solid var(--line)}.user-detail-section:last-child{border-bottom:none}.user-detail-section h3{font-size:.85rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:none}.detail-row span{font-size:.82rem;color:var(--muted)}.detail-row strong{font-size:.82rem}.log-entry{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--line);margin-bottom:8px}.log-entry-header{display:flex;justify-content:space-between;align-items:center}.log-entry-action{font-size:.82rem;font-weight:600;color:var(--text)}.log-entry-time{font-size:.72rem;color:var(--muted)}.log-entry-details{font-size:.78rem;color:var(--soft)}.log-entry.failed{border-color:#f871714d;background:#f871710d}.log-entry.success{border-color:#34d3994d;background:#34d3990d}.admin-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}.admin-controls .field{min-width:140px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.admin-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.wide-card{grid-column:span 1}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-list>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}.activity-list>div:last-child{border-bottom:none}.activity-list small{margin-left:auto;color:var(--muted);font-size:.72rem;white-space:nowrap}.slot-meter{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden;margin-top:12px}.slot-meter span{display:block;height:100%;border-radius:3px;background:var(--accent);transition:width .4s ease}.music-table .music-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm)}.music-row .music-art.small{width:36px;height:36px;border-radius:8px;overflow:hidden;background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.music-row .music-art.small img{width:100%;height:100%;object-fit:cover}.music-row .yt-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#f44;text-decoration:none;opacity:.8}.music-row .yt-link:hover{opacity:1}.youtube-fetch-row{display:flex;align-items:flex-end;gap:10px}.youtube-fetch-row .text-field{flex:1}.cover-preview{width:80px;height:80px;border-radius:8px;overflow:hidden}.cover-preview img{width:100%;height:100%;object-fit:cover}.music-player{position:fixed;bottom:16px;left:16px;z-index:200;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow);max-width:320px}.music-player.is-compact{bottom:12px;left:12px;padding:8px 12px;max-width:260px;gap:8px}.music-player.is-expanded{max-width:340px}.music-art{width:40px;height:40px;border-radius:10px;overflow:hidden;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;cursor:pointer;transition:all var(--transition)}.music-art:hover{background:#ffffff1a}.music-art img{width:100%;height:100%;object-fit:cover}.music-player.is-compact .music-art{width:32px;height:32px;border-radius:8px}.music-info{flex:1;min-width:0}.music-title{display:block;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{display:block;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-controls{display:flex;align-items:center;gap:2px}.music-play-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-glow);color:var(--accent)}.music-play-btn:hover{background:var(--accent);color:#000}.music-toggle{position:absolute;top:6px;right:6px;width:22px;height:22px}.music-expanded-panel{width:100%;overflow:hidden}.music-progress{display:flex;align-items:center;gap:8px;padding:8px 0 4px}.music-time{font-size:.68rem;color:var(--muted);min-width:32px}.music-progress-bar{flex:1;height:4px;border-radius:2px;background:#ffffff14;cursor:pointer;position:relative}.music-progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .1s linear}.music-volume{display:flex;align-items:center;gap:8px;padding:4px 0}.music-volume input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border-radius:2px;outline:none}.music-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.music-resume-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;border-radius:var(--radius);z-index:10}.music-resume-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);background:var(--accent);color:#000;font-size:.8rem;font-weight:600}.music-resume-btn:hover{filter:brightness(1.15)}.builder-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg)}.builder-sidebar{display:flex;flex-direction:column;background:var(--panel-strong);border-right:1px solid var(--line)}.builder-sidebar-tabs{display:flex;flex-direction:column;gap:2px;padding:12px 8px;border-bottom:1px solid var(--line)}.builder-tab{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);font-size:.82rem;color:var(--muted);transition:all var(--transition)}.builder-tab:hover{color:var(--text);background:#ffffff0a}.builder-tab.active{color:var(--accent);background:var(--accent-glow)}.builder-sidebar-content{flex:1;padding:12px;overflow-y:auto}.builder-elements{display:flex;flex-direction:column;gap:4px}.builder-element-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.82rem;color:var(--soft);border:1px solid var(--line);background:#ffffff05;transition:all var(--transition)}.builder-element-btn:hover{border-color:var(--accent);color:var(--text);background:var(--accent-glow)}.builder-pages-list{display:flex;flex-direction:column;gap:4px}.builder-page-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.82rem;color:var(--muted);transition:all var(--transition)}.builder-page-btn.active{color:var(--accent);background:var(--accent-glow)}.builder-page-btn:hover{color:var(--text);background:#ffffff0a}.builder-hint{font-size:.8rem;color:var(--muted);padding:8px 0}.builder-style-controls label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.builder-style-controls select{padding:8px;border-radius:var(--radius-xs);background:#ffffff0a;border:1px solid var(--line);color:var(--text)}.builder-settings-panel p{font-size:.82rem;margin-bottom:6px}.builder-main{display:flex;flex-direction:column;min-height:100vh}.builder-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel-strong);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.builder-topbar-left{display:flex;align-items:center;gap:12px}.builder-topbar-left h2{font-size:.95rem}.builder-message{font-size:.78rem;color:var(--success)}.builder-topbar-actions{display:flex;align-items:center;gap:8px}.builder-canvas{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-width:900px;margin:0 auto;width:100%}.builder-canvas.is-mobile{max-width:400px}.builder-canvas.is-preview .builder-block{pointer-events:none}.builder-canvas.is-preview .builder-block-toolbar{display:none}.builder-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--muted)}.builder-block{position:relative;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition);min-height:40px}.builder-block:hover{border-color:#ffffff14;background:#ffffff05}.builder-block.is-selected{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);background:#ffffff08}.builder-block-toolbar{position:absolute;top:-32px;right:8px;display:flex;gap:4px;padding:4px;border-radius:var(--radius-xs);background:var(--panel-strong);border:1px solid var(--line)}.builder-block-toolbar .icon-button{width:26px;height:26px}.builder-inline-edit{width:100%;min-height:60px;padding:8px;border-radius:var(--radius-xs);background:#ffffff0a;border:1px solid var(--accent);font-size:.9rem;resize:vertical}.builder-preview-heading{font-size:1.4rem;font-weight:700}.builder-preview-para{font-size:.9rem;color:var(--soft)}.builder-preview-button{padding:10px 20px;border-radius:12px;background:var(--accent);color:#000;font-weight:600;font-size:.85rem}.builder-preview-card{padding:16px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line)}.builder-preview-image{display:flex;align-items:center;justify-content:center;min-height:80px;border-radius:var(--radius-sm);background:#ffffff08;color:var(--muted)}.builder-preview-image img{max-width:100%;border-radius:var(--radius-sm)}.builder-preview-spacer{height:32px}.builder-preview-divider{border:none;border-top:1px solid var(--line);margin:8px 0}.auth-page{display:flex;flex-direction:column;min-height:100vh}.public-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.public-header.compact{padding:12px 24px}.public-header nav{display:flex;gap:16px}.public-header nav a{font-size:.85rem;color:var(--muted);font-weight:500}.public-header nav a:hover{color:var(--text)}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:40px auto;padding:0 24px;width:100%;align-items:start}.auth-card{max-width:420px}.auth-card h1{margin:12px 0 20px}.auth-aside{display:flex;flex-direction:column;gap:16px;padding-top:40px}.auth-note{display:flex;align-items:flex-start;gap:12px}.auth-note p{font-size:.85rem}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack .button{margin-top:8px}.form-links{display:flex;gap:16px;margin-top:12px;font-size:.82rem}.form-links a{color:var(--accent)}.landing-page{max-width:100%;padding:0}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:60px 24px;text-align:center;overflow:hidden}.hero-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.route-line{position:absolute;width:1px;height:40%;background:linear-gradient(to bottom,transparent,var(--accent-glow),transparent);opacity:.4}.route-a{left:20%;top:10%;transform:rotate(15deg)}.route-b{right:25%;top:20%;transform:rotate(-10deg)}.route-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.5;animation:float 4s ease-in-out infinite}.dot-a{left:30%;top:30%}.dot-b{right:35%;top:50%;animation-delay:1s}.dot-c{left:50%;top:70%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-copy{position:relative;z-index:2;max-width:640px}.hero-copy h1{font-size:3rem;margin:12px 0 8px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-line{font-size:1.2rem;font-weight:500;color:var(--soft);margin-bottom:12px}.hero-copy p{font-size:.95rem;color:var(--muted);max-width:480px;margin:0 auto 24px}.hero-actions{display:flex;gap:12px;justify-content:center}.hero-console{position:relative;z-index:2;margin-top:48px;width:min(560px,100%);border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));overflow:hidden}.console-top{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line)}.console-top span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.console-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:16px}.console-grid>div{text-align:center}.console-grid small{font-size:.7rem;color:var(--muted);display:block}.console-grid strong{font-size:.85rem;display:block;margin-top:2px}.console-wave{display:flex;align-items:flex-end;gap:2px;padding:12px 16px;height:40px}.console-wave span{flex:1;background:var(--accent);opacity:.3;border-radius:2px 2px 0 0;animation:wave 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * 50ms)}@keyframes wave{0%,to{height:20%}50%{height:80%}}.feature-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:40px 24px;max-width:1000px;margin:0 auto}.feature-card{text-align:center}.feature-card h2{font-size:.95rem;margin:10px 0 6px}.feature-card p{font-size:.82rem}.launch-band{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1000px;margin:0 auto;width:100%}.launch-band>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem}.launch-band a{font-size:.85rem}.profile-page .profile-header{display:flex;gap:20px;align-items:center;margin-bottom:24px}.profile-page .profile-banner{height:120px;border-radius:var(--radius);background:linear-gradient(135deg,var(--panel),var(--accent-glow));margin-bottom:-40px}.profile-page .profile-info{flex:1}.profile-page .profile-info h1{font-size:1.3rem}.profile-page .profile-info small{color:var(--muted)}.lobby-page .lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.lobby-page .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.welcome-card{display:flex;gap:16px;align-items:flex-start}.welcome-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-glow);color:var(--accent);flex-shrink:0}.compact-feed{display:flex;flex-direction:column;gap:8px}.compact-feed>div{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--line)}.compact-feed>div:last-child{border-bottom:none}.compact-feed strong{font-size:.82rem}.compact-feed span{font-size:.8rem;color:var(--soft)}.compact-feed small{font-size:.72rem;color:var(--muted);margin-top:2px}.rank-list{display:flex;flex-direction:column;gap:6px}.rank-row{display:flex;align-items:center;gap:10px;padding:6px 0}.rank-row>span:first-child{width:20px;font-weight:700;color:var(--muted);font-size:.8rem}.rank-row strong{flex:1;font-size:.85rem}.rank-row em{font-style:normal;color:var(--accent);font-size:.82rem;font-weight:600}.glass-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--line);color:var(--soft);font-size:.82rem;font-weight:500;transition:all var(--transition);text-decoration:none}.glass-link:hover{background:#ffffff14;border-color:var(--accent);color:var(--text)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-mark{width:40px;height:40px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.loading-screen p{font-size:.85rem;color:var(--muted)}.skeleton-stack{display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;border-radius:4px;background:#ffffff0f;animation:shimmer 1.5s ease-in-out infinite;animation-delay:var(--delay, 0ms)}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.error-boundary{display:grid;place-items:center;min-height:100vh;padding:24px}.error-card{text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px}.ui-preview-page .ui-section{margin-bottom:32px}.ui-preview-page .ui-section h2{margin-bottom:12px;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.ui-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ui-row-col{flex-direction:column;align-items:stretch;max-width:400px}.ui-chat-demo{max-width:500px}.ui-music-demo{display:flex;align-items:center;gap:12px}@media(max-width:1040px){.dashboard-grid,.admin-dashboard-grid,.auth-grid{grid-template-columns:1fr}.auth-aside{display:none}}@media(max-width:780px){.side-nav{transform:translate(-100%);transition:transform .3s ease}.side-nav.is-open{transform:translate(0)}.shell-main{margin-left:0}.mobile-only{display:flex}.topbar-user span{display:none}.chat-page .chat-layout{grid-template-columns:1fr}.channel-side{display:none}.dm-page .dm-layout{grid-template-columns:1fr}.dm-sidebar{display:none}.podium,.admin-shell{grid-template-columns:1fr}.admin-nav{transform:translate(-100%)}.admin-main{margin-left:0}.builder-shell{grid-template-columns:1fr}.builder-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;transform:translate(-100%)}.feature-strip{grid-template-columns:1fr}.gif-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-copy h1{font-size:2rem}.hero-actions{flex-direction:column}.code-input span{width:40px;height:48px;font-size:1.2rem}.music-player{left:8px;bottom:8px;max-width:calc(100vw - 16px)}}