:root{--primary: #00a0da;--primary-rgb: 0, 160, 218;--ice: #9fe8ff;--ice-rgb: 159, 232, 255;--hot: #ff6b1a;--hot-rgb: 255, 107, 26;--accent: var(--primary);--accent-cool: #78dcff;--success: #00ff00;--warning: #ffaa00;--error: #ff0000;--bg-dark: #080c0f;--bg-card: rgba(20, 20, 20, .9);--bg-secondary: rgba(9, 17, 22, .82);--text-primary: #eaf7ff;--text-secondary: rgba(168, 198, 217, .78);--text-muted: rgba(168, 198, 217, .62);--border-color: rgba(255, 255, 255, .1);--glass-border: rgba(var(--primary-rgb), .22);--glass-ring: rgba(var(--ice-rgb), .1);--focus-ring: rgba(var(--primary-rgb), .45);--focus-ring-soft: rgba(var(--primary-rgb), .2);--panel-border: rgba(var(--primary-rgb), .18);--panel-shadow: 0 18px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(120, 220, 255, .07), inset 0 1px 0 rgba(255, 255, 255, .06);--glass-panel-bg: linear-gradient(180deg, rgba(8, 12, 15, .78), rgba(10, 18, 24, .56)), radial-gradient(circle at 18% 20%, rgba(var(--primary-rgb), .14), rgba(0, 0, 0, 0) 52%), radial-gradient(circle at 82% 62%, rgba(var(--ice-rgb), .1), rgba(0, 0, 0, 0) 56%);--surface-item-bg: rgba(0, 0, 0, .22);--surface-item-border: rgba(var(--primary-rgb), .1);--surface-item-hover-bg: rgba(var(--primary-rgb), .08);--surface-item-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);--surface-item-backdrop: blur(12px) saturate(1.08);--surface-tab-active-bg: linear-gradient(180deg, rgba(var(--primary-rgb), .22), rgba(0, 0, 0, .22));--surface-tab-active-border: rgba(var(--primary-rgb), .34);color-scheme:dark;--neuro-opacity: .92;--neuro-saturate: 1.25;--neuro-contrast: 1.1;--neuro-brightness: 1.22;--logo-emissive-intensity: 1.35;--logo-rim-intensity: 1.15;--logo-bloom-threshold: .3;--logo-bloom-strength: .9;--logo-bloom-radius: .5;--logo-bloom-exposure: .9}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--bg-dark);background-image:linear-gradient(180deg,#080c0feb,#080c0ffc 56%,#080c0f),radial-gradient(circle at 70% 28%,rgba(var(--primary-rgb),.14),#0000 52%),radial-gradient(circle at 18% 72%,rgba(var(--ice-rgb),.08),#0000 56%),radial-gradient(circle at 46% 32%,rgba(var(--hot-rgb),.1),#0000 62%);background-size:cover,cover,cover,cover;background-position:center top,center,center,center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;text-align:center;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(to bottom,#ffffff05,#00000005 2px,#00000005 3px);mix-blend-mode:overlay;opacity:.14}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");background-size:240px 240px;mix-blend-mode:overlay;opacity:.06}body.home:before{background:repeating-linear-gradient(to bottom,#ffffff05,#00000005 2px,#00000005 3px),radial-gradient(circle at 50% 28%,rgba(var(--primary-rgb),.1),#0000 58%),radial-gradient(circle at 46% 32%,rgba(var(--hot-rgb),.1),#0000 62%);opacity:.35}body.home:after{opacity:.085}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}a{color:inherit}.home-stage{position:relative;z-index:2;margin-top:0;min-height:100vh;width:100%;overflow:hidden;background:transparent}.home-stage>.logo-3d-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.home-stage>.home-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;display:block;z-index:20;pointer-events:none}.home-stage>.home-overlay>*{pointer-events:auto}.navbar{--nav-pad-x: 22px;position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#0a0a0edb,#0a0a0eb3),radial-gradient(circle at 20% 30%,rgba(var(--primary-rgb),.14),#0000 52%),radial-gradient(circle at 75% 55%,rgba(var(--hot-rgb),.07),#0000 58%),repeating-linear-gradient(to bottom,#ffffff04,#00000005 2px,#00000005 3px);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:18px;align-items:center;justify-content:stretch;padding:0 var(--nav-pad-x);z-index:1200;border-bottom:1px solid var(--panel-border);box-shadow:0 12px 40px #0000008c,0 0 0 1px #78dcff0f}.nav-logo{grid-column:1;justify-self:start;position:static;display:flex;align-items:center}.nav-logo-img{height:40px;width:auto}.nav-links{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:22px}.nav-auth,.hamburger{grid-column:3;justify-self:end}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 6px;color:#ecebf3b3;text-decoration:none;font-weight:500;border-radius:999px;transition:color .2s,text-shadow .2s,filter .2s}.nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--primary-rgb),0),rgba(var(--primary-rgb),.95),rgba(var(--ice-rgb),.65),rgba(var(--primary-rgb),0));transform:scaleX(0);transform-origin:center;transition:transform .18s ease;opacity:.85}.nav-link:hover{color:#ffffffeb;background:transparent;filter:none;text-shadow:0 0 14px rgba(var(--primary-rgb),.35)}.nav-link.active{color:#ffffffeb}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link:focus-visible{outline-offset:4px}.nav-auth{grid-column:3;justify-self:end;position:static;display:flex;align-items:center}.nav-btn{background:linear-gradient(180deg,rgba(var(--primary-rgb),.22),#00000038)!important;border:1px solid rgba(var(--primary-rgb),.35)!important;color:#ffffffeb!important;padding:8px 20px;border-radius:20px;text-decoration:none;font-weight:500;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);box-shadow:0 10px 34px #00000073,0 0 28px rgba(var(--primary-rgb),.16),inset 0 1px #ffffff1a;transition:transform .2s,box-shadow .2s,filter .2s}.nav-btn:hover{transform:scale(1.05);filter:brightness(1.06);box-shadow:0 12px 40px #00000080,0 0 40px rgba(var(--primary-rgb),.24),inset 0 1px #ffffff1f}.user-info{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.user-info-toggle{display:flex;align-items:center;gap:10px}.user-dropdown{display:none;position:absolute;top:100%;right:0;padding-top:10px;background:transparent;z-index:1000}.user-dropdown-inner{position:relative;background:var(--glass-panel-bg),repeating-linear-gradient(to bottom,#ffffff04,#00000005 2px,#00000005 3px);border:1px solid rgba(var(--primary-rgb),.2);border-radius:8px;min-width:150px;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 18px 55px #00000094,0 0 0 1px #78dcff12,0 0 30px rgba(var(--primary-rgb),.1),inset 0 1px #ffffff0f}.user-info:hover .user-dropdown,.user-info.dropdown-open .user-dropdown{display:block}.user-dropdown-inner:before{content:"";position:absolute;top:-6px;right:15px;width:10px;height:10px;background:#0a0a0eb8;border-left:1px solid rgba(var(--primary-rgb),.2);border-top:1px solid rgba(var(--primary-rgb),.2);transform:rotate(45deg)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:only-child{border-radius:8px}.dropdown-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--ice)}.btn,button.btn,a.btn,button#lookup-btn,button#add-btn,button#add-song-btn,button#set-favorite-btn,button#save-btn,.btn-save{background:linear-gradient(180deg,rgba(var(--primary-rgb),.18),#0000003d)!important;border:1px solid rgba(var(--primary-rgb),.28)!important;color:#ffffffeb!important;border-radius:10px!important;box-shadow:0 14px 44px #00000085,0 0 30px rgba(var(--primary-rgb),.14),inset 0 1px #ffffff1a!important;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}.btn:hover,button.btn:hover,a.btn:hover,button#lookup-btn:hover,button#add-btn:hover,button#add-song-btn:hover,button#set-favorite-btn:hover,button#save-btn:hover,.btn-save:hover{filter:brightness(1.06)}.btn.btn-secondary,.btn-secondary{background:#00000047!important;border:1px solid rgba(120,220,255,.12)!important;box-shadow:inset 0 1px #ffffff12!important}.btn.btn-danger,.btn-danger{background:linear-gradient(180deg,#ff00002e,#00000047)!important;border:1px solid rgba(255,0,0,.28)!important;color:#ffffffeb!important}.btn.btn-warning,.btn-warning{background:linear-gradient(180deg,#ffaa0029,#00000047)!important;border:1px solid rgba(255,170,0,.26)!important;color:#ffffffeb!important}.btn.btn-success,.btn-success{background:linear-gradient(180deg,#00ff0024,#00000047)!important;border:1px solid rgba(0,255,0,.22)!important;color:#ffffffeb!important}input[type=text],input[type=search],input[type=url],input[type=number],textarea,select,.leaderboard-select,.setting-select,input#add-song-input{background:#00000047!important;border:1px solid rgba(var(--primary-rgb),.16)!important;color:#ffffffeb!important;border-radius:10px!important;box-shadow:0 10px 34px #00000073,inset 0 1px #ffffff0f!important;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}input[type=text]:focus,input[type=search]:focus,input[type=url]:focus,textarea:focus,select:focus,.leaderboard-select:focus,.setting-select:focus,input#add-song-input:focus{outline:none;border-color:rgba(var(--primary-rgb),.38)!important;box-shadow:0 0 0 1px rgba(var(--primary-rgb),.24),0 0 32px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff0f!important}.dropdown-divider{height:1px;background:var(--border-color);margin:0}.dropdown-icon{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;opacity:.7}.dropdown-arrow{width:12px;height:12px;min-width:12px;min-height:12px;flex-shrink:0;transition:transform .2s;opacity:.7}.user-info:hover .dropdown-arrow,.user-info.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.hamburger{display:none!important;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1201;grid-column:3;justify-self:end;position:static}.hamburger-line{display:block;width:100%;height:3px;background:var(--text-primary);border-radius:3px;transition:all .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.user-avatar{width:35px;height:35px;border-radius:50%;border:2px solid var(--primary)}.hidden{display:none!important}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;max-width:100%;z-index:1;position:relative;margin-top:60px}.home-wordmark{display:grid;place-items:center;gap:10px;width:min(760px,100%)}.home-overlay{pointer-events:none}.home-overlay a,.home-overlay button{pointer-events:auto}.home-overlay:before{content:none}.home-overlay>*{position:relative;z-index:1}.home-text{width:min(560px,92vw);height:auto}.home-tagline{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;color:var(--text-muted);text-shadow:0 0 18px rgba(var(--primary-rgb),.18)}.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px}.home-pill{color:#eaf7ffeb;text-decoration:none;font-weight:650;letter-spacing:.02em;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ffffff1f,#ffffff0a),radial-gradient(circle at 35% 30%,rgba(var(--primary-rgb),.14),#0000 58%),radial-gradient(circle at 55% 45%,rgba(var(--hot-rgb),.1),#0000 62%);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff1a;transition:transform .15s ease,border-color .15s ease,background .15s ease}.home-pill:hover{transform:translateY(-1px);border-color:#ffffff47}.logo-3d-wrap{position:relative;width:100%;height:100vh;display:grid;place-items:center;z-index:5;filter:drop-shadow(0 0 30px rgba(var(--primary-rgb),.35)) drop-shadow(0 0 60px rgba(var(--hot-rgb),.15));transform:translateZ(0);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.logo-3d-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;z-index:1;background:transparent}.logo-3d-wrap canvas#logo3d{position:relative;z-index:2;width:100%;height:100%;display:block;border-radius:0;background:transparent}.logo-3d-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;z-index:3;background:radial-gradient(circle at 50% 45%,rgba(var(--primary-rgb),.1),#0000 55%),radial-gradient(circle at 42% 55%,rgba(var(--hot-rgb),.1),#0000 62%),radial-gradient(circle at 60% 55%,rgba(var(--ice-rgb),.05),#0000 60%);opacity:.18;pointer-events:none}.logo-3d-wrap .crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(to bottom,#ffffff08,#ffffff03,#0000000d,#0000000d 3px),linear-gradient(90deg,rgba(var(--hot-rgb),.08),rgba(var(--primary-rgb),.1),rgba(var(--ice-rgb),.06),#ffffff05);mix-blend-mode:overlay;opacity:.22;animation:crt-flicker 3.5s infinite}.logo-3d-wrap .logo-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .14s ease}html.has-3d-logo .logo-3d-wrap .logo-fallback{display:none}html.logo3d-failed .logo-3d-wrap .logo-fallback{opacity:1;visibility:visible}.logo-3d-wrap .logo-fallback img{width:min(46vw,560px);max-width:min(46vw,560px);height:auto;opacity:.6;filter:drop-shadow(0 0 24px rgba(var(--primary-rgb),.2)) drop-shadow(0 0 70px rgba(var(--ice-rgb),.1))}@keyframes crt-flicker{0%,to{opacity:.4}50%{opacity:.55}60%{opacity:.45}70%{opacity:.6}}@media (prefers-reduced-motion: reduce){.logo-3d-wrap .crt-overlay,.home-stats:after{animation:none!important}.nav-btn,.btn,.nav-link{transition:none!important}.nav-btn:hover{transform:none!important}}canvas#neuro{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--neuro-opacity);z-index:1;mix-blend-mode:screen;filter:saturate(var(--neuro-saturate)) contrast(var(--neuro-contrast)) brightness(var(--neuro-brightness))}.stats-widget{background:linear-gradient(180deg,#080c0fc7,#0a12188f),radial-gradient(circle at 20% 15%,rgba(var(--primary-rgb),.12),#0000 50%),radial-gradient(circle at 85% 65%,rgba(var(--ice-rgb),.08),#0000 56%);border:1px solid rgba(var(--primary-rgb),.16);border-radius:15px;padding:18px 22px;margin-top:30px;box-shadow:0 18px 60px #0000008c,0 0 0 1px #78dcff12,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}.home-stats{width:100%;margin-top:0;max-width:900px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:linear-gradient(180deg,#080c0fcc,#0a121894),radial-gradient(circle at 20% 15%,rgba(var(--primary-rgb),.16),#0000 52%),radial-gradient(circle at 85% 65%,rgba(var(--ice-rgb),.1),#0000 56%),repeating-linear-gradient(to bottom,#ffffff05,#00000005 2px,#00000005 3px);border:1px solid rgba(var(--primary-rgb),.22);box-shadow:0 22px 70px #0000008c,0 0 0 1px #78dcff1a,0 0 34px rgba(var(--primary-rgb),.12),inset 0 1px #ffffff14;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.home-overlay .home-stats{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,92vw)}.home-stats-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-stats-header h3{margin:0;font-size:.95em;letter-spacing:.08em;text-transform:uppercase;line-height:1;display:flex;align-items:center;height:32px}.home-status{display:flex;align-items:center;gap:8px;color:#ecebf3d9;font-weight:700;font-size:.9em;letter-spacing:.06em;text-transform:uppercase;height:32px;padding:0 10px;line-height:1;border-radius:999px;border:1px solid rgba(var(--primary-rgb),.22);background:#00000038;box-shadow:inset 0 1px #ffffff0f}.home-stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;pointer-events:none;background:radial-gradient(circle at 15% 10%,#ffffff29,#fff0 42%),linear-gradient(120deg,#ffffff0f,#fff0 45%);opacity:.38}.home-stats{position:relative;overflow:hidden}.home-stats:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(var(--primary-rgb),.08),#0000 58%),linear-gradient(90deg,#00000038,#0000 18%,#0000 82%,#00000038);opacity:.55;mix-blend-mode:overlay;animation:crt-flicker 5.5s infinite}.home-stats-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-stat-card{min-height:58px;border-radius:14px;padding:10px;border:1px solid rgba(var(--primary-rgb),.16);background:linear-gradient(180deg,#0000002e,#00000059),radial-gradient(circle at 35% 20%,rgba(var(--primary-rgb),.1),#0000 60%);box-shadow:0 0 18px rgba(var(--primary-rgb),.08),inset 0 1px #ffffff0f}.home-stat-card .stat-value{font-size:1.7em;line-height:1.05;text-shadow:0 0 18px rgba(var(--primary-rgb),.16)}.home-stat-card .stat-label{font-size:.82em;color:#ecebf3b8;letter-spacing:.12em;text-transform:uppercase}.home-stats h3{color:#ffffffeb;text-shadow:0 0 18px rgba(var(--primary-rgb),.22)}.stats-widget h3{margin:0 0 20px;color:var(--primary);font-size:1.2em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2em;font-weight:700;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.9em;margin-top:5px}.bot-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-secondary)}.status-dot.online{background:var(--success);box-shadow:0 0 10px var(--success)}.status-dot.offline{background:var(--error)}.page-container{width:100%;max-width:1200px;padding:30px 20px;margin-top:60px;z-index:1;position:relative}.page-title{font-size:2em;margin-bottom:10px;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);margin-bottom:30px}.utilities-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 24px}.utility-tab{padding:10px 18px;border-radius:999px;border:1px solid rgba(var(--primary-rgb),.18);background:#00000042;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.utility-tab:hover{transform:translateY(-1px);border-color:rgba(var(--primary-rgb),.3)}.utility-tab.active{background:var(--surface-tab-active-bg);border-color:var(--surface-tab-active-border);color:var(--text-primary);box-shadow:var(--panel-shadow)}.utility-section{display:none}.utility-section.active{display:block;animation:utility-fade .2s ease}@keyframes utility-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{background:linear-gradient(180deg,#080c0fc7,#0a12188f),radial-gradient(circle at 20% 15%,rgba(var(--primary-rgb),.1),#0000 52%),radial-gradient(circle at 85% 65%,rgba(var(--ice-rgb),.07),#0000 56%);border:1px solid rgba(var(--primary-rgb),.14);border-radius:15px;padding:25px;box-shadow:0 16px 55px #0000008c,0 0 0 1px #78dcff0f,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.card+.card{margin-top:20px}.card-title{margin:0 0 15px;font-size:1.2em;color:var(--text-primary)}.now-playing-widget{display:flex;gap:25px;align-items:flex-start}.player-controls{display:flex;gap:10px;margin-top:14px;align-items:center}.control-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(var(--primary-rgb),.18);background:#00000042;color:#ffffffeb;cursor:pointer;box-shadow:0 12px 40px #0000008c,0 0 22px rgba(var(--primary-rgb),.1),inset 0 1px #ffffff0f;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);transition:transform .12s ease,filter .2s ease,border-color .2s ease}.control-btn:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(var(--primary-rgb),.3)}.control-btn.primary{background:linear-gradient(180deg,rgba(var(--primary-rgb),.22),#00000038);border-color:rgba(var(--primary-rgb),.34);box-shadow:0 16px 55px #0009,0 0 34px rgba(var(--primary-rgb),.18),inset 0 1px #ffffff1a}.control-btn.stop{border-color:#ff00003d;box-shadow:0 14px 44px #00000094,0 0 28px #ff00001a,inset 0 1px #ffffff0f}.queue-item-btn{border:1px solid rgba(var(--primary-rgb),.18);background:#00000038;color:#ffffffe6;border-radius:10px;cursor:pointer;padding:6px 10px;backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08)}.queue-item-btn.danger{border-color:#ff00003d;color:#ffb4bef2}.now-playing-thumbnail{width:200px;height:200px;border-radius:10px;object-fit:cover;background:var(--bg-dark)}.now-playing-info{flex:1;text-align:left}.now-playing-title{font-size:1.5em;font-weight:700;margin-bottom:5px}.now-playing-artist{color:var(--text-secondary);margin-bottom:20px}.progress-container{margin-bottom:15px}.progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:5px;cursor:pointer;position:relative;touch-action:none}.progress-bar:before{content:"";position:absolute;top:-12px;bottom:-12px;left:0;right:0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#ff006a80);border-radius:3px;transition:width .3s ease;pointer-events:none}.progress-bar.dragging .progress-fill{transition:none}.progress-time{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.85em}.queue-preview{margin-top:25px}.queue-preview h4{margin:0 0 15px;color:var(--text-secondary);font-size:.9em;text-transform:uppercase;letter-spacing:1px}.queue-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff05;border-radius:8px;margin-bottom:8px}.queue-item-number{width:25px;color:var(--text-secondary);font-weight:500}.queue-item-info{flex:1;text-align:left;overflow:hidden}.queue-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist{color:var(--text-secondary);font-size:.85em}.leaderboard-controls{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.leaderboard-select{padding:10px 15px;background:#00000047;border:1px solid rgba(var(--primary-rgb),.16);border-radius:8px;color:var(--text-primary);font-size:1em;cursor:pointer}.leaderboard-select:focus{outline:none;border-color:var(--primary)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.leaderboard-table th{color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:.85em;letter-spacing:1px}.leaderboard-rank{width:60px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-weight:700}.rank-1{background:linear-gradient(135deg,gold,orange);color:#000}.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.leaderboard-user{display:flex;align-items:center;gap:12px}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-dark)}.leaderboard-time{color:var(--primary);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.dashboard-card{background:var(--glass-panel-bg);border:1px solid rgba(var(--primary-rgb),.14);border-radius:15px;padding:25px;box-shadow:0 16px 55px #0000008c,0 0 0 1px #78dcff0f,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.dashboard-card h3{margin:0 0 20px;color:var(--primary)}.guild-list{display:flex;flex-direction:column;gap:10px}.guild-item{display:flex;align-items:center;gap:12px;padding:12px;background:#00000038;border:1px solid rgba(var(--primary-rgb),.1);border-radius:8px;cursor:pointer;transition:background .2s}.guild-item:hover{background:rgba(var(--primary-rgb),.08)}.guild-icon{width:45px;height:45px;border-radius:50%;background:var(--bg-dark)}.guild-info{text-align:left}.guild-name{font-weight:500}.guild-role{font-size:.85em;color:var(--text-secondary)}.playlist-list{max-height:300px;overflow-y:auto}.playlist-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#00000038;border:1px solid rgba(var(--primary-rgb),.1);border-radius:8px;margin-bottom:8px}.playlist-info{display:flex;align-items:center;gap:12px;text-align:left}.platform-icon{font-size:1.5em}.playlist-name{font-weight:500}.delete-btn{background:transparent;border:none;color:var(--error);cursor:pointer;padding:5px 10px;font-size:1em}.delete-btn:hover{opacity:.7}.empty-state{padding:40px;color:var(--text-secondary);text-align:center}.empty-state-icon{font-size:3em;margin-bottom:15px;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav-item,.mobile-nav-divider,.mobile-user-info,.mobile-login-btn{display:none!important}html.nav-open,body.nav-open{height:100%;overflow:hidden}.nav-scrim{display:none}@media screen and (max-width: 1200px){.navbar{--nav-pad-x: 15px}.hamburger{display:flex!important}.nav-auth{display:none!important}.nav-links{display:none!important;position:fixed;top:60px;left:calc(0px - var(--nav-pad-x));right:calc(0px - var(--nav-pad-x));bottom:0;width:auto;max-width:none;margin:0;transform:none;grid-column:1 / -1;justify-self:stretch;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px 18px;background:linear-gradient(180deg,#070b0fdb,#070b0fc7),radial-gradient(circle at 20% 15%,rgba(var(--primary-rgb),.08),#0000 52%),radial-gradient(circle at 85% 65%,rgba(var(--ice-rgb),.06),#0000 56%);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;border-top:none;box-shadow:0 24px 80px #000000b3;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);z-index:1200}.nav-links.active{display:flex!important}.nav-scrim{display:none;position:fixed;left:calc(0px - var(--nav-pad-x));right:calc(0px - var(--nav-pad-x));width:auto;transform:none;top:60px;bottom:0;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1100}.nav-scrim.active{display:block}.nav-links .nav-link,.nav-links .mobile-nav-item,.nav-links .mobile-login-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:46px;width:100%;padding:12px 14px;border-radius:14px;text-align:left;text-decoration:none;font-weight:600;color:#ffffffeb;background:#00000024;border:1px solid rgba(var(--primary-rgb),.1);box-shadow:var(--surface-item-shadow);backdrop-filter:blur(8px) saturate(1.04);-webkit-backdrop-filter:blur(8px) saturate(1.04);transition:transform .15s ease,border-color .15s ease,background .15s ease}.nav-links .nav-link:after{content:none}.nav-links .nav-link:hover,.nav-links .mobile-nav-item:hover,.nav-links .mobile-login-btn:hover{color:#ffffffeb;background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.16);transform:translateY(-1px);text-shadow:none}.nav-links .nav-link.active{background:var(--surface-tab-active-bg);border-color:var(--surface-tab-active-border)}.nav-item-icon{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;opacity:.8}.mobile-nav-item{display:none!important}.mobile-nav-item.visible{display:flex!important}.mobile-nav-divider{display:none!important;width:100%;height:1px;background:rgba(var(--primary-rgb),.14);margin:4px 0;opacity:.9}.mobile-nav-divider.visible{display:block!important;margin-top:12px}.mobile-user-info{display:none!important;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;width:100%;color:var(--text-secondary);font-weight:500;border-radius:14px;background:var(--glass-panel-bg);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:var(--panel-shadow);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.mobile-user-info.visible{display:flex!important}#mobile-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-info .user-avatar{width:28px;height:28px;border-width:1px}.mobile-login-btn{display:none!important}.mobile-login-btn.visible{display:flex!important}}@media screen and (max-width: 768px){.navbar{--nav-pad-x: 15px}.hamburger{display:flex!important}.nav-links{display:none!important;position:fixed;top:60px;left:calc(0px - var(--nav-pad-x));right:calc(0px - var(--nav-pad-x));bottom:0;width:auto;max-width:none;margin:0;transform:none;grid-column:1 / -1;justify-self:stretch;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px 18px;background:linear-gradient(180deg,#070b0fdb,#070b0fc7),radial-gradient(circle at 20% 15%,rgba(var(--primary-rgb),.08),#0000 52%),radial-gradient(circle at 85% 65%,rgba(var(--ice-rgb),.06),#0000 56%);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;border-top:none;box-shadow:0 24px 80px #000000b3;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);z-index:999}.nav-links.active{display:flex!important}.nav-scrim{display:none;position:fixed;left:calc(0px - var(--nav-pad-x));right:calc(0px - var(--nav-pad-x));width:auto;transform:none;top:60px;bottom:0;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998}.nav-scrim.active{display:block}.nav-links .nav-link,.nav-links .mobile-nav-item,.nav-links .mobile-login-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:46px;width:100%;padding:12px 14px;border-radius:14px;text-align:left;text-decoration:none;font-weight:600;color:#ffffffeb;background:#00000024;border:1px solid rgba(var(--primary-rgb),.1);box-shadow:var(--surface-item-shadow);backdrop-filter:blur(8px) saturate(1.04);-webkit-backdrop-filter:blur(8px) saturate(1.04);transition:transform .15s ease,border-color .15s ease,background .15s ease}.nav-links .nav-link:after{content:none}.nav-links .nav-link:hover,.nav-links .mobile-nav-item:hover,.nav-links .mobile-login-btn:hover{color:#ffffffeb;background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.16);transform:translateY(-1px);text-shadow:none}.nav-links .nav-link.active{background:var(--surface-tab-active-bg);border-color:var(--surface-tab-active-border)}.nav-item-icon{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;opacity:.8}.mobile-nav-item{display:none!important;font-size:1em}.mobile-nav-item.visible{display:flex!important}.mobile-nav-divider{display:none!important;width:100%;height:1px;background:rgba(var(--primary-rgb),.14);margin:4px 0;opacity:.9}.mobile-nav-divider.visible{display:block!important;margin-top:12px}.nav-auth{display:none!important}.mobile-user-info{display:none!important;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;width:100%;color:var(--text-secondary);font-weight:500;border-radius:14px;background:var(--glass-panel-bg);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:var(--panel-shadow);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.mobile-user-info.visible{display:flex!important}#mobile-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-info .user-avatar{width:28px;height:28px;border-width:1px}.mobile-login-btn{display:none!important;font-size:1em}.mobile-login-btn.visible{display:flex!important}.home-stage>.home-overlay{padding:0}.home-stats{max-width:560px;padding:12px}.home-stats-header h3{font-size:1.05em}.home-stats-grid{gap:8px;margin-top:10px}.home-stat-card{min-height:58px;padding:10px}.home-stat-card .stat-value{font-size:1.55em}.logo-3d-wrap{height:100vh}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text{display:block!important;max-width:70%;width:70%;margin-top:-5%;visibility:visible!important;opacity:1!important}.logo{max-width:45%;width:45%}.stats-widget{width:90%;padding:20px;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-value{font-size:1.5em}.page-container{padding:20px 15px}.page-title{font-size:1.5em;text-align:center}.page-subtitle{text-align:center}.now-playing-widget{flex-direction:column;align-items:center}.now-playing-info{text-align:center}.now-playing-thumbnail{width:150px;height:150px}.leaderboard-controls{flex-direction:column;gap:10px}.leaderboard-controls select{width:100%}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table{min-width:500px}.leaderboard-table th,.leaderboard-table td{padding:10px 8px;font-size:.9em}.leaderboard-rank{width:45px}.rank-badge{width:28px;height:28px;font-size:.85em}.leaderboard-avatar{width:32px;height:32px}.dashboard-grid{grid-template-columns:1fr}.card{padding:15px}}@media screen and (max-width: 420px) and (max-height: 560px){.home-stage>.home-overlay{padding:0}.home-stats{max-width:320px;padding:10px;max-height:28vh;overflow:auto}.home-stats-header h3{display:none}.home-status{font-size:.9em;gap:6px}.home-stats-grid{margin-top:8px;gap:8px}.home-stat-card{min-height:52px;padding:8px}.home-stat-card .stat-value{font-size:1.4em}.home-stat-card .stat-label{font-size:.78em}}@media screen and (min-width: 768px){.text,.logo{max-width:35%;width:35%}}