@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#090c15;--bg-card:#111827bf;--bg-card-hover:#1f2937d9;--bg-glass:#0f172aa6;--border-glass:#ffffff14;--border-glass-glow:#6366f14d;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-youtube:red;--accent-secondary:#ec4899;--accent-cyan:#06b6d4;--accent-amber:#f59e0b;--station-accent:#6366f1;--station-glow:#6366f140;--station-blob-1:#6366f173;--station-blob-2:#ec489961;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-neon-indigo:0 0 25px #6366f159;--shadow-neon-youtube:0 0 25px #ff000059;--shadow-neon-magenta:0 0 30px #ec489966;--shadow-neon-amber:0 0 30px #f59e0b59;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--player-bar-height:72px;--sidebar-width:340px}.theme-auto{--station-accent:#f59e0b;--station-glow:#f59e0b47;--station-blob-1:#f59e0b73;--station-blob-2:#f9731659}.theme-sallon{--station-accent:#ec4899;--station-glow:#ec489947;--station-blob-1:#ec489973;--station-blob-2:#6366f159}.theme-truck{--station-accent:#06b6d4;--station-glow:#06b6d447;--station-blob-1:#3b82f673;--station-blob-2:#06b6d459}.theme-ghazal{--station-accent:#10b981;--station-glow:#10b98147;--station-blob-1:#10b98173;--station-blob-2:#d9770659}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background-image:radial-gradient(circle at 15% 15%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 85% 85%,#ec489914 0%,#0000 40%),radial-gradient(circle,#06b6d40d 0%,#0000 60%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;transition:border-color .3s,box-shadow .3s,transform .2s;box-shadow:0 8px 32px #0000005e}.glass-panel-hover:hover{border-color:var(--border-glass-glow);box-shadow:var(--shadow-neon-indigo);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #4338ca 100%);color:#fff;font-weight:600;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:scale(1.04);box-shadow:0 6px 20px #6366f199}.btn-secondary{color:var(--text-main);border:1px solid var(--border-glass);cursor:pointer;background:#ffffff14;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.badge-youtube{color:var(--accent-youtube);background:#ff000026;border:1px solid #ff33334d;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-mixed{color:var(--accent-primary);border:1px solid var(--border-glass-glow);background:linear-gradient(90deg,#6366f133,#ec489933);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ffffff26;border-radius:4px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);width:14px;height:14px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;margin-top:-4px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.equalizer-anim{align-items:flex-end;gap:3px;height:18px;display:flex}.equalizer-bar{background:var(--accent-primary);border-radius:2px;width:3px;animation:1s ease-in-out infinite alternate bounce}.equalizer-bar:first-child{height:60%;animation-delay:.1s}.equalizer-bar:nth-child(2){height:100%;animation-delay:.3s}.equalizer-bar:nth-child(3){height:40%;animation-delay:.2s}.equalizer-bar:nth-child(4){height:80%;animation-delay:.4s}@keyframes bounce{0%{height:20%}to{height:100%}}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.app-container{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.main-layout{flex:1;display:flex;overflow:hidden}.content-area{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding:24px 32px 100px;display:flex;overflow-y:auto}@media (width<=768px){.content-area{padding:16px 16px 110px}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}@media (width<=480px){.content-area{padding:12px 12px 110px}.playlist-grid{grid-template-columns:1fr;gap:14px}}.animated-bg-blobs{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0c1021 0%,#070913 100%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(120px);pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--station-blob-1,#6366f173) 0%, #6366f10d 60%, transparent 80%);width:65vw;height:65vw;transition:background 1.2s;animation:18s ease-in-out infinite alternate floatOrb1;top:-15%;left:-10%}.blob-2{background:radial-gradient(circle, var(--station-blob-2,#ec489961) 0%, #ec48990a 60%, transparent 80%);width:70vw;height:70vw;transition:background 1.2s;animation:22s ease-in-out infinite alternate floatOrb2;bottom:-20%;right:-15%}.blob-3{background:radial-gradient(circle,#06b6d44d 0%,#06b6d408 60%,#0000 80%);width:55vw;height:55vw;animation:20s ease-in-out infinite alternate floatOrb3;top:25%;left:45%}.blob-4{background:radial-gradient(circle,#f59e0b38 0%,#0000 70%);width:45vw;height:45vw;animation:25s ease-in-out infinite alternate-reverse floatOrb1;bottom:20%;left:-10%}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}50%{transform:translate(12%,18%)scale(1.15)rotate(20deg)}to{transform:translate(-10%,8%)scale(.9)rotate(-15deg)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}50%{transform:translate(-15%,-12%)scale(1.2)rotate(-25deg)}to{transform:translate(8%,-18%)scale(.85)rotate(15deg)}}@keyframes floatOrb3{0%{transform:translate(0)scale(1)}50%{transform:translate(-18%,15%)scale(1.1)rotate(30deg)}to{transform:translate(15%,-10%)scale(.95)rotate(-20deg)}}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:1.1}.glass-panel-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-panel-hover:hover{box-shadow:0 20px 40px #0006, var(--shadow-neon-indigo);border-color:#fff3;transform:translateY(-8px)scale(1.02)}.hero-banner{background-image:url(/hero-bg.png);background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;justify-content:flex-end;min-height:420px;margin-bottom:48px;padding:64px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,0 0 40px #6366f133}.hero-banner:before{content:"";z-index:1;background:linear-gradient(90deg,#090c15f2 0%,#090c1566 50%,#0000 100%),linear-gradient(#0000 40%,#090c15 100%);position:absolute;inset:0}.hero-banner-content{z-index:2;position:relative}.playlist-card-img-container{border-radius:12px;overflow:hidden}.playlist-card-img{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.glass-panel-hover:hover .playlist-card-img{transform:scale(1.1)}.playlist-card-play-btn{opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(10px)scale(.9)}.glass-panel-hover:hover .playlist-card-play-btn{opacity:1;transform:translateY(0)scale(1)}@keyframes pulseGlow{0%,to{opacity:1;filter:drop-shadow(0 0 4px #ec489999);transform:scale(1)}50%{opacity:.6;filter:drop-shadow(0 0 10px #ec4899e6);transform:scale(1.15)}}.pulse-anim{animation:1.8s ease-in-out infinite pulseGlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:20s linear infinite spinSlow}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;animation:2.5s infinite shimmer;position:absolute;top:0;left:0}@media (width<=520px){.hide-mobile-sm{display:none!important}}@media (width<=768px){.hide-mobile{display:none!important}}