:root {
  --bg:#030711; --panel:#071321ee; --panel-2:#0a1a2a; --line:#274b6f;
  --text:#e7f5ff; --muted:#89a8c2; --accent:#49dfff; --accent-2:#9d66ff;
  --glow:0 0 24px #39d7ff44; --art-glow:#4fdfff33; --radius:12px;
}
*{box-sizing:border-box} html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#2f176244,transparent 28%),radial-gradient(circle at 15% 15%,#07527a36,transparent 32%),linear-gradient(180deg,var(--bg),#02050b);overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#7edfff 1px,transparent 1px);background-size:47px 47px,83px 83px;background-position:0 0,17px 31px;mask-image:linear-gradient(#000,transparent 85%)}
button,input,select{font:inherit}.app-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 24px));margin:auto;padding:max(16px,env(safe-area-inset-top)) 0 max(30px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 2px 14px}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;letter-spacing:.16em}.brand strong{display:block;font-size:.98rem}.brand small{display:block;font-size:.61rem;color:var(--muted);margin-top:2px}.nova-mark{font-size:1.9rem;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.top-actions{display:flex;gap:10px;align-items:center}.skin-picker{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.8rem}.skin-picker select{color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 28px 8px 10px}.panel{border:1px solid color-mix(in srgb,var(--line),#fff 12%);background:linear-gradient(180deg,color-mix(in srgb,var(--panel),#fff 3%),var(--panel));box-shadow:var(--glow),inset 0 1px 0 #ffffff12,inset 0 0 0 2px #0007;border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.window-title{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#00000022);font-size:.72rem;letter-spacing:.18em;color:#b9eaff}.window-title span:last-child{font-size:.62rem;color:var(--muted)}
.player-grid{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px}.art-wrap{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;padding:6px;background:#01040a;box-shadow:0 0 28px var(--art-glow)}.art-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}.favorite{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff36;background:#020a12cc;color:#fff;font-size:1.6rem;backdrop-filter:blur(8px)}.favorite[aria-pressed="true"]{color:var(--accent);border-color:var(--accent);text-shadow:0 0 12px var(--accent)}.now-playing{min-width:0;display:flex;flex-direction:column;gap:11px}.track-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 3px;color:var(--accent);font-size:.66rem;letter-spacing:.18em}.track-heading h1{font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.1;margin:0 0 4px}.track-heading p:last-child{margin:0;color:var(--muted)}.time-readout{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;white-space:nowrap}#visualizer{display:block;width:100%;height:112px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 80% 30%,#482a7766,transparent 32%),linear-gradient(180deg,#02060d,#061628)}input[type="range"]{accent-color:var(--accent)}.seek-row input{width:100%}.controls{display:flex;justify-content:center;align-items:center;gap:10px}.icon-btn,.play-btn,.chip,.tab{cursor:pointer;color:var(--text);border:1px solid var(--line);background:linear-gradient(180deg,#17314c,#091523);box-shadow:inset 0 1px 0 #ffffff18}.icon-btn{width:52px;height:46px;border-radius:9px}.icon-btn.small{width:44px;font-size:1.15rem}.play-btn{width:64px;height:58px;border-radius:12px;border-color:var(--accent);font-size:1.5rem;box-shadow:0 0 22px #43dfff3b,inset 0 0 15px #33d9ff22}.icon-btn[aria-pressed="true"],.chip.active,.tab.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #4ddfff2b,inset 0 0 12px #4ddfff16}.utility-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.volume{display:flex;align-items:center;gap:7px;min-width:150px}.volume input{width:min(260px,34vw)}.chip{border-radius:8px;padding:8px 12px}.eq-toolbar{display:flex;gap:8px;padding:12px 14px 2px}.eq-bands{display:grid;grid-template-columns:repeat(10,minmax(42px,1fr));gap:4px;padding:12px}.eq-channel{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.68rem}.eq-channel output{font-variant-numeric:tabular-nums;color:var(--text);font-size:.64rem}.eq-channel input{writing-mode:vertical-lr;direction:rtl;width:28px;height:120px}.library-tools{display:flex;justify-content:space-between;gap:12px;padding:12px}.library-tabs{display:flex;gap:7px}.tab{border-radius:7px;padding:8px 12px}.search{display:flex;align-items:center;gap:6px;width:min(360px,45%);padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#020812}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:9px 0}.track-list-head,.track-row{display:grid;grid-template-columns:44px minmax(0,1.8fr) minmax(120px,.8fr) 60px;gap:8px;align-items:center}.track-list-head{padding:7px 14px;color:var(--muted);font-size:.7rem;border-top:1px solid #ffffff0c;border-bottom:1px solid var(--line)}.track-list{max-height:420px;overflow:auto;padding:5px}.track-row{width:100%;text-align:left;border:0;border-radius:7px;padding:10px 9px;color:var(--text);background:transparent;cursor:pointer}.track-row:hover{background:#ffffff08}.track-row.active{background:linear-gradient(90deg,#0b5a877a,#233c6270);outline:1px solid #3ccff666}.track-index{color:var(--accent);font-variant-numeric:tabular-nums}.track-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.track-artist{color:#bdd4e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.footer-note{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;padding:7px 10px}.equalizer.collapsed .eq-toolbar,.equalizer.collapsed .eq-bands{display:none}.equalizer.collapsed .window-title{border-bottom:0}
body[data-skin="desert"]{--bg:#080604;--panel:#16110dea;--panel-2:#21170e;--line:#7f5934;--text:#fff2df;--muted:#c4a17d;--accent:#ffb35a;--accent-2:#da69ff;--art-glow:#ff9b3940;background:radial-gradient(circle at 80% 10%,#5a254b55,transparent 30%),radial-gradient(circle at 15% 15%,#924a1538,transparent 32%),linear-gradient(180deg,#0a0705,#030201)}
body[data-skin="classic"]{--bg:#101010;--panel:#202328f2;--panel-2:#171a1d;--line:#717a82;--text:#e8f1de;--muted:#a5afa1;--accent:#8dff67;--accent-2:#d1ff61;--glow:0 5px 20px #0009;--radius:3px}.classic .panel{border-radius:3px}
body[data-skin="legacy83"]{--bg:#0b0907;--panel:#8f8b82f2;--panel-2:#17191d;--line:#5d5143;--text:#f4f1e9;--muted:#c6bcae;--accent:#39a8ff;--accent-2:#8ed2ff;--glow:0 10px 30px #000b,0 0 24px #188ee433;--art-glow:#2f91e655;--radius:4px;background:radial-gradient(circle at 50% 7%,#2e241b66,transparent 32%),linear-gradient(90deg,#2a1b11 0 4%,#0b0a09 11% 89%,#2a1b11 96% 100%),linear-gradient(180deg,#15110d,#050403)}
body[data-skin="legacy83"] .stars{opacity:.12;background-image:radial-gradient(#d8c6a5 1px,transparent 1px);background-size:79px 79px}
body[data-skin="legacy83"] .app-shell{padding-left:10px;padding-right:10px;background:linear-gradient(90deg,#4b2b18 0 8px,#2b180d 8px 16px,transparent 16px calc(100% - 16px),#2b180d calc(100% - 16px) calc(100% - 8px),#4b2b18 calc(100% - 8px));box-shadow:0 0 45px #000b}
body[data-skin="legacy83"] .panel{border-color:#5c4d3f;background:linear-gradient(180deg,#aaa59a 0,#77736b 11%,#24282d 11.4%,#101318 100%);box-shadow:0 8px 25px #000a,inset 0 1px 0 #eee9,inset 0 0 0 2px #33281f}
body[data-skin="legacy83"] .window-title{color:#211a14;background:linear-gradient(180deg,#d1cec5,#8f8a80);border-bottom:1px solid #4d4338;text-shadow:0 1px #ffffff77;font-weight:800}
body[data-skin="legacy83"] .window-title span:last-child{color:#41372e}
body[data-skin="legacy83"] .brand strong,body[data-skin="legacy83"] .brand small{color:#e8ded0}
body[data-skin="legacy83"] .nova-mark{color:#67baff;filter:drop-shadow(0 0 10px #279fff)}
body[data-skin="legacy83"] .skin-picker select{background:linear-gradient(#292d31,#15171a);border-color:#746a60;color:#f5efe6;border-radius:3px;color-scheme:dark}
body[data-skin="legacy83"] .skin-picker select option{background:#17191c;color:#f5efe6}
body[data-skin="legacy83"] .art-wrap{border-color:#65594e;border-radius:3px;background:#090b0e;padding:5px;box-shadow:inset 0 0 0 2px #000,0 0 22px #1b8ddb44}
body[data-skin="legacy83"] .art-wrap img{border-radius:1px}
body[data-skin="legacy83"] #visualizer{border-radius:2px;border-color:#406d92;background:repeating-linear-gradient(90deg,transparent 0 7.5%,#2e9cff20 7.8% 8%),repeating-linear-gradient(0deg,transparent 0 17px,#2197ff1c 18px 19px),radial-gradient(ellipse at center,#20a1ff88 0,#0c4e8566 24%,#04101e 64%),linear-gradient(180deg,#020508,#07111b);box-shadow:inset 0 0 35px #168dff55,0 0 18px #168dff33}
body[data-skin="legacy83"] .icon-btn,body[data-skin="legacy83"] .play-btn,body[data-skin="legacy83"] .chip,body[data-skin="legacy83"] .tab{color:#171717;border-color:#5d574f;border-radius:3px;background:linear-gradient(180deg,#d2cec4,#8f8a81 48%,#6e6a63 52%,#b0aca3);box-shadow:inset 0 1px 0 #fff9,0 2px 3px #0008;text-shadow:0 1px #fff7;font-weight:700}
body[data-skin="legacy83"] .icon-btn[aria-pressed="true"],body[data-skin="legacy83"] .chip.active,body[data-skin="legacy83"] .tab.active{color:#053b68;border-color:#168ee6;box-shadow:inset 0 0 8px #35aaff77,0 0 10px #249fff55}
body[data-skin="legacy83"] .play-btn{border-color:#3988bd;box-shadow:inset 0 1px 0 #fff,0 0 15px #279fff44}
body[data-skin="legacy83"] .favorite{border-radius:3px;background:#10151acc;border-color:#6c7277}
body[data-skin="legacy83"] .search{border-radius:2px;border-color:#5a6269;background:#090c10}
body[data-skin="legacy83"] .track-row{border-radius:2px}
body[data-skin="legacy83"] .track-row.active{background:linear-gradient(90deg,#0e5c94cc,#13293acc);outline-color:#4eb4ff99}
body[data-skin="legacy83"] .eq-bands{background:linear-gradient(180deg,#15191d,#090b0d);border-top:1px solid #5e5b56}
body[data-skin="legacy83"] .eq-channel input{filter:drop-shadow(0 0 4px #249fff66)}
body[data-skin="legacy83"] .footer-note{color:#d0c4b5}
@media(max-width:760px){.app-shell{width:min(100% - 14px,620px)}.topbar{position:sticky;top:0;z-index:10;padding:8px 4px;background:linear-gradient(180deg,var(--bg) 70%,transparent);backdrop-filter:blur(8px)}.brand strong{font-size:.8rem}.skin-picker{font-size:0}.skin-picker select{font-size:.76rem}.window-title .tagline,.window-title span:last-child{display:none}.player-grid{grid-template-columns:1fr;padding:14px}.art-wrap{width:min(76vw,360px);justify-self:center}.track-heading{align-items:flex-end}.time-readout{font-size:.8rem}.now-playing{gap:12px}#visualizer{height:82px}.controls{gap:7px}.icon-btn{width:47px}.icon-btn.small{width:39px}.play-btn{width:62px;height:58px}.utility-row{justify-content:center}.volume{display:none}.equalizer.collapsed{display:block}.eq-bands{overflow-x:auto;grid-template-columns:repeat(10,52px);padding-bottom:18px}.eq-channel input{height:95px}.library-tools{flex-direction:column}.search{width:100%}.track-list-head{display:none}.track-row{grid-template-columns:34px minmax(0,1fr) 52px}.track-artist{display:none}.track-row{padding:12px 8px}.track-list{max-height:none}.footer-note{padding-bottom:calc(8px + env(safe-area-inset-bottom))}body[data-skin="legacy83"] .app-shell{background:linear-gradient(90deg,#4a2b18 0 5px,transparent 5px calc(100% - 5px),#4a2b18 calc(100% - 5px));padding-left:7px;padding-right:7px}}
@media(max-width:390px){.top-actions{gap:5px}.chip{padding:7px 9px}.controls{gap:4px}.icon-btn{width:43px}.icon-btn.small{width:36px}.play-btn{width:56px}.art-wrap{width:min(82vw,330px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.nova-mark{filter:none}}

/* Classic 99: late-1990s desktop component player */
body[data-skin="classic"]{
  --bg:#111315;--panel:#393d40;--panel-2:#121619;--line:#8a8f91;--text:#e9eee5;--muted:#aeb7a8;
  --accent:#8dff67;--accent-2:#e0ff72;--art-glow:#8dff6735;--glow:0 8px 22px #000d;--radius:0;
  font-family:"Courier New",ui-monospace,monospace;
  background:
    repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 4px),
    radial-gradient(circle at 50% -10%,#31404a 0,transparent 42%),
    linear-gradient(180deg,#171a1d,#080a0b 68%,#030404);
}
body[data-skin="classic"] .stars{
  opacity:.16;background-image:radial-gradient(#b9ffc0 1px,transparent 1px);background-size:61px 61px;
  mask-image:linear-gradient(#000,transparent 70%);
}
body[data-skin="classic"] .app-shell{width:min(1040px,calc(100% - 22px));padding-top:10px}
body[data-skin="classic"] .topbar{
  margin:0 0 7px;padding:7px 9px;border:2px solid #62676a;border-top-color:#bac0c1;border-left-color:#bac0c1;
  border-right-color:#202326;border-bottom-color:#202326;background:linear-gradient(180deg,#4c5154,#25292c);box-shadow:0 5px 12px #000a;
}
body[data-skin="classic"] .brand{gap:8px;letter-spacing:.1em;text-shadow:1px 1px #000}
body[data-skin="classic"] .brand strong{color:#f4f5ef;font-size:.86rem}
body[data-skin="classic"] .brand small{color:#a9ff82;font-size:.58rem}
body[data-skin="classic"] .nova-mark{color:#b7ff75;font-size:1.55rem;filter:drop-shadow(0 0 4px #79ff5f)}
body[data-skin="classic"] .skin-picker{color:#e6e9e3;font-size:.7rem;font-weight:700;text-transform:uppercase}
body[data-skin="classic"] .skin-picker select{
  padding:5px 25px 5px 7px;border:2px solid #131516;border-top-color:#050606;border-left-color:#050606;
  border-right-color:#aeb3b4;border-bottom-color:#aeb3b4;border-radius:0;background:#101414;color:#aaff72;color-scheme:dark;
  font:700 .68rem/1 "Courier New",monospace;
}
body[data-skin="classic"] .skin-picker option{background:#0e1111;color:#c9ff9e}
body[data-skin="classic"] .panel{
  position:relative;border:3px solid #292c2e;border-top-color:#9da2a3;border-left-color:#9da2a3;
  border-right-color:#111314;border-bottom-color:#111314;border-radius:0;margin-bottom:7px;
  background:linear-gradient(135deg,#4a4e51,#2d3134 48%,#1c2022);box-shadow:0 7px 17px #000c,inset 0 0 0 1px #656a6c;
}
body[data-skin="classic"] .panel::before{
  content:"";position:absolute;z-index:4;inset:4px;pointer-events:none;
  background:radial-gradient(circle at 4px 4px,#0d0f10 0 1px,#abb0af 1.5px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 4px) 4px,#0d0f10 0 1px,#abb0af 1.5px 2.5px,transparent 3px),radial-gradient(circle at 4px calc(100% - 4px),#0d0f10 0 1px,#abb0af 1.5px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#0d0f10 0 1px,#abb0af 1.5px 2.5px,transparent 3px);
}
body[data-skin="classic"] .window-title{
  min-height:30px;padding:5px 10px;border:0;border-bottom:2px solid #0d1012;color:#fff;
  background:linear-gradient(90deg,#071a73 0,#123ba2 46%,#633078 100%);box-shadow:inset 0 1px #7995e5,inset 0 -1px #020928;
  font-size:.65rem;font-weight:900;letter-spacing:.09em;text-shadow:1px 1px #000;
}
body[data-skin="classic"] .window-title span:last-child{color:#dce8ff;font-size:.55rem}
body[data-skin="classic"] .player-window>.window-title span:last-child{font-size:0}
body[data-skin="classic"] .player-window>.window-title span:last-child::after{content:"CLASSIC 99 • 44.1 kHz STEREO";font-size:.55rem}
body[data-skin="classic"] .player-grid{grid-template-columns:224px 1fr;gap:12px;padding:12px;background:linear-gradient(135deg,#464b4e,#272b2e)}
body[data-skin="classic"] .art-wrap{
  border:3px solid #161819;border-top-color:#070808;border-left-color:#070808;border-right-color:#858b8c;border-bottom-color:#858b8c;
  border-radius:0;padding:3px;background:#050606;box-shadow:inset 0 0 0 1px #000,0 0 10px #8dff6728;
}
body[data-skin="classic"] .art-wrap::after{content:"";position:absolute;inset:3px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px);mix-blend-mode:multiply}
body[data-skin="classic"] .art-wrap img{border-radius:0;filter:saturate(.88) contrast(1.07)}
body[data-skin="classic"] .favorite{
  right:9px;bottom:9px;width:34px;height:30px;border-radius:0;border:2px solid #1b1d1e;border-top-color:#d2d6d5;border-left-color:#d2d6d5;
  background:linear-gradient(#9da1a0,#4d5153);color:#182017;font-size:1.2rem;box-shadow:2px 2px 2px #000b;backdrop-filter:none;
}
body[data-skin="classic"] .favorite[aria-pressed="true"]{color:#9cff6d;background:#172018;text-shadow:0 0 6px #71ff4f}
body[data-skin="classic"] .now-playing{gap:7px;padding:8px;border:2px solid #1a1d1e;border-top-color:#101213;border-left-color:#101213;border-right-color:#707577;border-bottom-color:#707577;background:#262a2c}
body[data-skin="classic"] .track-heading{
  min-height:66px;align-items:center;padding:8px 10px;border:3px solid #252a27;border-top-color:#060807;border-left-color:#060807;
  border-right-color:#737b74;border-bottom-color:#737b74;background:radial-gradient(circle at 70% 40%,#173015,#071108 55%,#030704);box-shadow:inset 0 0 14px #000;
}
body[data-skin="classic"] .eyebrow{color:#6bcf52;font-size:.55rem;letter-spacing:.13em}
body[data-skin="classic"] .track-heading h1{margin:0;color:#b8ff78;font-size:clamp(1rem,2vw,1.45rem);line-height:1.05;text-shadow:0 0 5px #71d852}
body[data-skin="classic"] .track-heading p:last-child{color:#7fbd74;font-size:.68rem}
body[data-skin="classic"] .time-readout{padding:5px 7px;border:1px solid #33532c;background:#020502;color:#d5ff75;font-size:.88rem;letter-spacing:.05em;box-shadow:inset 0 0 7px #000,0 0 5px #80ff5533}
body[data-skin="classic"] #visualizer{
  height:94px;border:3px solid #202422;border-top-color:#050605;border-left-color:#050605;border-right-color:#737973;border-bottom-color:#737973;border-radius:0;
  background:repeating-linear-gradient(90deg,transparent 0 19px,#75ff5016 20px),repeating-linear-gradient(0deg,transparent 0 14px,#75ff5013 15px),linear-gradient(#020702,#071307);box-shadow:inset 0 0 22px #000;
}
body[data-skin="classic"] .seek-row{padding:5px 7px;border:2px solid #181a1b;border-top-color:#090a0a;border-left-color:#090a0a;border-right-color:#6f7475;border-bottom-color:#6f7475;background:#202426}
body[data-skin="classic"] input[type="range"]{accent-color:#9dff65}
body[data-skin="classic"] .controls{gap:4px;padding:6px;border:2px solid #202325;border-top-color:#7d8283;border-left-color:#7d8283;background:#353a3c}
body[data-skin="classic"] .icon-btn,
body[data-skin="classic"] .play-btn,
body[data-skin="classic"] .chip,
body[data-skin="classic"] .tab{
  border:2px solid #222526;border-top-color:#c2c6c5;border-left-color:#c2c6c5;border-right-color:#111314;border-bottom-color:#111314;border-radius:0;
  background:linear-gradient(#a9adac,#696e70 52%,#85898a);color:#111514;box-shadow:inset 0 1px #eef0ed66,1px 1px 2px #0009;text-shadow:1px 1px #dfe3df;font-weight:900;
}
body[data-skin="classic"] .icon-btn{width:46px;height:36px}
body[data-skin="classic"] .icon-btn.small{width:39px;font-size:1rem}
body[data-skin="classic"] .play-btn{width:54px;height:40px;font-size:1.15rem;border-color:#202421;border-top-color:#d6ddd2;border-left-color:#d6ddd2}
body[data-skin="classic"] .icon-btn:active,
body[data-skin="classic"] .play-btn:active,
body[data-skin="classic"] .chip:active,
body[data-skin="classic"] .tab:active{border-color:#151718;border-top-color:#111314;border-left-color:#111314;border-right-color:#aeb3b2;border-bottom-color:#aeb3b2;transform:translate(1px,1px)}
body[data-skin="classic"] .icon-btn[aria-pressed="true"],
body[data-skin="classic"] .chip.active,
body[data-skin="classic"] .tab.active{color:#17430f;background:#a8c89a;border-color:#88b37b;box-shadow:inset 0 0 5px #2d5d22;text-shadow:1px 1px #eaffdf}
body[data-skin="classic"] .utility-row{padding:6px 8px;border:2px solid #1b1e1f;border-top-color:#737879;border-left-color:#737879;background:#303436}
body[data-skin="classic"] .volume{color:#cbd0c8;font-size:.68rem}
body[data-skin="classic"] .chip{padding:6px 9px;font-size:.65rem;text-transform:uppercase}
body[data-skin="classic"] .eq-toolbar{padding:8px;background:#373b3d;border-bottom:2px solid #111415}
body[data-skin="classic"] .eq-bands{padding:12px 10px 14px;background:repeating-linear-gradient(0deg,transparent 0 15px,#76ff5412 16px),linear-gradient(#061006,#020502);border-top:2px solid #707671;box-shadow:inset 0 0 20px #000}
body[data-skin="classic"] .eq-channel{gap:6px;color:#74bd62;font-size:.58rem}
body[data-skin="classic"] .eq-channel output{color:#caff91;font-size:.57rem;text-shadow:0 0 4px #7cff59}
body[data-skin="classic"] .eq-channel input{height:108px;filter:drop-shadow(0 0 3px #8dff6755)}
body[data-skin="classic"] .library-tools{padding:8px;background:linear-gradient(#44494b,#2b2f31);border-bottom:2px solid #111415}
body[data-skin="classic"] .library-tabs{gap:3px}
body[data-skin="classic"] .tab{padding:6px 10px;font-size:.62rem;text-transform:uppercase}
body[data-skin="classic"] .search{border:3px solid #242824;border-top-color:#070907;border-left-color:#070907;border-right-color:#737b73;border-bottom-color:#737b73;border-radius:0;background:#050a05;color:#8dff67}
body[data-skin="classic"] .search input{color:#caff99;font:700 .68rem/1 "Courier New",monospace}
body[data-skin="classic"] .search input::placeholder{color:#5d8952}
body[data-skin="classic"] .track-list-head{padding:6px 11px;border-color:#162918;background:#09150a;color:#84d66c;font-size:.6rem;text-transform:uppercase}
body[data-skin="classic"] .track-list{padding:3px;max-height:370px;background:#030704;scrollbar-color:#788078 #111513;scrollbar-width:thin}
body[data-skin="classic"] .track-row{border-radius:0;padding:7px 8px;border-bottom:1px dotted #254422;color:#b8e2a7;font-size:.72rem}
body[data-skin="classic"] .track-row:hover{background:#102313;color:#d8ffbf}
body[data-skin="classic"] .track-row.active{background:#142d75;color:#fff;outline:1px solid #6c8ed7;box-shadow:inset 0 0 8px #020b2c}
body[data-skin="classic"] .track-row.active .track-index,
body[data-skin="classic"] .track-row.active .track-artist,
body[data-skin="classic"] .track-row.active .track-duration{color:#e9f0ff}
body[data-skin="classic"] .track-index{color:#95ff6c}
body[data-skin="classic"] .track-name small{color:#668e5e;font-size:.58rem}
body[data-skin="classic"] .track-artist{color:#82a87a}
body[data-skin="classic"] .track-duration{color:#6e9e64}
body[data-skin="classic"] .footer-note{padding:8px;color:#87a981;font-size:.58rem;text-transform:uppercase;text-shadow:1px 1px #000}

@media(max-width:760px){
  body[data-skin="classic"] .app-shell{width:min(100% - 8px,620px);padding-top:4px}
  body[data-skin="classic"] .topbar{padding:6px;top:0;background:linear-gradient(#474c4f,#24282a)}
  body[data-skin="classic"] .player-grid{grid-template-columns:1fr;padding:8px}
  body[data-skin="classic"] .art-wrap{width:min(68vw,300px)}
  body[data-skin="classic"] .now-playing{padding:6px}
  body[data-skin="classic"] .track-heading{min-height:58px;padding:7px}
  body[data-skin="classic"] #visualizer{height:78px}
  body[data-skin="classic"] .controls{gap:3px;padding:5px}
  body[data-skin="classic"] .icon-btn{width:42px}
  body[data-skin="classic"] .play-btn{width:49px;height:38px}
  body[data-skin="classic"] .library-tools{padding:6px}
  body[data-skin="classic"] .track-row{padding:9px 6px}
}

/* Nova: Astralis command-console skin */
body[data-skin="nova"]{
  --bg:#020611;--panel:#071528ee;--panel-2:#08192c;--line:#24628d;--text:#eaf8ff;--muted:#8baec8;
  --accent:#50e6ff;--accent-2:#a870ff;--art-glow:#4bdfff4d;--glow:0 14px 38px #000b,0 0 26px #26c9ff24;--radius:15px;
  background:
    radial-gradient(ellipse at 82% 7%,#6c39a538 0,transparent 32%),
    radial-gradient(ellipse at 13% 20%,#047caf3d 0,transparent 34%),
    radial-gradient(ellipse at 50% 110%,#123f7338 0,transparent 52%),
    linear-gradient(180deg,#030817,#01030a);
}
body[data-skin="nova"] .stars{
  opacity:.62;background-image:radial-gradient(#fff 0 1px,transparent 1.4px),radial-gradient(#71dcff 0 1px,transparent 1.5px),radial-gradient(#b386ff 0 1.2px,transparent 1.7px);
  background-size:59px 59px,97px 97px,151px 151px;background-position:0 0,23px 41px,71px 19px;
}
body[data-skin="nova"] .app-shell{width:min(1160px,calc(100% - 24px));padding-top:13px}
body[data-skin="nova"] .topbar{
  margin:0 0 12px;padding:9px 14px;border:1px solid #3da4ce80;border-radius:14px 14px 5px 5px;
  background:linear-gradient(100deg,#071527e8,#0b2035d9 55%,#28184acc);box-shadow:inset 0 1px #b7f4ff24,0 8px 24px #0009,0 0 20px #2bd6ff16;
  backdrop-filter:blur(15px);
}
body[data-skin="nova"] .brand{letter-spacing:.19em}
body[data-skin="nova"] .brand strong{color:#f2fbff;text-shadow:0 0 9px #53dcff}
body[data-skin="nova"] .brand small{color:#8cc9ea}
body[data-skin="nova"] .nova-mark{color:#7cecff;filter:drop-shadow(0 0 10px #35d5ff) drop-shadow(0 0 22px #7c51ff)}
body[data-skin="nova"] .skin-picker{color:#9bc7df;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem}
body[data-skin="nova"] .skin-picker select{
  border:1px solid #3884aa;border-radius:8px;background:linear-gradient(#102a42,#071421);color:#dff8ff;color-scheme:dark;
  box-shadow:inset 0 0 12px #0008,0 0 10px #35ceff1d;
}
body[data-skin="nova"] .skin-picker option{background:#071421;color:#e5faff}
body[data-skin="nova"] .panel{
  position:relative;border:1px solid #287eaa;border-radius:15px 5px 15px 5px;
  background:linear-gradient(145deg,#0b2139ed,#071524f2 55%,#080f20f5);box-shadow:0 15px 38px #000b,inset 0 1px #bbf5ff20,inset 0 0 0 2px #020711b8,0 0 28px #28cbff1c;
  backdrop-filter:blur(13px);
}
body[data-skin="nova"] .panel::after{
  content:"";position:absolute;z-index:4;left:16px;right:16px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#61e8ff 22%,#9b7cff 72%,transparent);box-shadow:0 0 9px #49ddff;
}
body[data-skin="nova"] .window-title{
  min-height:39px;padding:9px 15px 8px 18px;border-bottom:1px solid #225c80;color:#c9f5ff;
  background:linear-gradient(90deg,#0a2944e8,#101b39dd 58%,#25163dd9);font-weight:800;letter-spacing:.17em;text-shadow:0 0 7px #53dfff;
}
body[data-skin="nova"] .window-title::before{content:"◆";margin-right:7px;color:#59e7ff;text-shadow:0 0 8px #59e7ff}
body[data-skin="nova"] .window-title span:first-child{margin-right:auto}
body[data-skin="nova"] .window-title span:last-child{color:#9eaee0}
body[data-skin="nova"] .player-grid{grid-template-columns:270px 1fr;gap:22px;padding:21px;background:radial-gradient(circle at 18% 34%,#116b9440,transparent 31%),linear-gradient(135deg,#07182a,#070c19)}
body[data-skin="nova"] .art-wrap{
  border:1px solid #4edcff75;border-radius:18px 5px 18px 5px;padding:7px;background:#020711;
  box-shadow:0 0 0 3px #071c2c,0 0 30px #31d9ff45,inset 0 0 22px #000;
}
body[data-skin="nova"] .art-wrap::before{
  content:"";position:absolute;z-index:0;inset:-11px;border:1px solid #5de7ff35;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 20px #744fff24;pointer-events:none;
}
body[data-skin="nova"] .art-wrap img{border-radius:12px 3px 12px 3px;filter:saturate(1.12) contrast(1.04)}
body[data-skin="nova"] .favorite{border-color:#56dfff73;background:#03101dcc;color:#e5f7ff;box-shadow:inset 0 0 13px #29d5ff22,0 0 15px #0009}
body[data-skin="nova"] .favorite[aria-pressed="true"]{background:#102351;color:#7cecff;box-shadow:inset 0 0 15px #755dff4d,0 0 15px #45dcff66}
body[data-skin="nova"] .now-playing{gap:12px;padding:2px}
body[data-skin="nova"] .track-heading{
  min-height:76px;align-items:center;padding:12px 15px;border:1px solid #286c91;border-radius:4px 14px 4px 14px;
  background:radial-gradient(circle at 76% 32%,#633fa632,transparent 32%),linear-gradient(110deg,#061927,#0b1730);box-shadow:inset 0 0 24px #0009,0 0 15px #39d7ff17;
}
body[data-skin="nova"] .eyebrow{color:#65e9ff;font-size:.62rem;text-shadow:0 0 6px #48dcff}
body[data-skin="nova"] .track-heading h1{color:#f3fbff;text-shadow:0 0 10px #3ecfff66;font-weight:650;letter-spacing:.015em}
body[data-skin="nova"] .track-heading p:last-child{color:#90b8d1}
body[data-skin="nova"] .time-readout{padding:7px 9px;border:1px solid #3b83a9;border-radius:6px;background:#020b15;color:#87ecff;box-shadow:inset 0 0 10px #000,0 0 9px #50dfff27}
body[data-skin="nova"] #visualizer{
  height:118px;border-color:#2a83ae;border-radius:5px 15px 5px 15px;
  background:repeating-linear-gradient(90deg,transparent 0 24px,#48dfff13 25px),repeating-linear-gradient(0deg,transparent 0 18px,#7a65ff12 19px),radial-gradient(ellipse at center,#1959a14d,#03101f 63%),linear-gradient(#02050d,#07162a);
  box-shadow:inset 0 0 32px #000b,0 0 16px #3ddfff21;
}
body[data-skin="nova"] .seek-row{padding:6px 9px;border:1px solid #1f5270;border-radius:7px;background:#03101d;box-shadow:inset 0 0 10px #000}
body[data-skin="nova"] .controls{gap:11px;padding:6px}
body[data-skin="nova"] .icon-btn,
body[data-skin="nova"] .play-btn,
body[data-skin="nova"] .chip,
body[data-skin="nova"] .tab{
  border:1px solid #2b779d;background:linear-gradient(145deg,#153a58,#081827 62%);color:#e8f9ff;
  box-shadow:inset 0 1px #b4f2ff20,inset 0 -7px 14px #0004,0 5px 11px #0008;text-shadow:0 0 6px #60dcff;
}
body[data-skin="nova"] .icon-btn{border-radius:12px 4px 12px 4px}
body[data-skin="nova"] .play-btn{border-radius:50%;border-color:#64e6ff;background:radial-gradient(circle at 35% 28%,#2f769e,#0a2540 46%,#050d18 72%);box-shadow:inset 0 0 18px #41dcff22,0 0 20px #42dfff45}
body[data-skin="nova"] .icon-btn:hover,
body[data-skin="nova"] .play-btn:hover,
body[data-skin="nova"] .chip:hover,
body[data-skin="nova"] .tab:hover{filter:brightness(1.18)}
body[data-skin="nova"] .icon-btn[aria-pressed="true"],
body[data-skin="nova"] .chip.active,
body[data-skin="nova"] .tab.active{color:#fff;border-color:#756cff;background:linear-gradient(145deg,#283d78,#16254c);box-shadow:inset 0 0 15px #8b6cff55,0 0 15px #4bdfff35}
@keyframes nova-control-pulse{0%,100%{box-shadow:inset 0 0 18px #41dcff22,0 0 16px #42dfff38}50%{box-shadow:inset 0 0 24px #5ce8ff40,0 0 28px #55dfff70}}
body[data-skin="nova"] #playBtn[aria-label="Pause"]{animation:nova-control-pulse 2.2s ease-in-out infinite}
body[data-skin="nova"] .utility-row{padding:8px 10px;border:1px solid #184561;border-radius:5px;background:linear-gradient(90deg,#061522,#0b1425);box-shadow:inset 0 0 13px #0007}
body[data-skin="nova"] .chip,body[data-skin="nova"] .tab{border-radius:8px 3px 8px 3px}
body[data-skin="nova"] .eq-toolbar{padding:11px 14px 5px;background:linear-gradient(90deg,#071625,#10142b)}
body[data-skin="nova"] .eq-bands{background:repeating-linear-gradient(0deg,transparent 0 19px,#5fdfff0d 20px),linear-gradient(180deg,#08192a,#030914);border-top:1px solid #1e5676;box-shadow:inset 0 0 25px #0008}
body[data-skin="nova"] .eq-channel{color:#79bdd9}
body[data-skin="nova"] .eq-channel output{color:#8ceeff;text-shadow:0 0 5px #4addff}
body[data-skin="nova"] .eq-channel input{filter:drop-shadow(0 0 5px #4bdfff66)}
body[data-skin="nova"] .library-tools{padding:12px 14px;background:linear-gradient(90deg,#071625,#11142c);border-bottom:1px solid #225775}
body[data-skin="nova"] .search{border-color:#286c92;border-radius:4px 12px 4px 12px;background:#03101d;box-shadow:inset 0 0 13px #0008}
body[data-skin="nova"] .search input{color:#dff8ff}
body[data-skin="nova"] .track-list-head{background:#071523;color:#74cce8;border-color:#1d4d69}
body[data-skin="nova"] .track-list{background:linear-gradient(#06111e,#040a13);scrollbar-color:#275a7d #06101a;scrollbar-width:thin}
body[data-skin="nova"] .track-row{border-radius:5px 12px 5px 12px;border-bottom:1px solid #19354a66}
body[data-skin="nova"] .track-row:hover{background:linear-gradient(90deg,#0b334a99,#171c3a88)}
body[data-skin="nova"] .track-row.active{background:linear-gradient(90deg,#0c5d7fb8,#302161b5);outline-color:#65deff99;box-shadow:inset 0 0 15px #020917,0 0 10px #3edcff16}
body[data-skin="nova"] .track-name small{color:#6e9eb9}
body[data-skin="nova"] .footer-note{color:#729ab4;text-transform:uppercase;font-size:.61rem}

@media(max-width:760px){
  body[data-skin="nova"] .app-shell{width:min(100% - 10px,620px);padding-top:5px}
  body[data-skin="nova"] .topbar{padding:7px 8px;border-radius:10px 10px 3px 3px;background:linear-gradient(100deg,#071527f2,#181438e8)}
  body[data-skin="nova"] .player-grid{grid-template-columns:1fr;padding:13px;gap:16px}
  body[data-skin="nova"] .art-wrap{width:min(72vw,320px)}
  body[data-skin="nova"] .track-heading{min-height:66px;padding:9px 11px}
  body[data-skin="nova"] #visualizer{height:88px}
  body[data-skin="nova"] .controls{gap:6px}
  body[data-skin="nova"] .utility-row{justify-content:center}
}
@media(prefers-reduced-motion:reduce){body[data-skin="nova"] #playBtn[aria-label="Pause"]{animation:none}}

/* Cactus Forest: copper-and-walnut desert-night stereo */
body[data-skin="desert"]{
  --bg:#090402;--panel:#1a0d08f2;--panel-2:#211109;--line:#9b5931;--text:#fff0d4;--muted:#c59a72;
  --accent:#ffb24f;--accent-2:#d76bc8;--art-glow:#ff8c3945;--glow:0 16px 38px #000c,0 0 24px #e66e2720;--radius:9px;
  background:
    radial-gradient(circle at 77% 8%,#a84f6754 0,transparent 25%),
    radial-gradient(ellipse at 20% 13%,#c1632638 0,transparent 32%),
    linear-gradient(180deg,#190a14 0,#120706 34%,#070302 72%,#020101);
}
body[data-skin="desert"] .stars{
  opacity:1;mask-image:none;background-image:radial-gradient(#ffe9bd 0 1px,transparent 1.4px),radial-gradient(#eab9c8 0 1px,transparent 1.5px);
  background-size:83px 83px,137px 137px;background-position:9px 17px,43px 61px;
}
body[data-skin="desert"] .stars::before{
  content:"";position:absolute;right:9vw;top:5vh;width:clamp(52px,7vw,88px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 37% 31%,#fff6d7,#ffd799 48%,#d9786b 76%,#8d395b);box-shadow:0 0 30px #ffba7970,0 0 80px #c9576542;
}
body[data-skin="desert"] .stars::after{
  content:"";position:absolute;inset:auto 0 0;height:29vh;opacity:.72;
  background:
    linear-gradient(#120705,#120705) 9% 54%/7px 108px no-repeat,linear-gradient(#120705,#120705) 7.7% 66%/23px 7px no-repeat,linear-gradient(#120705,#120705) 7.2% 55%/6px 42px no-repeat,
    linear-gradient(#120705,#120705) 86% 68%/6px 74px no-repeat,linear-gradient(#120705,#120705) 84.8% 75%/21px 6px no-repeat,linear-gradient(#120705,#120705) 84.4% 67%/5px 33px no-repeat,
    radial-gradient(ellipse at 11% 108%,#150806 0 20%,transparent 20.4%),radial-gradient(ellipse at 46% 116%,#100504 0 34%,transparent 34.4%),radial-gradient(ellipse at 92% 110%,#170806 0 23%,transparent 23.4%);
}
body[data-skin="desert"] .app-shell{width:min(1120px,calc(100% - 24px));padding-top:12px}
body[data-skin="desert"] .topbar{
  margin:0 0 11px;padding:9px 13px;border:1px solid #a66235;border-radius:8px 8px 3px 3px;
  background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 7px),linear-gradient(180deg,#492416,#261008 54%,#150805);box-shadow:inset 0 1px #ffd09a35,inset 0 -3px #090302,0 8px 22px #000b;
}
body[data-skin="desert"] .brand{letter-spacing:.16em;text-shadow:0 2px 3px #000}
body[data-skin="desert"] .brand strong{color:#fff1d5}
body[data-skin="desert"] .brand small{color:#d9a16c}
body[data-skin="desert"] .nova-mark{color:#ffc161;filter:drop-shadow(0 0 8px #f28b36) drop-shadow(0 0 18px #c95075)}
body[data-skin="desert"] .skin-picker{color:#d7aa82;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
body[data-skin="desert"] .skin-picker select{
  border:1px solid #b36e3d;border-radius:5px;background:linear-gradient(#351b10,#170a06);color:#ffe5bd;color-scheme:dark;box-shadow:inset 0 0 12px #000b,0 1px #ffc0782c;
}
body[data-skin="desert"] .skin-picker option{background:#1b0c07;color:#ffe8c5}
body[data-skin="desert"] .panel{
  position:relative;border:4px solid #3b1c0e;border-top-color:#75401f;border-left-color:#633318;border-radius:9px 9px 4px 4px;
  background:repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 9px),linear-gradient(145deg,#361b10,#160b07 58%,#0b0504);box-shadow:0 17px 38px #000d,inset 0 0 0 1px #b0673b80,inset 0 1px #f5bd8045,0 0 24px #e8732721;
}
body[data-skin="desert"] .panel::before{
  content:"";position:absolute;z-index:4;inset:6px;pointer-events:none;
  background:radial-gradient(circle at 3px 3px,#1a0b06 0 1px,#c48b5b 1.4px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 3px) 3px,#1a0b06 0 1px,#c48b5b 1.4px 2.5px,transparent 3px),radial-gradient(circle at 3px calc(100% - 3px),#1a0b06 0 1px,#c48b5b 1.4px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#1a0b06 0 1px,#c48b5b 1.4px 2.5px,transparent 3px);
}
body[data-skin="desert"] .window-title{
  min-height:37px;padding:8px 15px;border-bottom:1px solid #4f2816;color:#291108;
  background:repeating-linear-gradient(90deg,#ffffff20 0 1px,transparent 1px 5px),linear-gradient(180deg,#d3965f,#9b5732 48%,#6c351e 52%,#b36d3e);box-shadow:inset 0 1px #ffe0ae8c,inset 0 -1px #3a170b;
  font-size:.67rem;font-weight:900;letter-spacing:.14em;text-shadow:0 1px #ffe0aa68;
}
body[data-skin="desert"] .window-title span:last-child{color:#492011}
body[data-skin="desert"] .player-grid{grid-template-columns:260px 1fr;gap:20px;padding:19px;background:radial-gradient(circle at 22% 40%,#9d4d2830,transparent 34%),linear-gradient(135deg,#1c0e09,#090504)}
body[data-skin="desert"] .art-wrap{
  border:2px solid #b56b3c;border-radius:8px;padding:7px;background:#0b0403;box-shadow:0 0 0 5px #32170c,0 0 25px #df71353e,inset 0 0 18px #000;
}
body[data-skin="desert"] .art-wrap::after{content:"";position:absolute;inset:7px;border-radius:4px;pointer-events:none;background:linear-gradient(125deg,#fff4cf24 0,transparent 24% 72%,#d85c7217);box-shadow:inset 0 0 24px #0005}
body[data-skin="desert"] .art-wrap img{border-radius:4px;filter:saturate(1.08) sepia(.08) contrast(1.05)}
body[data-skin="desert"] .favorite{border:1px solid #c77a43;background:#1b0b06dc;color:#ffe1b0;box-shadow:inset 0 0 12px #000,0 3px 9px #000b}
body[data-skin="desert"] .favorite[aria-pressed="true"]{color:#ffc059;border-color:#ffb551;text-shadow:0 0 9px #ff8c3d;box-shadow:inset 0 0 12px #a64c2f70,0 0 14px #ff8d3d55}
body[data-skin="desert"] .now-playing{gap:11px;padding:3px}
body[data-skin="desert"] .track-heading{
  min-height:76px;align-items:center;padding:11px 14px;border:2px solid #63351d;border-radius:6px;background:radial-gradient(circle at 80% 30%,#9e315a29,transparent 34%),linear-gradient(110deg,#1c0d08,#0e0605);box-shadow:inset 0 0 25px #000c,0 0 12px #dc70351f;
}
body[data-skin="desert"] .eyebrow{color:#e88e49;font-size:.6rem;text-shadow:0 0 5px #d36d35}
body[data-skin="desert"] .track-heading h1{color:#ffe8bc;text-shadow:0 0 9px #d9793c70;font-weight:650}
body[data-skin="desert"] .track-heading p:last-child{color:#c8946e}
body[data-skin="desert"] .time-readout{padding:7px 9px;border:1px solid #a36234;border-radius:4px;background:#0a0302;color:#ffc46c;box-shadow:inset 0 0 11px #000,0 0 9px #e675352d}
body[data-skin="desert"] #visualizer{
  height:114px;border:2px solid #68341f;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 27px,#ffad4a10 28px),repeating-linear-gradient(0deg,transparent 0 17px,#e76f7210 18px),radial-gradient(ellipse at 50% 100%,#d85f7349 0,#8e402e31 31%,transparent 63%),linear-gradient(180deg,#130719,#160704 57%,#070302);box-shadow:inset 0 0 30px #000d,0 0 14px #ec71322b;
}
body[data-skin="desert"] .seek-row{padding:6px 9px;border:1px solid #6c391f;border-radius:5px;background:#100603;box-shadow:inset 0 0 10px #000}
body[data-skin="desert"] input[type="range"]{accent-color:#ef9a48}
body[data-skin="desert"] .controls{gap:9px;padding:7px}
body[data-skin="desert"] .icon-btn,
body[data-skin="desert"] .play-btn,
body[data-skin="desert"] .chip,
body[data-skin="desert"] .tab{
  border:1px solid #8e4f2d;background:linear-gradient(145deg,#8f5936,#402014 48%,#1b0c07 78%);color:#ffe8c7;
  box-shadow:inset 0 1px #ffd29a58,inset 0 -6px 10px #0006,0 4px 9px #000a;text-shadow:0 1px 2px #000;
}
body[data-skin="desert"] .icon-btn{border-radius:50%;background:repeating-conic-gradient(#835033 0 7deg,#4b2919 7deg 14deg)}
body[data-skin="desert"] .play-btn{border-radius:50%;border-color:#d58b4e;background:radial-gradient(circle at 35% 28%,#c58b5b,#62361f 45%,#251006 72%);box-shadow:inset 0 0 15px #ffd39428,0 0 17px #f08d3d3f}
body[data-skin="desert"] .icon-btn[aria-pressed="true"],body[data-skin="desert"] .chip.active,body[data-skin="desert"] .tab.active{color:#fff1cf;border-color:#e88665;background:linear-gradient(145deg,#8d4133,#4b1d29);box-shadow:inset 0 0 12px #f3a05342,0 0 13px #d85d7650}
@keyframes desert-control-glow{0%,100%{box-shadow:inset 0 0 15px #ffd39428,0 0 15px #f08d3d36}50%{box-shadow:inset 0 0 20px #ffcf7a46,0 0 26px #e65e705d}}
body[data-skin="desert"] #playBtn[aria-label="Pause"]{animation:desert-control-glow 2.5s ease-in-out infinite}
body[data-skin="desert"] .utility-row{padding:8px 10px;border:1px solid #522817;border-radius:5px;background:linear-gradient(90deg,#140806,#25100a,#120705);box-shadow:inset 0 0 13px #0009}
body[data-skin="desert"] .chip,body[data-skin="desert"] .tab{border-radius:5px}
body[data-skin="desert"] .eq-toolbar{padding:11px 14px 5px;background:linear-gradient(90deg,#190b07,#32170e)}
body[data-skin="desert"] .eq-bands{background:repeating-linear-gradient(0deg,transparent 0 19px,#ffac4c0c 20px),linear-gradient(180deg,#1b0b08,#080303);border-top:1px solid #69371e;box-shadow:inset 0 0 25px #000a}
body[data-skin="desert"] .eq-channel{color:#bf8f68}
body[data-skin="desert"] .eq-channel output{color:#ffc36a;text-shadow:0 0 5px #ed8b42}
body[data-skin="desert"] .eq-channel input{filter:drop-shadow(0 0 4px #e879434f)}
body[data-skin="desert"] .library-tools{padding:12px 14px;background:linear-gradient(90deg,#1a0b07,#35170f);border-bottom:1px solid #61321c}
body[data-skin="desert"] .search{border-color:#754124;border-radius:5px;background:#0d0403;box-shadow:inset 0 0 13px #000b}
body[data-skin="desert"] .search input{color:#ffe4bd}
body[data-skin="desert"] .search input::placeholder{color:#986f52}
body[data-skin="desert"] .track-list-head{background:#180a06;color:#d09769;border-color:#562b18}
body[data-skin="desert"] .track-list{background:linear-gradient(#120705,#070302);scrollbar-color:#754025 #130704;scrollbar-width:thin}
body[data-skin="desert"] .track-row{border-radius:6px;border-bottom:1px solid #5a2c173f}
body[data-skin="desert"] .track-row:hover{background:linear-gradient(90deg,#6f321d6b,#521b3b45)}
body[data-skin="desert"] .track-row.active{background:linear-gradient(90deg,#85401eaa,#70264b8f);outline-color:#e89a598e;box-shadow:inset 0 0 15px #180503,0 0 10px #db6a4820}
body[data-skin="desert"] .track-name small{color:#a97859}
body[data-skin="desert"] .track-artist{color:#d5ae88}
body[data-skin="desert"] .footer-note{color:#a8795b;text-transform:uppercase;font-size:.61rem}

@media(max-width:760px){
  body[data-skin="desert"] .app-shell{width:min(100% - 10px,620px);padding-top:5px}
  body[data-skin="desert"] .topbar{padding:7px 8px;background:linear-gradient(180deg,#472315f2,#190a06f2)}
  body[data-skin="desert"] .player-grid{grid-template-columns:1fr;padding:13px;gap:17px}
  body[data-skin="desert"] .art-wrap{width:min(72vw,320px)}
  body[data-skin="desert"] .track-heading{min-height:66px;padding:9px 11px}
  body[data-skin="desert"] #visualizer{height:88px}
  body[data-skin="desert"] .controls{gap:5px}
  body[data-skin="desert"] .utility-row{justify-content:center}
  body[data-skin="desert"] .stars::after{height:20vh;opacity:.5}
}
@media(prefers-reduced-motion:reduce){body[data-skin="desert"] #playBtn[aria-label="Pause"]{animation:none}}