@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--font-heading:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", "JetBrains Mono", monospace;--fp-black:#050505;--fp-obsidian:#0a0a0a;--fp-smoke:#111;--fp-white:#fff;--fp-mute:#888;--fp-lime:#cf0;--fp-lime-soft:#ccff001f;--fp-lime-muted:#cf09;--fp-orange:#ff7a1a;--bg-deep:var(--fp-black);--bg-card:var(--fp-obsidian);--bg-card-hover:var(--fp-smoke);--border-glass:#ffffff14;--border-active:var(--fp-lime);--accent-cyan:var(--fp-lime);--accent-purple:var(--fp-white);--accent-gold:var(--fp-orange);--text-muted:var(--fp-mute);--text-dim:#555;--shadow-glow-cyan:0 0 20px #ccff004d;--shadow-glow-purple:0 0 15px #ffffff1a;--shadow-card:0 16px 40px 0 #000000f2;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);min-height:100vh;color:var(--fp-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ccff000f 0%,#0000 70%);height:300px;position:absolute;top:0;left:30%;right:30%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}h1,h2,h3,h4,h5,h6,.gradient-title{font-family:var(--font-heading);text-transform:lowercase;letter-spacing:-.04em;color:var(--fp-white);font-weight:700;line-height:1}.gradient-title{background:linear-gradient(135deg, var(--accent-cyan) 0%, #fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}p{font-family:var(--font-body);color:var(--fp-white)}header,button,.tag,pre,code,.fp-label{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative}.glass-panel:hover{border-color:#ffffff2e;box-shadow:0 12px 30px #000000fa}.btn-primary{background:var(--accent-cyan);color:var(--fp-black);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-glow-cyan);text-transform:uppercase;letter-spacing:.05em;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.23,1,.32,1);display:inline-flex}.btn-primary:hover{color:#000;background:#fff;transform:translateY(-1.5px);box-shadow:0 0 25px #ccff0073}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-glass);color:#fff;border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;align-items:center;gap:8px;padding:10px 24px;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.sound-bar{background-color:var(--accent-cyan);border-radius:2px;width:4px;height:24px;margin:0 2px;animation:1.2s ease-in-out infinite bounce-bar;display:inline-block}.sound-bar:nth-child(2){background-color:#fff;animation-delay:.1s}.sound-bar:nth-child(3){animation-delay:.2s}.sound-bar:nth-child(4){background-color:#fff;animation-delay:.3s}.sound-bar:nth-child(5){animation-delay:.4s}.glowing-input:focus{border-color:#ffffff4d;outline:none;box-shadow:0 0 10px #ffffff0f}input[type=range].player-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}input[type=range].player-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);width:12px;height:12px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;transition:all .12s}input[type=range].player-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.3);box-shadow:0 0 10px #fff}@keyframes bounce-bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 10px #ef4444}50%{opacity:.3;box-shadow:0 0 2px #ef4444}}@media (width<=600px){.center-mobile-btn{justify-content:center!important}}@keyframes pulse-cyan{0%,to{border-color:#cf09;transform:scale(1);box-shadow:0 0 12px #cf06}50%{border-color:#cf03;transform:scale(.95);box-shadow:0 0 4px #ccff0026}}.pulse-visualizer-btn{animation:2.2s ease-in-out infinite pulse-cyan}.pulse-visualizer-btn:hover{animation:none!important}.main-player-none{padding-bottom:40px!important}.main-player-minimized{padding-bottom:80px!important}.main-player-expanded{padding-bottom:240px!important}@media (width>=768px){.main-player-expanded{padding-bottom:120px!important}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}