@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: #09090b;--bg-surface: #111114;--bg-elevated: #18181c;--bg-card: #1c1c22;--bg-input: #141418;--accent: #6366f1;--accent-hover: #818cf8;--accent-muted: rgba(99,102,241,.12);--accent-border: rgba(99,102,241,.25);--live-red: #ef4444;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text-primary: #f0f0f5;--text-secondary: #a1a1b5;--text-tertiary: #5c5c72;--text-disabled: #3e3e50;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.1);--border-active: rgba(99,102,241,.3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 30px rgba(0,0,0,.4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono","SF Mono",monospace;--neon-cyan: var(--accent);--neon-magenta: #c084fc;--neon-green: var(--success);--accent-gold: var(--warning);--text-main: var(--text-primary);--text-muted: var(--text-secondary);--text-subtle: var(--text-tertiary);--bg-dark: var(--bg-base);--bg-panel: var(--bg-elevated);--border-color: var(--border);--font-display: var(--font-sans);--font-body: var(--font-sans);--glass-border: var(--border);--glass-border-active: var(--border-active);--glow-cyan: var(--shadow-md);--glow-magenta: var(--shadow-md);--glow-green: var(--shadow-md);--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-base: .2s cubic-bezier(.4,0,.2,1);--transition-slow: .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.click-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;padding-top:max(2rem,calc(env(safe-area-inset-top) + 1rem));padding-bottom:max(2rem,calc(env(safe-area-inset-bottom) + 1rem));box-sizing:border-box;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.click-circle{width:88px;height:88px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #6366f166;margin-bottom:1.5rem;flex-shrink:0}.click-title{color:var(--text-primary);font-size:clamp(1.1rem,5vw,1.4rem);font-weight:800;margin-bottom:.4rem}.click-sub{color:var(--text-secondary);font-size:clamp(.8rem,3.5vw,.9rem)}.sticky-player{position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:.6rem 1.5rem;gap:1rem;background:#0f0f16f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.2);border-radius:0}.sp-logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.sp-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.sp-info{min-width:0}.sp-song{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.sp-meta{display:flex;align-items:center;gap:.4rem;font-size:.72rem;margin-top:1px}.sp-controls{flex-shrink:0}.btn-play-sm{background:var(--accent);color:#fff;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-play-sm:hover{background:var(--accent-hover);transform:scale(1.05)}.sp-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sp-listeners{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-family:var(--font-mono)}.sp-volume{width:80px}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(99,102,241,.18) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(192,132,252,.12) 0%,transparent 60%),linear-gradient(to bottom,var(--bg-base) 0%,#0d0d14 100%)}.hero-waves{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 2rem}.wave-bar{flex:1;max-width:8px;min-height:8px;background:linear-gradient(to top,var(--neon-magenta),var(--accent));border-radius:3px 3px 0 0;transform-origin:bottom;animation:wave-bounce 1s ease-in-out infinite}@keyframes wave-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hero-canvas{position:absolute;bottom:0;left:0;right:0;z-index:2;width:100%;height:160px;object-fit:fill;pointer-events:none}.hero-content{position:relative;z-index:3;text-align:center;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-live-badge{display:inline-flex;align-items:center;gap:.5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);padding:.3rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hover)}.hero-title{font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--accent-hover) 60%,var(--neon-magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero-sub{font-size:clamp(.9rem,3vw,1.4rem);font-weight:300;letter-spacing:.6em;color:var(--text-secondary);text-transform:uppercase;margin-top:-.5rem}.hero-tagline{font-size:clamp(.85rem,2vw,1rem);color:var(--text-secondary);max-width:480px}.hero-now-playing{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-full);padding:.5rem 1.2rem;font-size:.82rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90vw}.hero-song-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.stats-bridge{background:linear-gradient(180deg,#0c0b14,#0a0a10);border-top:1px solid rgba(99,102,241,.18);border-bottom:1px solid rgba(99,102,241,.18);padding:2.5rem 1rem}.stats-bridge-inner{max-width:760px;margin:0 auto;display:flex;align-items:stretch;gap:0}.stats-bridge-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.25rem 1rem;position:relative;transition:background var(--transition-base);border-radius:var(--radius-lg)}.stats-bridge-item:hover{background:#ffffff08}.stats-bridge-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;flex-shrink:0}.stats-bridge-icon--cyan{background:#6366f126;color:var(--accent-hover)}.stats-bridge-icon--green{background:#22c55e1f;color:var(--success)}.stats-bridge-icon--magenta{background:#c084fc1f;color:var(--neon-magenta)}.stats-bridge-val{font-size:1.6rem;font-weight:900;line-height:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-bridge-val--green{color:var(--success)}.stats-bridge-val--magenta{color:var(--neon-magenta);font-size:1.15rem}.stats-bridge-sub{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em}.stats-bridge-sep{width:1px;flex-shrink:0;align-self:stretch;margin:.5rem 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.25),transparent)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:1.5rem 1rem;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-glow, transparent);opacity:0;transition:opacity .3s;pointer-events:none}.stat-card:nth-child(1){--card-glow: radial-gradient(ellipse at 50% 0%, rgba(0,243,255,.08) 0%, transparent 70%)}.stat-card:nth-child(2){--card-glow: radial-gradient(ellipse at 50% 0%, rgba(0,255,136,.08) 0%, transparent 70%)}.stat-card:nth-child(3){--card-glow: radial-gradient(ellipse at 50% 0%, rgba(255,0,229,.08) 0%, transparent 70%)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-card:hover:before{opacity:1}.stat-card:nth-child(1):hover{border-color:#00f3ff4d}.stat-card:nth-child(2):hover{border-color:#00ff884d}.stat-card:nth-child(3):hover{border-color:#ff00e54d}.stat-label{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.stat-sub{font-size:.72rem;color:var(--text-secondary)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:0 2rem 2rem;max-width:1200px;margin:0 auto;width:100%}.content-card{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden}.content-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, transparent);border-radius:2px 2px 0 0}.content-card:nth-child(1):after{background:linear-gradient(90deg,var(--neon-cyan),var(--accent))}.content-card:nth-child(2):after{background:linear-gradient(90deg,var(--neon-magenta),#a855f7)}.content-card:nth-child(3):after{background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan))}.content-card:nth-child(4):after{background:linear-gradient(90deg,var(--accent),var(--neon-magenta))}.card-header{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.empty-hint{font-size:.82rem;color:var(--text-tertiary);text-align:center;padding:1.5rem 0}.top-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .5rem;border-radius:var(--radius-md);transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03)}.top-item:last-child{border-bottom:none}.top-item:hover{background:#ffffff0a}.top-rank{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0;background:#ffffff0f}.top-item:nth-child(1) .top-rank{background:linear-gradient(135deg,#f59e0b,#ef4444)}.top-item:nth-child(2) .top-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.top-item:nth-child(3) .top-rank{background:linear-gradient(135deg,#b45309,#92400e)}.top-info{flex:1;min-width:0}.top-name{font-size:.83rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.top-artist{font-size:.72rem;color:var(--text-tertiary);margin-top:1px}.top-plays{font-size:.72rem;font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;background:#ffffff0d;padding:.15rem .4rem;border-radius:4px}.schedule-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .5rem;border-bottom:1px solid var(--border)}.schedule-item:last-child{border-bottom:none}.schedule-day{font-size:.7rem;font-weight:700;color:var(--neon-magenta);letter-spacing:.06em;text-transform:uppercase;width:28px;flex-shrink:0;text-align:center}.schedule-info{flex:1;min-width:0}.schedule-name{font-size:.83rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-dj{font-size:.72rem;color:var(--text-tertiary);margin-top:1px}.schedule-time{font-size:.7rem;font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0}.chat-card{min-height:480px}.tabs-row{display:flex;gap:.3rem;flex-shrink:0;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.5rem;align-items:center}.tab-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border:none;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-sans);font-size:.78rem;font-weight:600;transition:all var(--transition-fast);background:transparent;color:var(--text-tertiary)}.tab-btn.active{background:var(--accent-muted);color:var(--accent-hover);border:1px solid var(--accent-border)}.tab-btn:not(.active):hover{color:var(--text-primary)}.tab-user{margin-left:auto;display:flex;align-items:center;gap:.5rem}.chat-messages{flex:1;overflow-y:auto;min-height:320px;max-height:360px;display:flex;flex-direction:column;gap:.25rem}.chat-message{display:flex;gap:.55rem;padding:.4rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.chat-message:hover{background:#ffffff05}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;flex-shrink:0;color:#fff}.msg-content{flex:1;min-width:0}.msg-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.1rem;gap:.4rem}.msg-username{font-weight:600;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-time{font-size:.6rem;color:var(--text-disabled);flex-shrink:0;font-family:var(--font-mono)}.msg-text{font-size:.82rem;line-height:1.45;color:var(--text-secondary);word-break:break-word}.chat-input-container{display:flex;gap:.4rem;margin-top:.75rem;flex-shrink:0}.chat-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);padding:.5rem 1rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;outline:none;transition:border-color var(--transition-fast);min-width:0}.chat-input:focus{border-color:var(--border-active)}.chat-input::placeholder{color:var(--text-disabled)}.btn-send{background:var(--accent);color:#fff;border:none;border-radius:50%;width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-send:hover{background:var(--accent-hover)}.discord-cta{position:relative;overflow:hidden;padding:5rem 2rem;background:linear-gradient(135deg,#0d0d1a,#0e0b1e,#0a0f1a);border-top:1px solid rgba(88,101,242,.2);border-bottom:1px solid rgba(88,101,242,.2)}.discord-cta-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:700px;height:300px;border-radius:50%;background:radial-gradient(ellipse,rgba(88,101,242,.18) 0%,transparent 70%);pointer-events:none}.discord-cta-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}.discord-cta-left{display:flex;flex-direction:column;gap:1.2rem}.discord-badge-chip{display:inline-flex;align-items:center;gap:.5rem;background:#5865f226;border:1px solid rgba(88,101,242,.35);color:#7289da;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .9rem;border-radius:50px;width:fit-content}.discord-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1;color:#fff;letter-spacing:-.02em}.discord-brand{color:#7289da}.discord-cta-sub{color:var(--text-secondary);font-size:1rem;max-width:480px;line-height:1.6}.discord-features{display:flex;flex-wrap:wrap;gap:.5rem}.discord-feature-tag{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;padding:.3rem .75rem;border-radius:50px}.btn-discord{display:inline-flex;align-items:center;gap:.65rem;background:#5865f2;color:#fff;padding:.85rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 24px #5865f259;width:fit-content}.btn-discord:hover{background:#4752c4;box-shadow:0 6px 32px #5865f28c;transform:translateY(-2px)}.discord-cta-right{display:flex;align-items:center;justify-content:center}.discord-logo-wrap{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.discord-logo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(88,101,242,.3) 0%,transparent 70%);animation:discordPulse 3s ease-in-out infinite}@keyframes discordPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.discord-logo-svg{width:120px;height:120px;filter:drop-shadow(0 0 30px rgba(88,101,242,.6));position:relative;z-index:1}.discord-logo-img{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 0 30px rgba(88,101,242,.5));position:relative;z-index:1}.listen-on{padding:2.5rem 2rem 3rem;text-align:center;background:#ffffff03;border-bottom:1px solid var(--border)}.listen-on-label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.75rem}.listen-on-logos{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.listen-on-logo-link{display:flex;align-items:center;justify-content:center;width:160px;height:68px;padding:.75rem 1.25rem;border-radius:var(--radius-lg);background:#fffffff2;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 12px #0000004d;transition:all .25s;text-decoration:none;flex-shrink:0}.listen-on-logo-link:hover{background:#fff;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 10px 28px #0006}.listen-on-logo-img{height:30px;width:auto;max-width:120px;object-fit:contain;display:block}.listen-on-logo-img.logo-invert{filter:invert(1)}.hero-bottom-row{display:flex;align-items:center;gap:.5rem;max-width:90vw}.btn-share-pill{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-share-pill:hover{background:#ffffff24;border-color:#ffffff40;color:#fff;transform:scale(1.08)}.site-footer{margin-top:auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-top:1px solid var(--border);flex-wrap:wrap}.footer-socials{display:flex;align-items:center;gap:.6rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);text-decoration:none;transition:all .2s}.footer-social-link:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.live-badge{display:inline-flex;align-items:center;gap:5px;background:#ef44441a;color:var(--live-red);border:1px solid rgba(239,68,68,.2);padding:2px 8px;border-radius:var(--radius-sm);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--live-red);animation:blink 1.5s ease-in-out infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.toast-container{position:fixed;top:4.5rem;left:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .35s ease-out,toast-out .4s ease-in 4s forwards;pointer-events:auto;line-height:1.35;max-width:min(340px,calc(100vw - 2rem));overflow:hidden}.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.toast-info{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid var(--danger);color:#fca5a5}.toast-song{border-left:3px solid var(--neon-magenta)}@keyframes toast-in{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.pwa-banner{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.9rem;padding:.85rem 1.2rem;border-radius:var(--radius-xl);box-shadow:0 0 24px #6366f133;z-index:9999;max-width:90vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090bf7;border:1px solid rgba(99,102,241,.3)}.btn-install{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.45rem .9rem;font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-close-banner{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.1rem;padding:.2rem}.btn-icon{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);border-radius:var(--radius-full);padding:.4rem;text-decoration:none}.btn-icon:hover{color:var(--text-primary)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--accent)}.dashboard-container{display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1.5rem 2rem;gap:1.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-shrink:0}.dashboard-header h1{font-size:1.15rem;font-weight:700}.back-link{display:flex;align-items:center;gap:.4rem;color:var(--text-tertiary);text-decoration:none;font-size:.8rem;transition:color var(--transition-fast);flex-shrink:0}.back-link:hover{color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem}.dashboard-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.dashboard-card.full-width{grid-column:1/-1}.card-title{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.88rem;font-weight:600}.copy-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border)}.copy-row:last-child{border-bottom:none}.copy-btn{background:transparent;border:1px solid var(--border);color:var(--text-tertiary);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.65rem;cursor:pointer;font-family:var(--font-mono);transition:all var(--transition-fast);flex-shrink:0;margin-left:.75rem}.copy-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.copy-btn.copied{border-color:#22c55e4d;color:var(--success)}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem 1rem .5rem 2.2rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;outline:none;width:100%;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--border-active)}.search-input::placeholder{color:var(--text-disabled)}.drop-zone{border:1px dashed var(--border-hover);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all var(--transition-base);cursor:pointer;background:transparent}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-muted)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.live{background:var(--live-red);box-shadow:0 0 6px #ef444466;animation:blink 1.5s ease-in-out infinite}.status-dot.autodj{background:var(--success)}.list-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--transition-fast)}.list-item:hover{background:#ffffff0a}.delete-btn{background:transparent;border:none;color:var(--text-disabled);cursor:pointer;padding:.3rem;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.delete-btn:hover{color:var(--danger)}.button-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.55rem 1.2rem;font-family:var(--font-sans);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.button-primary:hover{background:var(--accent-hover)}.button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem 1.2rem;font-family:var(--font-sans);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.button-secondary:hover{background:#ffffff0a;border-color:var(--border-hover);color:var(--text-primary)}.schedule-card{min-width:190px;padding:.85rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);flex-shrink:0;transition:border-color var(--transition-fast)}.schedule-card:hover{border-color:var(--border-hover)}.text-gradient{background:linear-gradient(135deg,#e0e0f0 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@supports (padding: env(safe-area-inset-top)){.sticky-player{padding-top:max(.6rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.pwa-banner{bottom:max(1.2rem,calc(env(safe-area-inset-bottom) + .5rem))}.toast-container{left:max(1rem,env(safe-area-inset-left))}}@media (max-width: 900px){.content-grid{grid-template-columns:1fr;padding:0 1rem 1.5rem}.stats-row{grid-template-columns:repeat(3,1fr);padding:1rem;gap:.75rem}.hero-sub{letter-spacing:.25em}.hero-song-text{max-width:240px}.discord-cta-inner{grid-template-columns:1fr;gap:2rem}.discord-cta-right{display:none}.discord-cta{padding:3rem 1.5rem}}@media (max-width: 600px){.sticky-player{padding:.5rem .75rem;gap:.5rem}.sp-song{max-width:180px;font-size:.78rem}.sp-volume,.sp-listeners{display:none}.sp-logo{width:26px;height:26px}.hero-section{min-height:55vh}.hero-content{gap:.5rem;padding:1.2rem 1rem 0}.hero-sub{letter-spacing:.15em;font-size:.75rem}.hero-tagline{font-size:.82rem;padding:0 .5rem}.hero-song-text{max-width:calc(100vw - 140px)}.hero-now-playing{padding:.4rem .9rem;font-size:.78rem}.hero-waves{height:90px;gap:2px;padding:0 .5rem}.stats-bridge{padding:1.5rem .5rem}.stats-bridge-inner{max-width:100%}.stats-bridge-item{padding:.9rem .4rem;gap:.35rem}.stats-bridge-icon{width:36px;height:36px}.stats-bridge-val{font-size:1.2rem}.stats-bridge-val--magenta{font-size:.95rem}.stats-bridge-sub{font-size:.6rem;letter-spacing:.05em}.listen-on{padding:2rem 1rem 2.5rem}.listen-on-logos{gap:.75rem}.listen-on-logo-link{width:calc(50% - .375rem);max-width:160px;height:60px}.stats-row{grid-template-columns:1fr;padding:.75rem;gap:.6rem}.stat-card{flex-direction:row;text-align:left;padding:.9rem 1rem;gap:.8rem}.content-grid{padding:0 .75rem 1.5rem;gap:.75rem}.content-card{padding:1rem}.toast-container{top:4rem}.toast{font-size:.75rem;padding:.55rem .85rem}.dashboard-container{padding:.75rem}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 380px){.sp-song{max-width:120px}.hero-title{font-size:clamp(2.4rem,12vw,3.5rem)}.stats-bridge-val{font-size:1.05rem}.stats-bridge-icon{width:30px;height:30px}.listen-on-logo-link{height:54px}.listen-on-logo-img{height:26px}.stats-row{padding:.5rem}.content-grid{padding:0 .5rem 1rem}}