:root{--bg:#080a12;--line:#ffffff14;--text:#f5f5fb;--muted:#9095ad;--violet:#9b74ff;--cyan:#5ef3e5;--font:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ambient{position:fixed;pointer-events:none;filter:blur(95px);opacity:.13;border-radius:50%;z-index:-1}.ambient-a{width:420px;height:420px;background:#6d35e8;top:70px;right:8%}.ambient-b{width:340px;height:340px;background:#0b9fba;bottom:50px;left:20%}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding-bottom:100px}.sidebar{padding:29px 18px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 96px);background:#080a12c7;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);margin:0 0 45px 3px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(140deg,#b08cff,#6551e9);border-radius:12px;font:700 20px var(--display);box-shadow:0 0 27px #8e63ff40}.brand-mark span{color:var(--cyan);font-size:12px}.brand-name{font:700 13px var(--display);letter-spacing:.8px}.brand-name span{display:block;font-size:10px;letter-spacing:3.2px;color:var(--cyan);margin-top:2px}.nav-label,.eyebrow{font:600 10px var(--display);letter-spacing:2px;color:var(--muted)}.nav-label{margin:0 0 14px 11px}.main-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:none;padding:12px 13px;text-align:left;border-radius:10px;color:#9da1b5;font-size:13px}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#9b74ff18;color:#fff}.nav-item.active{box-shadow:inset 2px 0 var(--violet)}.side-divider{height:1px;background:var(--line);margin:27px 4px 25px}.sidebar-bottom{display:flex;gap:12px;align-items:center;margin-top:auto;padding:15px 10px;border:1px solid var(--line);border-radius:12px}.sidebar-bottom strong{display:block;font:600 8px var(--display);letter-spacing:.7px}.sidebar-bottom small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.mini-eq{height:25px;display:flex;align-items:center;gap:3px}.mini-eq i{width:3px;border-radius:4px;background:var(--cyan);height:12px}.mini-eq i:nth-child(2){height:22px}.mini-eq i:nth-child(3){height:16px}.mini-eq i:nth-child(4){height:7px}.mini-eq i:nth-child(5){height:18px}.main-content{min-width:0;padding:0 38px 35px}.topbar{height:84px;display:flex;align-items:center;gap:20px}.top-arrows{display:flex;gap:8px}.top-arrows button{border:1px solid var(--line);background:#ffffff06;color:#ddd;border-radius:50%;width:32px;height:32px;font-size:24px}.searchbox{height:42px;border-radius:24px;background:#121522;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px;width:min(410px,54%);margin-left:auto}.searchbox>span{font-size:22px;color:var(--muted)}.searchbox input{color:#fff;background:transparent;border:0;outline:0;flex:1;min-width:0}.searchbox input::placeholder{color:#777d93}.searchbox kbd{border:1px solid #33384b;color:#888da1;border-radius:5px;padding:2px 5px;font-size:10px}.avatar{width:36px;height:36px;border:1px solid #b69cff77;background:linear-gradient(135deg,#41315f,#1a8992);border-radius:50%;font:700 10px var(--display)}.mobile-brand{display:none}.hero{position:relative;min-height:315px;padding:38px 42px;border:1px solid #ffffff10;border-radius:22px;overflow:hidden;background:linear-gradient(112deg,#19172f,#111827 52%,#0a2229);display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 48%,#9e70ff16,transparent 46%),linear-gradient(90deg,transparent 52%,#0a1018aa);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:410px}.hero .eyebrow{color:#c3b1ff}.live-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:6px;box-shadow:0 0 12px var(--cyan)}h1,h2,p{margin:0}h1{font:700 clamp(39px,4.5vw,61px)/.98 var(--display);letter-spacing:-2.5px;margin:18px 0 15px}h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-copy p{max-width:340px;color:#a7abc0;line-height:1.7;font-size:13px}.primary-btn{margin-top:25px;border:0;border-radius:24px;padding:12px 20px;background:linear-gradient(100deg,#a27aff,#7955e8);box-shadow:0 6px 28px #855aff35;font-weight:700;font-size:12px}.primary-btn span{margin-right:7px}.hero-art{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:245px;height:245px;display:grid;place-items:center;z-index:1}.hero-disc{width:166px;height:166px;border-radius:50%;background:repeating-radial-gradient(circle,#10121c 0 3px,#242337 4px 5px,#11131e 6px 8px);border:1px solid #ffffff22;display:grid;place-items:center;box-shadow:0 0 0 15px #9d7aff08,0 0 60px #876aff25;animation:spin 28s linear infinite}.disc-core{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ad79ff,#35215d 70%);border:5px solid #181426;box-shadow:0 0 30px #a674ff85;display:grid;place-content:center;text-align:center;font:700 15px var(--display);letter-spacing:1px}.disc-core small{font:600 7px var(--display);letter-spacing:3px;color:var(--cyan)}.orbit{position:absolute;border:1px solid #a58aff2b;border-radius:50%;width:230px;height:230px}.orbit-two{width:205px;height:205px;border-style:dashed;animation:spin 38s linear infinite reverse}.floating-tag{position:absolute;background:#151728cc;border:1px solid #ffffff20;backdrop-filter:blur(10px);font:600 8px var(--display);letter-spacing:1px;padding:10px 12px;border-radius:9px}.tag-top{top:15px;right:-10px}.tag-top b{color:var(--cyan);margin-left:5px}.tag-bottom{bottom:18px;left:-14px;color:var(--cyan)}.tag-bars{font-size:13px;color:#b69cff;margin-right:5px}.hero-number{position:absolute;bottom:18px;left:42px;font:700 11px var(--display);color:#d8d0ff;z-index:2}.hero-number span{color:#74758e;font-weight:400}.section-block{margin-top:37px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:15px}.section-heading .eyebrow{font-size:9px;margin-bottom:8px}h2{font:600 24px var(--display);letter-spacing:-.7px}.text-btn{border:0;background:none;color:#aeb2c7;font-size:11px;padding:7px 0}.text-btn span{color:var(--cyan);font-size:15px;margin-left:5px}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mood-card{border:1px solid #ffffff0b;border-radius:13px;padding:16px 14px;display:flex;align-items:center;gap:12px;text-align:left;min-width:0;transition:transform .2s,border-color .2s}.mood-card:hover{transform:translateY(-3px);border-color:#ffffff2b}.mood-card>span:nth-child(2){min-width:0}.mood-card strong,.mood-card small{display:block}.mood-card strong{font:600 12px var(--display)}.mood-card small{font-size:10px;color:#c2c1d0;margin-top:4px}.mood-card>b{margin-left:auto;color:#ffffff85}.mood-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.mood-violet{background:linear-gradient(135deg,#4b317a,#211b3c)}.mood-violet .mood-icon{background:#a078ff27;color:#c7adff}.mood-blue{background:linear-gradient(135deg,#1c5572,#14283b)}.mood-blue .mood-icon{background:#57d8ff20;color:#7cdeff}.mood-orange{background:linear-gradient(135deg,#71452a,#30231f)}.mood-orange .mood-icon{background:#ffb06420;color:#ffbd78}.mood-pink{background:linear-gradient(135deg,#71314e,#321e34)}.mood-pink .mood-icon{background:#ff7bab20;color:#ff9cc0}.track-list{border-top:1px solid var(--line)}.track-row{display:grid;grid-template-columns:30px 42px minmax(0,1fr) 100px 55px 30px;gap:12px;align-items:center;padding:10px 9px;border-bottom:1px solid #ffffff09;border-radius:8px}.track-row:hover,.track-row.playing{background:#ffffff07}.track-index{color:#7e839a;text-align:center;font-size:11px}.cover{display:grid;place-items:center;overflow:hidden;color:#fff;font:700 20px var(--display);position:relative;isolation:isolate}.cover:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cover,linear-gradient(135deg,#7354bc,#252046))}.cover:after{content:"";position:absolute;width:65%;height:65%;border-radius:50%;border:1px solid #ffffff42;box-shadow:0 0 0 7px #ffffff08,0 0 0 14px #ffffff06}.track-cover{width:42px;height:42px;border-radius:9px;font-size:15px}.track-cover span,.small-cover span{z-index:1}.track-info{min-width:0}.track-info strong,.track-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info strong{font-size:12px;font-weight:600}.track-info small{margin-top:4px;font-size:10px;color:var(--muted)}.track-genre{font-size:10px;color:#a0a4b9}.track-duration{font-size:10px;color:var(--muted);text-align:right}.track-actions{display:flex;align-items:center;justify-content:center;gap:3px}.icon-btn{border:0;background:none;color:#858aa1;font-size:18px;padding:5px}.icon-btn:hover,.icon-btn.liked{color:#ff8db9}.row-play{border:0;border-radius:50%;width:27px;height:27px;background:#ffffff0b;color:#fff;font-size:11px}.row-play:hover{background:var(--violet)}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.artist-card{padding:15px;border:1px solid var(--line);background:#ffffff03;border-radius:13px;min-width:0}.artist-portrait{width:100%;aspect-ratio:1.25;border-radius:10px;display:grid;place-items:center;font:700 48px var(--display);margin-bottom:12px;position:relative;overflow:hidden}.artist-portrait:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 15px #ffffff0a,0 0 0 30px #ffffff06}.artist-one .artist-portrait{background:linear-gradient(145deg,#654a99,#182c46)}.artist-two .artist-portrait{background:linear-gradient(145deg,#c14b8c,#28244f)}.artist-three .artist-portrait{background:linear-gradient(145deg,#227c8a,#27254c)}.artist-four .artist-portrait{background:linear-gradient(145deg,#bf753e,#34234d)}.artist-card strong,.artist-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-card strong{font:600 12px var(--display)}.artist-card small{color:var(--muted);font-size:10px;margin-top:5px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font:600 8px var(--display);letter-spacing:1.5px;color:#70758a}footer b{color:var(--cyan)}.player{height:96px;position:fixed;bottom:0;left:0;right:0;background:#0c0e18f2;backdrop-filter:blur(22px);border-top:1px solid #ffffff12;display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,1.25fr) minmax(150px,1fr);align-items:center;padding:12px 25px;gap:20px;z-index:10}.now-playing{display:flex;align-items:center;gap:11px;min-width:0}.small-cover{height:48px;width:48px;border-radius:9px;flex-shrink:0;background:#18182d}.now-meta{min-width:0;flex:1}.now-meta strong,.now-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-meta strong{font-size:11px}.now-meta small{font-size:10px;color:var(--muted);margin-top:5px}.heart-btn{border:0;background:none;color:#9a9fb5;font-size:20px}.heart-btn.liked{color:#ff8db9}.player-center{max-width:490px;width:100%;justify-self:center}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px}.player-controls button{border:0;background:none;color:#a4a8bb;font-size:15px;padding:2px}.player-controls button:hover,.player-controls button.active{color:var(--cyan)}.player-controls .play-btn{width:32px;height:32px;background:#fff;border-radius:50%;color:#121421;font-size:12px;padding-left:4px}.progress-row{display:flex;align-items:center;gap:9px;margin-top:8px;color:#858aa0;font-size:9px}.progress-row input,.player-extra input{min-width:0;width:100%;accent-color:var(--cyan);height:3px;cursor:pointer}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:12px}.volume-icon{color:#9ba0b3;font-size:18px}.player-extra input{max-width:90px}.player-extra button{border:0;background:none;color:#9ba0b3;font-size:21px}.toast{position:fixed;bottom:113px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#1a1d2b;border:1px solid #ffffff1b;padding:11px 16px;border-radius:10px;color:#fff;font-size:12px;box-shadow:0 10px 40px #0008;transition:.25s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading-state,.empty-state{padding:26px 12px;text-align:center;color:var(--muted);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:12px}.main-content{padding:0 25px 30px}.hero-art{right:4%;transform:translateY(-50%) scale(.84)}.hero-copy{max-width:360px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-card{padding:12px}.track-row{grid-template-columns:25px 42px minmax(0,1fr) 75px 50px 30px;gap:8px}}@media(max-width:760px){.app-shell{display:block;padding-bottom:146px}.sidebar{display:none}.main-content{padding:0 16px 24px}.topbar{height:65px;gap:10px}.mobile-brand{display:block;font:700 12px var(--display);letter-spacing:1px;white-space:nowrap}.mobile-brand span{color:var(--cyan);font-size:10px}.top-arrows{display:none}.searchbox{width:auto;flex:1;margin-left:auto;padding:0 10px;height:37px}.searchbox input{font-size:11px}.searchbox kbd{display:none}.avatar{width:32px;height:32px;flex-shrink:0}.hero{min-height:320px;padding:28px 24px;align-items:flex-start}.hero-copy{max-width:100%;padding-top:7px}.hero h1{font-size:49px}.hero-copy p{max-width:275px;font-size:12px}.hero-art{right:-38px;top:62%;transform:translateY(-50%) scale(.65);opacity:.58}.hero:after{background:linear-gradient(90deg,#141329e8,#121625c9 61%,#0a1b20a8)}.hero-copy{z-index:3}.hero-number{left:24px}.section-block{margin-top:29px}h2{font-size:21px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.mood-grid{gap:9px}.mood-card{gap:9px;padding:11px 9px}.mood-icon{width:32px;height:32px;font-size:19px}.mood-card strong{font-size:11px}.mood-card small{font-size:9px}.mood-card>b{display:none}.track-row{grid-template-columns:18px 39px minmax(0,1fr) 30px;gap:8px;padding:9px 2px}.track-cover{width:39px;height:39px}.track-genre,.track-duration{display:none}.track-actions{grid-column:4;grid-row:1}.track-info strong{font-size:11px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.artist-card{padding:10px}.artist-portrait{font-size:39px;margin-bottom:9px}.artist-card strong{font-size:11px}footer{font-size:7px;letter-spacing:.7px;flex-wrap:wrap}.player{height:130px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:50px 45px;padding:10px 14px 8px;gap:4px 10px}.now-playing{grid-column:1;grid-row:1}.small-cover{width:40px;height:40px}.player-center{display:contents}.player-controls{grid-column:2;grid-row:1;gap:13px}.player-controls button{font-size:13px}.player-controls .play-btn{width:30px;height:30px}.progress-row{grid-column:1/3;grid-row:2;margin-top:3px;gap:8px}.player-extra{display:none}.now-meta strong{font-size:10px}.now-meta small{font-size:9px}.heart-btn{font-size:18px}.toast{bottom:145px;max-width:calc(100vw - 32px);white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.cover.has-art:before{background:linear-gradient(135deg,#0002,#0002)}.track-actions{min-width:74px}.track-row{grid-template-columns:30px 42px minmax(0,1fr) 100px 55px 76px}@media(max-width:760px){.track-row{grid-template-columns:18px 39px minmax(0,1fr) 68px}.track-actions{min-width:68px;gap:0}.track-actions .icon-btn{font-size:16px;padding:3px}}

/* VFX MUSIC VAULT theme system */
.theme-picker{display:flex;align-items:center;gap:7px;padding:0 10px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#121522);color:var(--accent,var(--cyan));flex-shrink:0}
.theme-picker>span{font-size:17px}
.theme-picker select{max-width:105px;border:0;outline:0;background:transparent;color:var(--text);font:600 10px var(--display);cursor:pointer}
.theme-picker option{background:#171827;color:#fff}
body[data-theme="neon"]{--bg:#080a12;--text:#f5f5fb;--muted:#9095ad;--violet:#9b74ff;--cyan:#5ef3e5;--line:#ffffff14;--panel:#121522;--accent:#5ef3e5}
body[data-theme="light"]{--bg:#f3f5fb;--text:#202338;--muted:#737991;--violet:#7755df;--cyan:#3e6fe0;--line:#202b501c;--panel:#ffffff;--accent:#6550d6}
body[data-theme="light"] .sidebar{background:#f9faffdd}body[data-theme="light"] .searchbox{background:#fff;border-color:#252b481c}body[data-theme="light"] .searchbox input{color:#202338}body[data-theme="light"] .searchbox kbd{border-color:#d7dbea;color:#72778c}body[data-theme="light"] .hero{background:linear-gradient(112deg,#e5dcff,#e8efff 55%,#d9f6f5)}body[data-theme="light"] .hero-copy p{color:#555b76}body[data-theme="light"] .hero .eyebrow{color:#6650b8}body[data-theme="light"] .hero-number{color:#5d4b9d}body[data-theme="light"] .hero-number span{color:#858aa1}body[data-theme="light"] .mood-violet{background:linear-gradient(135deg,#e5dcff,#f5f0ff)}body[data-theme="light"] .mood-blue{background:linear-gradient(135deg,#d8f1ff,#edf8ff)}body[data-theme="light"] .mood-orange{background:linear-gradient(135deg,#ffead7,#fff6ed)}body[data-theme="light"] .mood-pink{background:linear-gradient(135deg,#ffe0ec,#fff2f7)}body[data-theme="light"] .mood-card small{color:#666b81}body[data-theme="light"] .track-row:hover,body[data-theme="light"] .track-row.playing{background:#6550d60b}body[data-theme="light"] .artist-card{background:#ffffffa6}body[data-theme="light"] .player{background:#f8f9fff0;border-top-color:#1c245018}body[data-theme="light"] .player-controls .play-btn{background:#202338;color:#fff}body[data-theme="light"] .top-arrows button{background:#ffffffb0;color:#343850}body[data-theme="light"] .theme-picker select{color:#202338}body[data-theme="light"] .theme-picker option{background:#fff;color:#202338}body[data-theme="light"] .floating-tag{background:#ffffffc9;color:#343850;border-color:#252b4818}body[data-theme="light"] .ambient{opacity:.09}
body[data-theme="studio"]{--bg:#100d13;--text:#fff7f1;--muted:#b1a0a7;--violet:#ff7d55;--cyan:#ffcf70;--line:#ffded21c;--panel:#21161e;--accent:#ffcf70}
body[data-theme="studio"] .hero{background:linear-gradient(115deg,#4a1938,#211a36 54%,#402017)}body[data-theme="studio"] .hero-disc{box-shadow:0 0 0 15px #ff8a430c,0 0 65px #ff6c5040}body[data-theme="studio"] .disc-core{background:linear-gradient(135deg,#ffb05c,#e34275 70%)}body[data-theme="studio"] .mood-violet{background:linear-gradient(135deg,#6c2c54,#30203c)}body[data-theme="studio"] .mood-blue{background:linear-gradient(135deg,#244d63,#20253b)}body[data-theme="studio"] .mood-orange{background:linear-gradient(135deg,#81432a,#38251f)}body[data-theme="studio"] .mood-pink{background:linear-gradient(135deg,#8c2f55,#3a203b)}
body[data-theme="cyberpunk"]{--bg:#050810;--text:#eafcff;--muted:#7e9aaa;--violet:#f52fff;--cyan:#00f6ff;--line:#00f6ff25;--panel:#08121c;--accent:#00f6ff}
body[data-theme="cyberpunk"] .hero{background:linear-gradient(115deg,#160c2d,#061c2a 56%,#101027);border-color:#00f6ff35;box-shadow:inset 0 0 40px #00f6ff08}body[data-theme="cyberpunk"] .brand-mark{background:linear-gradient(140deg,#f52fff,#00b7ff);box-shadow:0 0 25px #00f6ff40}body[data-theme="cyberpunk"] .primary-btn{background:linear-gradient(100deg,#f52fff,#00bfff);color:#071018}body[data-theme="cyberpunk"] .hero-disc{filter:hue-rotate(35deg);box-shadow:0 0 55px #00f6ff30}body[data-theme="cyberpunk"] .nav-item.active{background:#00f6ff12}body[data-theme="cyberpunk"] .player{box-shadow:0 -5px 30px #00f6ff09}
body[data-theme="glass"]{--bg:#101321;--text:#f7f7ff;--muted:#a5a9c0;--violet:#b69aff;--cyan:#9eeeff;--line:#ffffff2a;--panel:#ffffff10;--accent:#9eeeff}
body[data-theme="glass"] .sidebar,body[data-theme="glass"] .player{background:#ffffff0d;backdrop-filter:blur(28px)}body[data-theme="glass"] .hero{background:linear-gradient(115deg,#ffffff14,#7b7eff12 50%,#75edff12);backdrop-filter:blur(22px);border-color:#ffffff25}body[data-theme="glass"] .mood-card,body[data-theme="glass"] .artist-card{background:#ffffff0d;backdrop-filter:blur(18px);border-color:#ffffff20}body[data-theme="glass"] .searchbox{background:#ffffff0c}body[data-theme="glass"] .floating-tag{background:#ffffff15}
body[data-theme="amoled"]{--bg:#000;--text:#f5f5f5;--muted:#858585;--violet:#a78bfa;--cyan:#4deeea;--line:#ffffff18;--panel:#080808;--accent:#4deeea}
body[data-theme="amoled"] .sidebar,body[data-theme="amoled"] .player{background:#000}body[data-theme="amoled"] .hero{background:linear-gradient(115deg,#080808,#101018 60%,#031111)}body[data-theme="amoled"] .mood-card,body[data-theme="amoled"] .artist-card{background:#080808;border-color:#242424}body[data-theme="amoled"] .searchbox{background:#080808}
body[data-theme="sunset"]{--bg:#160d1b;--text:#fff4f4;--muted:#c3a3b4;--violet:#ff7ca8;--cyan:#ffc078;--line:#ffb1c51f;--panel:#241320;--accent:#ffc078}
body[data-theme="sunset"] .hero{background:linear-gradient(115deg,#4c1c46,#2b173a 52%,#542a25)}body[data-theme="sunset"] .brand-mark{background:linear-gradient(140deg,#ff9a75,#f14f9a)}body[data-theme="sunset"] .primary-btn{background:linear-gradient(100deg,#ff9a75,#f14f9a)}body[data-theme="sunset"] .mood-violet{background:linear-gradient(135deg,#67325d,#34213d)}body[data-theme="sunset"] .mood-blue{background:linear-gradient(135deg,#24485c,#20243d)}body[data-theme="sunset"] .mood-orange{background:linear-gradient(135deg,#82442d,#3e242b)}body[data-theme="sunset"] .mood-pink{background:linear-gradient(135deg,#8d345d,#45213e)}
@media(max-width:760px){.theme-picker{height:32px;padding:0 6px;gap:3px}.theme-picker>span{display:none}.theme-picker select{max-width:74px;font-size:9px}.topbar{gap:7px}}

/* Spotify-style dynamic discovery additions */
.artist-card{font:inherit;background:#151827;border:1px solid #ffffff12;border-radius:15px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;transition:transform .2s,border-color .2s}.artist-card:hover{transform:translateY(-3px);border-color:#9b74ff80}.artist-card strong{font:600 12px var(--display)}.artist-card small{font-size:10px;color:var(--muted)}.artist-portrait{width:100%;aspect-ratio:1/1;max-height:145px;border-radius:12px;display:grid;place-items:center;font:700 42px var(--display);background:radial-gradient(circle at 30% 20%,#bb8cff,#46316d 45%,#171b2b);color:#fff;box-shadow:inset 0 0 25px #ffffff12}.artist-two .artist-portrait{background:radial-gradient(circle at 30% 20%,#ffb2d4,#8b3f72 45%,#171b2b)}.artist-three .artist-portrait{background:radial-gradient(circle at 30% 20%,#7ce7e2,#27627b 45%,#171b2b)}.artist-four .artist-portrait{background:radial-gradient(circle at 30% 20%,#ffca8b,#8a4c37 45%,#171b2b)}#autoMixGrid .mood-icon{font-size:16px;font-weight:700}.artist-grid{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:1100px){.artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-portrait{max-height:none}.main-content{padding-left:16px;padding-right:16px}}

/* PWA install button */
.install-app-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid #5ef3e566;background:linear-gradient(110deg,#9b74ff2c,#5ef3e51a);color:#f5f5fb;border-radius:22px;padding:10px 14px;font:700 11px var(--display);box-shadow:0 0 22px #8b65ff17}.install-app-btn span{font-size:17px;color:var(--cyan)}.install-app-btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.install-app-btn[hidden]{display:none}@media(max-width:680px){.topbar{gap:9px}.install-app-btn{padding:9px 10px;font-size:10px}.searchbox{width:auto;flex:1}.top-arrows{display:none}}

/* Clean Spotify-inspired button system: text-first, no emoji decorations */
button{font-family:var(--font);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}
.nav-item{position:relative;gap:0;padding:12px 14px;font-weight:600;border-radius:7px;color:#b3b3b3}
.nav-item:hover{background:#ffffff12;color:#fff}
.nav-item.active{background:#ffffff10;color:#fff;box-shadow:inset 3px 0 #1ed760}
.nav-item span{display:none}
.install-app-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:0;background:#1ed760;color:#07130b;border-radius:999px;padding:11px 17px;font:700 12px var(--font);letter-spacing:.1px;box-shadow:none;min-height:38px}
.install-app-btn:hover{background:#3be477;color:#061108;transform:scale(1.03)}
.install-app-btn:active,.primary-btn:active,.play-btn:active{transform:scale(.97)}
.primary-btn{background:#1ed760;color:#061108;box-shadow:none;border-radius:999px;padding:13px 22px;font-weight:700}
.primary-btn:hover{background:#3be477;transform:scale(1.025)}
.primary-btn span{display:none}
.text-btn{border-radius:999px;padding:8px 12px;font-weight:700}
.text-btn:hover{color:#fff;text-decoration:underline}
.top-arrows button{display:grid;place-items:center;background:#090b10;border:0;color:#fff}
.top-arrows button:hover{background:#252832}
.icon-btn,.row-play,.heart-btn,.player-controls button,.player-extra button{border-radius:999px;transition:transform .18s ease,background .18s ease,color .18s ease}
.row-play{background:#1ed760;color:#061108;border:0;width:30px;height:30px;font-weight:800}
.row-play:hover{background:#3be477;transform:scale(1.06)}
.play-btn{background:#1ed760!important;color:#061108!important;border:0!important;width:42px;height:42px;border-radius:50%;box-shadow:none}
.play-btn:hover{background:#3be477!important;transform:scale(1.06)}
.player-controls button:hover,.player-extra button:hover{color:#fff;background:#ffffff14}
.mood-card{border-radius:8px;box-shadow:none}
.mood-card:hover{transform:translateY(-2px);border-color:#1ed76066}
.mood-card>b{display:none}
.artist-card{border-radius:9px;background:#181818;border-color:transparent}
.artist-card:hover{background:#242424;border-color:#1ed76055}
.avatar{border:0;background:#242424;color:#fff;font-weight:700}
.searchbox:focus-within{border-color:#fff;background:#242424}
.searchbox{background:#242424;border:1px solid transparent}
@media(max-width:680px){.install-app-btn{padding:9px 13px;font-size:11px;min-height:35px}.nav-item{padding:11px 12px}.primary-btn{padding:12px 19px}}

/* Lyrics panel */
.lyrics-btn{border:1px solid #ffffff20;background:#202020;color:#fff;border-radius:999px;padding:8px 13px;font:600 11px var(--font);white-space:nowrap}.lyrics-btn:hover{background:#333;border-color:#1ed760}
.lyrics-panel{position:fixed;z-index:50;right:20px;bottom:108px;width:min(430px,calc(100vw - 28px));max-height:min(68vh,620px);overflow:auto;background:#121212;color:#f7f7f7;border:1px solid #ffffff20;border-radius:16px;padding:22px;box-shadow:0 20px 70px #000a}
.lyrics-panel[hidden]{display:none}.lyrics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff18;padding-bottom:16px;margin-bottom:18px}.lyrics-header small,.lyrics-credit{color:#1ed760;font-size:10px;letter-spacing:1.3px;font-weight:700}.lyrics-header h2{font-size:21px;margin:7px 0 4px}.lyrics-header p{font-size:12px;color:#b3b3b3}.lyrics-header button{border:0;border-radius:999px;background:#282828;color:#fff;padding:8px 12px;font-size:11px}.lyrics-content{white-space:pre-wrap;line-height:1.9;font-size:15px;color:#f5f5f5;overflow-wrap:anywhere}.lyrics-content p{margin:0 0 10px}.lyrics-credit{display:block;margin-top:18px;color:#888;letter-spacing:.3px;font-weight:400}
@media(max-width:680px){.lyrics-panel{right:10px;bottom:95px;padding:17px;max-height:70vh}.lyrics-btn{padding:8px 10px;font-size:10px}}