:root{--bg: #03030f;--bg-secondary: #08081c;--accent-cyan: #00f7ff;--accent-purple: #9d00ff;--accent-pink: #ff00c1;--text-primary: #ffffff;--text-secondary: #8888b0;--glass: rgba(15, 15, 35, .45);--glass-border: rgba(255, 255, 255, .08);--glow-cyan: 0 0 20px rgba(0, 247, 255, .35);--glow-purple: 0 0 20px rgba(157, 0, 255, .35)}.light-theme{--bg: #f0f9ff;--bg-gradient: linear-gradient(135deg, #e0f2fe 0%, #eef2ff 50%, #fae8ff 100%);--bg-secondary: rgba(255, 255, 255, .45);--accent-cyan: #0ea5e9;--accent-purple: #8b5cf6;--accent-pink: #d946ef;--text-primary: #0f172a;--text-secondary: #64748b;--glass: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .6);--glow-cyan: 0 8px 20px rgba(14, 165, 233, .1);--glow-purple: 0 8px 20px rgba(139, 92, 246, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden;height:100vh}h1,h2,h3{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:3px;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}.nebula-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--bg-secondary) 0%,var(--bg) 100%)}.nebula{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 20% 30%,var(--accent-purple),transparent 50%),radial-gradient(circle at 80% 70%,var(--accent-cyan),transparent 50%),radial-gradient(circle at 50% 50%,var(--accent-pink),transparent 60%);filter:blur(120px);opacity:.12;animation:rotate-nebula 60s linear infinite}.light-theme .nebula{display:block;opacity:.2;filter:blur(140px);background:radial-gradient(circle at 20% 30%,#e0f2fe,transparent 60%),radial-gradient(circle at 80% 70%,#fae8ff,transparent 60%),radial-gradient(circle at 50% 50%,#eef2ff,transparent 70%)}@keyframes rotate-nebula{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-panel{background:var(--glass);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 40px #0003}.light-theme .glass-panel{box-shadow:0 8px 32px #1f268712}.glass-panel:hover{border-color:#ffffff26}.glow-btn{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:10px 24px;border-radius:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:900}.glow-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 25px var(--accent-cyan);transform:translateY(-2px)}.neon-text{text-shadow:0 0 10px rgba(0,247,255,.5);color:var(--accent-cyan);font-weight:900}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-purple),var(--accent-cyan));border-radius:10px}.hover-glow:hover{background:#ffffff1a!important;color:var(--accent-cyan)!important;box-shadow:0 0 15px #00f7ff33}.horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.playlist-button:hover{background:#ffffff14!important}.sidebar-link:hover{background:#0000000d!important;color:var(--text-primary)!important}.light-theme .sidebar-link:hover{background:#00000014!important}.loader-orbit{width:60px;height:60px;border:2px solid transparent;border-top-color:var(--accent-purple);border-bottom-color:var(--accent-cyan);border-radius:50%;animation:orbit 1s cubic-bezier(.5,.1,.4,.9) infinite;position:relative}.loader-orbit:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid transparent;border-left-color:var(--accent-pink);border-right-color:var(--accent-purple);border-radius:50%;animation:orbit 2s linear infinite reverse}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:var(--bg)}.mesh-gradient{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at 50% 50%,rgba(157,0,255,.05),transparent 50%);animation:mesh-float 20s infinite linear}.mesh-spot{position:absolute;width:40vw;height:40vw;filter:blur(150px);opacity:.2;border-radius:50%;animation:spot-float 15s infinite ease-in-out alternate}@keyframes mesh-float{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spot-float{0%{transform:translate(0)}to{transform:translate(10vw,10vh)}}.futuristic-card{perspective:1000px;transform-style:preserve-3d}.card-inner-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.2),transparent 70%);pointer-events:none}.animated-gradient-btn{background:linear-gradient(90deg,#00f7ff,#9d00ff,#ff00c1,#00f7ff);background-size:300% 100%;animation:gradient-flow 5s linear infinite;color:#fff!important;border:none!important}@keyframes gradient-flow{0%{background-position:0% 0%}to{background-position:100% 0%}}.futuristic-input:focus{border-color:var(--accent-cyan)!important;box-shadow:0 0 20px #00f7ff33}.pulse-glow{filter:drop-shadow(0 0 10px var(--accent-cyan));animation:pulse-glow-anim 2s infinite alternate}@keyframes pulse-glow-anim{0%{filter:drop-shadow(0 0 5px var(--accent-cyan));transform:scale(1)}to{filter:drop-shadow(0 0 20px var(--accent-cyan));transform:scale(1.1)}}.sidebar-link-premium{position:relative;overflow:hidden}.sidebar-link-premium:hover{background:#0000000d!important;color:var(--text-primary)!important;transform:translate(5px)}.light-theme .sidebar-link-premium:hover{background:#00000014!important}.sidebar-link-premium span svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-link-premium:hover span svg{filter:drop-shadow(0 0 10px var(--accent-cyan));transform:scale(1.1)}.liked-songs-card:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#ff00c140,#9d00ff33)!important;border-color:#ff00c180!important;box-shadow:0 15px 30px #ff00c133}.liked-songs-card:hover div:first-child{transform:scale(1.1);box-shadow:0 8px 25px #ff00c199}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--accent-purple),var(--accent-cyan));border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--accent-cyan),var(--accent-purple))}@keyframes logo-glow{0%{filter:drop-shadow(0 0 5px var(--accent-cyan))}50%{filter:drop-shadow(0 0 20px var(--accent-cyan))}to{filter:drop-shadow(0 0 5px var(--accent-cyan))}}@keyframes hologram-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-container{display:flex;height:100vh;overflow:hidden;position:relative}.main-content{flex:1;overflow-y:auto;padding:24px 40px 160px;position:relative}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.sidebar{width:320px;margin:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;padding:35px 20px;position:relative;z-index:10}.player-bar{position:fixed;bottom:24px;left:24px;right:24px;height:110px;display:flex;align-items:center;padding:0 40px;z-index:1000}.mobile-nav{display:none;position:fixed;bottom:120px;left:24px;right:24px;height:65px;z-index:999;justify-content:space-around;align-items:center;padding:0 20px}@media (max-width: 1024px){.sidebar{width:260px;margin:16px}.main-content{padding:20px 20px 160px}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{display:none}.sidebar.mobile-drawer{display:flex!important;position:fixed;top:0;left:0;bottom:0;width:85%;max-width:320px;margin:0;height:100vh;z-index:2000;border-radius:0 35px 35px 0;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-drawer.open{transform:translate(0);box-shadow:0 0 100px #000000e6}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .4s ease}.drawer-overlay.open{opacity:1;pointer-events:all}.main-content{padding:15px 15px 120px}.player-bar{bottom:0;left:0;right:0;margin:0;border-radius:0;height:80px;padding:0 15px;border-top:1px solid var(--glass-border);border-left:none;border-right:none;border-bottom:none}.player-bar.expanded{height:100vh;flex-direction:column;padding:60px 30px;justify-content:flex-start;gap:40px;z-index:2100}.mobile-nav{display:flex;bottom:80px;left:10px;right:10px;border-radius:20px;margin:0 0 10px;height:60px;box-shadow:0 -5px 20px #0000004d}.header{flex-wrap:wrap;justify-content:space-between!important;gap:15px;margin-bottom:25px!important;padding-top:10px!important}.header-left{display:flex;align-items:center;gap:15px}.search-bar{width:100%!important;max-width:100%!important;order:3}.hero-section{padding:30px 15px!important;border-radius:30px!important}.hero-section h1{font-size:1.6rem!important}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width: 480px){.player-bar .volume-control{display:none!important}.player-bar:not(.expanded) .track-info{min-width:0!important;flex:1!important}.player-bar:not(.expanded) .controls-wrapper{flex:0!important}.player-bar:not(.expanded) .controls-wrapper .progress-container,.player-bar:not(.expanded) .controls-wrapper .secondary-controls{display:none!important}}.ringtone-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:transparent;outline:none;pointer-events:none}.ringtone-range::-webkit-slider-runnable-track{height:6px;background:#ffffff14;border-radius:3px}.ringtone-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));cursor:pointer;pointer-events:all;margin-top:-7px;border:2px solid white;box-shadow:0 0 10px #00f7ff66;transition:transform .2s,box-shadow .2s}.ringtone-range::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 18px #00f7ff99}.ringtone-range::-moz-range-track{height:6px;background:#ffffff14;border-radius:3px;border:none}.ringtone-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));cursor:pointer;pointer-events:all;border:2px solid white;box-shadow:0 0 10px #00f7ff66}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}