@keyframes stitchTwinkle {
  0%, 100% { opacity: .48; filter: brightness(.85); }
  50% { opacity: 1; filter: brightness(1.5); }
}

body[data-theme="stitch"] {
  --bg: #07112a;
  --panel: #101d3e;
  --muted: #a8b8dc;
  --text: #f4f2ff;
  --accent: #74d9ff;
  --glow: rgba(51, 164, 255, .28);
  background-color: #07112a;
  background-image: linear-gradient(180deg, rgba(5, 11, 30, .48), rgba(5, 11, 30, .78)), url("assets/stitch-night.jpg");
  background-size: cover;
  background-position: center 40%;
  background-attachment: fixed;
}

body[data-theme="stitch"] .side {
  background: rgba(5, 13, 35, .9);
  border-right-color: rgba(116, 217, 255, .22);
  backdrop-filter: blur(18px);
}
body[data-theme="stitch"] .brandname { color: #b7edff; letter-spacing: -.8px; }
body[data-theme="stitch"] .navlabel { color: #8296c4; }
body[data-theme="stitch"] .navitem { color: #bdc9e7; }
body[data-theme="stitch"] .navitem svg { color: #7ddcff; filter: drop-shadow(0 0 4px rgba(87, 187, 255, .4)); }
body[data-theme="stitch"] .navitem:hover,
body[data-theme="stitch"] .navitem.active { color: #fff; background: rgba(67, 154, 232, .18); }
body[data-theme="stitch"] .navitem.active { box-shadow: inset 3px 0 #f08bc9, 0 0 20px rgba(68, 155, 239, .12); }
body[data-theme="stitch"] .skin-mini {
  border-color: rgba(116, 217, 255, .27);
  background: linear-gradient(145deg, rgba(28, 55, 109, .92), rgba(11, 20, 48, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.2);
}
body[data-theme="stitch"] .skin-mini:before { background: rgba(53, 162, 255, .4); }
body[data-theme="stitch"] .skin-mini small,
body[data-theme="stitch"] .profile small { color: #9db5e4; }
body[data-theme="stitch"] .skin-btn { border-color: #79d9ff55; background: #75cfff18; }
body[data-theme="stitch"] .avatar {
  color: transparent;
  background: url("assets/stitch-portrait.webp") center 25% / cover;
  border: 1px solid #a8eaff;
  box-shadow: 0 0 13px #55baff55;
}

body[data-theme="stitch"] .main { background: linear-gradient(90deg, rgba(5, 12, 32, .46), transparent 70%); }
body[data-theme="stitch"] .ambient {
  background: radial-gradient(ellipse at 75% 5%, rgba(63, 151, 247, .24), transparent 52%), linear-gradient(180deg, rgba(6, 15, 41, .56), transparent 90%);
}
body[data-theme="stitch"] .topbar .round,
body[data-theme="stitch"] .bell,
body[data-theme="stitch"] .search,
body[data-theme="stitch"] .source-pill,
body[data-theme="stitch"] .skin-pill {
  color: #d4eaff;
  border-color: rgba(125, 205, 255, .25);
  background-color: rgba(8, 19, 49, .72);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
body[data-theme="stitch"] .search svg,
body[data-theme="stitch"] .bell svg { color: #8de3ff; }
body[data-theme="stitch"] .skin-pill i { background: #ed93d4; box-shadow: 0 0 12px #ed93d4; }
body[data-theme="stitch"] .hero {
  border-color: rgba(120, 205, 255, .4);
  box-shadow: 0 24px 70px rgba(0,0,0,.48), 0 0 35px rgba(57, 151, 245, .12);
}
body[data-theme="stitch"] .hero-bg {
  background-color: #0a1534;
  background-image: linear-gradient(90deg, rgba(5, 12, 32, .98) 0%, rgba(5, 12, 32, .8) 34%, rgba(5, 12, 32, .25) 66%, rgba(5, 12, 32, .05)), url("assets/stitch-portrait.webp"), radial-gradient(ellipse at 80% 20%, #667be9, #101c45);
  background-size: cover, auto 145%, cover;
  background-position: center, right 12% center, center;
  background-repeat: no-repeat;
}
body[data-theme="stitch"] .hero-bg::before,
body[data-theme="stitch"] .hero-bg::after { display: none; content: none; }
body[data-theme="stitch"] .hero-tag { color: #d8f4ff; border-color: #a0e5ff66; background: #08132bc9; }
body[data-theme="stitch"] .eyebrow { color: #a8eaff; }
body[data-theme="stitch"] .eyebrow::before { background: #f18ccb; }
body[data-theme="stitch"] .hero h1 { text-shadow: 0 4px 30px #07112acc; }
body[data-theme="stitch"] .hero p { color: #d1dcf4; }
body[data-theme="stitch"] .primary {
  color: #07152e;
  background: linear-gradient(120deg, #8ce6ff, #76baff 65%, #f39bd5);
}
body[data-theme="stitch"] .ghost { border-color: #9be6ff55; background: #9be6ff16; color: #e9f8ff; }
body[data-theme="stitch"] .hero-actions svg { filter: drop-shadow(0 1px 3px #4b7dab); }
body[data-theme="stitch"] .section-head h2,
body[data-theme="stitch"] #pageIntro h1 { color: #e8f5ff; text-shadow: 0 0 18px rgba(96, 183, 255, .14); }
body[data-theme="stitch"] .section-head p,
body[data-theme="stitch"] #pageIntro p { color: #b3c3e4; }
body[data-theme="stitch"] .mix {
  border-color: rgba(126, 201, 255, .2);
  background: linear-gradient(145deg, rgba(24, 42, 84, .76), rgba(10, 19, 47, .8));
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}
body[data-theme="stitch"] .mix-title { color: #e6f5ff; }
body[data-theme="stitch"] .track:hover { background: rgba(92, 169, 255, .11); }
body[data-theme="stitch"] .track .thumb::after,
body[data-theme="stitch"] .player .now .thumb::after { display: none; }
body[data-theme="stitch"] .track .song strong { color: #edf5ff; }
body[data-theme="stitch"] .track .song small,
body[data-theme="stitch"] .album,
body[data-theme="stitch"] .duration { color: #a9bbdf; }
body[data-theme="stitch"] .player {
  color: #e6f4ff;
  border-top-color: rgba(128, 209, 255, .32);
  background: rgba(5, 13, 37, .94);
  box-shadow: 0 -12px 42px rgba(0,0,0,.36);
  backdrop-filter: blur(22px);
}
body[data-theme="stitch"] .player .now .thumb { border: 1px solid #8ddfff88; box-shadow: 0 0 16px #58baff33; }
body[data-theme="stitch"] .player .now strong { color: #f2f7ff; }
body[data-theme="stitch"] .player .now small,
body[data-theme="stitch"] .player .ctrl { color: #a9dff5; }
body[data-theme="stitch"] .player .ctrl.play { color: #07152e; background: linear-gradient(135deg, #a1edff, #93bfff 68%, #f69bd8); }
body[data-theme="stitch"] .player .heart { color: #f08dcc; }
body[data-theme="stitch"] .player .heart.liked { color: #ff7fc7; text-shadow: 0 0 12px #ff7fc7; }
body[data-theme="stitch"] .bar { background: #435276; }
body[data-theme="stitch"] .bar i { background: linear-gradient(90deg, #71dfff, #f18fcd); }
body[data-theme="stitch"] .bar i::after { border-color: #e99ad8; box-shadow: 0 0 12px #70d7ff99; }
body[data-theme="stitch"] .tools svg { color: #9edfff; }
body[data-theme="stitch"] .modal-backdrop { background: rgba(2, 7, 22, .82); }
body[data-theme="stitch"] .modal { border-color: rgba(126, 206, 255, .32); background: linear-gradient(145deg, #14234a, #0a1230); }
body[data-theme="stitch"] .modal h2 { color: #e8f7ff; }
body[data-theme="stitch"] .modal p { color: #b2c4e7; }
body[data-theme="stitch"] .theme { border-color: #a6d8ff22; background: #c5e7ff0a; }
body[data-theme="stitch"] .theme.selected { border-color: #8ae5ff; box-shadow: 0 0 0 1px #8ae5ff, 0 0 24px #55baff33; }
body[data-theme="stitch"] .swatch.stitch {
  background-image: linear-gradient(0deg, #07112a99, transparent 65%), url("assets/stitch-portrait.webp");
  background-size: cover;
  background-position: center 28%;
}
body[data-theme="stitch"] .swatch.stitch::before { display: none; }
body[data-theme="stitch"] .stitch-sparkle { position: absolute; right: 12px; top: 9px; color: #ffe6a4; text-shadow: 0 0 12px #94eaff; animation: stitchTwinkle 2s ease-in-out infinite; }
body[data-theme="stitch"] .upload { color: #d4eaff; border-color: #85dfff66; }
body[data-theme="stitch"] .upload button { color: #e7f7ff; background: #7cceff22; }
body[data-theme="stitch"] .toast { color: #eef8ff; border-color: #78d9ff55; background: #12264a; }
body[data-theme="stitch"] .oto-petal {
  width: 5px; height: 5px; border-radius: 50%; clip-path: polygon(50% 0, 62% 36%, 100% 50%, 62% 63%, 50% 100%, 37% 63%, 0 50%, 37% 36%);
  background: #a9e9ff; box-shadow: 0 0 8px #a9e9ff; opacity: .85;
}
body[data-theme="stitch"] .oto-petal:nth-child(3n) { background: #f8a5df; box-shadow: 0 0 8px #f8a5df; }
body[data-theme="stitch"] .oto-petal:nth-child(4n) { background: #fff0b0; box-shadow: 0 0 8px #fff0b0; }

.swatch.obsidian{background:linear-gradient(145deg,#1a1a1a,#2a2a2a)}.swatch.midnight-purple{background:linear-gradient(145deg,#4a148c,#7b1fa2)}.swatch.cyberpunk{background:linear-gradient(145deg,#ff00ff,#00ffff)}.swatch.blood-moon{background:linear-gradient(145deg,#4a0000,#8b0000)}.swatch.arctic{background:linear-gradient(145deg,#1976d2,#4fc3f7)}.swatch.amoled{background:#000000;border:1px solid #333}.swatch.vaporwave{background:linear-gradient(45deg,#1a0033,#2a004a,#ff9ff3,#f3a6f9)}.swatch.minimal-light{background:#ffffff;border:1px solid #d1d5db}

@media (max-width: 900px) {
  body[data-theme="stitch"] { background-position: 54% 35%; }
  body[data-theme="stitch"] .hero-bg { background-position: center, 70% center, center; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="stitch"] .stitch-sparkle { animation: none; }
}

body[data-theme="obsidian"] {
  --bg: #0a0a0a;
  --panel: #141414;
  --muted: #8a8a8a;
  --text: #e8e8e8;
  --accent: #d4d4d4;
  --glow: rgba(64, 64, 64, .25);
  background-color: #0a0a0a;
}
body[data-theme="obsidian"] .side { background: #101010; border-right-color: #222; }
body[data-theme="obsidian"] .navitem.active { background: #1a1a1a; box-shadow: inset 2px 0 #d4d4d4; color: #fff; }
body[data-theme="obsidian"] .navitem:hover { background: #1a1a1a; color: #fff; }
body[data-theme="obsidian"] .skin-mini { background: linear-gradient(145deg,#1c1c1c,#121212); border-color: #2a2a2a; }
body[data-theme="obsidian"] .skin-btn { border-color: #2a2a2a; background: #161616; color: #e8e8e8; }
body[data-theme="obsidian"] .hero-bg { background: linear-gradient(90deg,#0a0a0a 0%,#0a0a0a88 55%,transparent),linear-gradient(0deg,#050505,transparent 70%),radial-gradient(ellipse at 75% 38%,#2a2a2a,transparent 9%),radial-gradient(ellipse at 74% 45%,#444,transparent 23%); }
body[data-theme="obsidian"] .player { background: #121212; border-top-color: #222; color: #e8e8e8; }
body[data-theme="obsidian"] .track:hover { background: #1a1a1a; }
body[data-theme="obsidian"] .bar { background: #333; }
body[data-theme="obsidian"] .bar i { background: linear-gradient(90deg,#d4d4d4,#a8a8a8); }
body[data-theme="obsidian"] .modal { background: #121212; border-color: #222; color: #e8e8e8; }
body[data-theme="obsidian"] .modal-backdrop { background: rgba(0,0,0,.85); }
body[data-theme="obsidian"] .theme.selected { box-shadow: 0 0 0 1px #d4d4d4; }

body[data-theme="midnight-purple"] {
  --bg: #1a0a2e;
  --panel: #240f4a;
  --muted: #b388ff;
  --text: #f3e5ff;
  --accent: #b388ff;
  --glow: rgba(179, 136, 255, .3);
  background-color: #1a0a2e;
}
body[data-theme="midnight-purple"] .side { background: #1e0d3d; border-right-color: rgba(179,136,255,.2); }
body[data-theme="midnight-purple"] .navitem.active { background: rgba(179,136,255,.15); box-shadow: inset 2px 0 #b388ff; color: #fff; }
body[data-theme="midnight-purple"] .navitem:hover { background: rgba(179,136,255,.1); color: #fff; }
body[data-theme="midnight-purple"] .skin-mini { background: linear-gradient(145deg,#2e134e,#1e0d3d); border-color: rgba(179,136,255,.2); }
body[data-theme="midnight-purple"] .skin-btn { border-color: rgba(179,136,255,.3); background: rgba(179,136,255,.1); color: #f3e5ff; }
body[data-theme="midnight-purple"] .skin-btn span { color: #b388ff; }
body[data-theme="midnight-purple"] .hero-bg { background: linear-gradient(90deg,#1a0a2e 0%,#1a0a2e88 55%,transparent),linear-gradient(0deg,#0a0517,transparent 70%),radial-gradient(ellipse at 75% 38%,#b388ff33,transparent 9%),radial-gradient(ellipse at 74% 45%,#6a1b9a55,transparent 23%),linear-gradient(124deg,#240f4a,#7b1fa2 60%,#b388ff); }
body[data-theme="midnight-purple"] .player { background: #1e0d3d; border-top-color: rgba(179,136,255,.3); color: #f3e5ff; }
body[data-theme="midnight-purple"] .track:hover { background: rgba(179,136,255,.1); }
body[data-theme="midnight-purple"] .bar { background: #4a148c; }
body[data-theme="midnight-purple"] .bar i { background: linear-gradient(90deg,#b388ff,#8e44ad); }
body[data-theme="midnight-purple"] .ctrl.play { color: #1a0a2e; background: linear-gradient(135deg,#b388ff,#8e44ad); }

body[data-theme="cyberpunk"] {
  --bg: #05050a;
  --panel: #0a0a1a;
  --muted: #00ffff;
  --text: #00ffff;
  --accent: #ff00ff;
  --glow: rgba(255, 0, 255, .4);
  background-color: #05050a;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,255,.03) 2px, rgba(0,255,255,.03) 4px);
}
body[data-theme="cyberpunk"] .side { background: #0a0a1a; border-right-color: #ff00ff33; }
body[data-theme="cyberpunk"] .navitem.active { background: rgba(255,0,255,.2); box-shadow: inset 2px 0 #ff00ff; color: #00ffff; }
body[data-theme="cyberpunk"] .navitem:hover { color: #00ffff; background: rgba(0,255,255,.1); }
body[data-theme="cyberpunk"] .navitem svg { stroke: #00ffff; }
body[data-theme="cyberpunk"] .skin-mini { background: linear-gradient(145deg,#0a0a1a,#05050a); border-color: #ff00ff33; }
body[data-theme="cyberpunk"] .skin-btn { border-color: #00ffff55; background: rgba(0,255,255,.1); color: #00ffff; }
body[data-theme="cyberpunk"] .skin-btn span { color: #ff00ff; }
body[data-theme="cyberpunk"] .hero-bg { background: linear-gradient(90deg,#05050a 0%,#05050a88 55%,transparent),linear-gradient(0deg,#000,#0a0a1a 70%),radial-gradient(ellipse at 75% 38%,#00ffff22,transparent 9%),radial-gradient(ellipse at 74% 45%,#ff00ff44,transparent 23%),linear-gradient(124deg,#0a0a1a,#00ffff 60%,#ff00ff); }
body[data-theme="cyberpunk"] .player { background: #0a0a1a; border-top-color: #ff00ff; color: #00ffff; box-shadow: 0 -10px 40px rgba(255,0,255,.2); }
body[data-theme="cyberpunk"] .track:hover { background: rgba(0,255,255,.05); }
body[data-theme="cyberpunk"] .bar { background: #00ffff33; }
body[data-theme="cyberpunk"] .bar i { background: linear-gradient(90deg,#00ffff,#ff00ff); }
body[data-theme="cyberpunk"] .ctrl.play { color: #05050a; background: linear-gradient(135deg,#00ffff,#ff00ff); }

body[data-theme="blood-moon"] {
  --bg: #0a0000;
  --panel: #140a0a;
  --muted: #ff6b6b;
  --text: #ffe5e5;
  --accent: #ff3b30;
  --glow: rgba(255, 59, 48, .3);
  background-color: #0a0000;
}
body[data-theme="blood-moon"] .side { background: #100808; border-right-color: rgba(255,59,48,.2); }
body[data-theme="blood-moon"] .navitem.active { background: rgba(255,59,48,.15); box-shadow: inset 2px 0 #ff3b30; color: #fff; }
body[data-theme="blood-moon"] .navitem:hover { background: rgba(255,59,48,.1); color: #fff; }
body[data-theme="blood-moon"] .skin-mini { background: linear-gradient(145deg,#1c0a0a,#100808); border-color: rgba(255,59,48,.2); }
body[data-theme="blood-moon"] .skin-btn { border-color: rgba(255,59,48,.3); background: rgba(255,59,48,.1); color: #ffe5e5; }
body[data-theme="blood-moon"] .skin-btn span { color: #ff3b30; }
body[data-theme="blood-moon"] .hero-bg { background: linear-gradient(90deg,#0a0000 0%,#0a000088 55%,transparent),linear-gradient(0deg,#050000,transparent 70%),radial-gradient(ellipse at 75% 38%,#ff3b3033,transparent 9%),radial-gradient(ellipse at 74% 45%,#8b000055,transparent 23%),linear-gradient(124deg,#140a0a,#8b0000 60%,#ff3b30); }
body[data-theme="blood-moon"] .player { background: #100808; border-top-color: #ff3b30; color: #ffe5e5; }
body[data-theme="blood-moon"] .track:hover { background: rgba(255,59,48,.1); }
body[data-theme="blood-moon"] .bar { background: #8b0000; }
body[data-theme="blood-moon"] .bar i { background: linear-gradient(90deg,#ff3b30,#8b0000); }
body[data-theme="blood-moon"] .ctrl.play { color: #0a0000; background: linear-gradient(135deg,#ff3b30,#8b0000); }

body[data-theme="arctic"] {
  --bg: #0a1a2e;
  --panel: #0e2540;
  --muted: #7fbbff;
  --text: #e3f2ff;
  --accent: #4fc3f7;
  --glow: rgba(79, 195, 247, .3);
  background-color: #0a1a2e;
}
body[data-theme="arctic"] .side { background: #0e1c30; border-right-color: rgba(79,195,247,.15); }
body[data-theme="arctic"] .navitem.active { background: rgba(79,195,247,.15); box-shadow: inset 2px 0 #4fc3f7; color: #fff; }
body[data-theme="arctic"] .navitem:hover { background: rgba(79,195,247,.1); color: #fff; }
body[data-theme="arctic"] .skin-mini { background: linear-gradient(145deg,#142a4a,#0e1c30); border-color: rgba(79,195,247,.2); }
body[data-theme="arctic"] .skin-btn { border-color: rgba(79,195,247,.3); background: rgba(79,195,247,.1); color: #e3f2ff; }
body[data-theme="arctic"] .skin-btn span { color: #4fc3f7; }
body[data-theme="arctic"] .hero-bg { background: linear-gradient(90deg,#0a1a2e 0%,#0a1a2e88 55%,transparent),linear-gradient(0deg,#050a17,transparent 70%),radial-gradient(ellipse at 75% 38%,#4fc3f733,transparent 9%),radial-gradient(ellipse at 74% 45%,#1976d255,transparent 23%),linear-gradient(124deg,#0e2540,#03a9f4 60%,#4fc3f7); }
body[data-theme="arctic"] .player { background: #0e1c30; border-top-color: #4fc3f7; color: #e3f2ff; }
body[data-theme="arctic"] .track:hover { background: rgba(79,195,247,.1); }
body[data-theme="arctic"] .bar { background: #1976d2; }
body[data-theme="arctic"] .bar i { background: linear-gradient(90deg,#4fc3f7,#1976d2); }
body[data-theme="arctic"] .ctrl.play { color: #0a1a2e; background: linear-gradient(135deg,#4fc3f7,#1976d2); }

body[data-theme="amoled"] {
  --bg: #000000;
  --panel: #0a0a0a;
  --muted: #4a4a4a;
  --text: #ffffff;
  --accent: #00ff00;
  --glow: rgba(0, 255, 0, .15);
  background-color: #000000;
}
body[data-theme="amoled"] .side { background: #050505; border-right-color: #111; }
body[data-theme="amoled"] .navitem.active { background: #0a0a0a; box-shadow: inset 2px 0 #00ff00; color: #fff; }
body[data-theme="amoled"] .navitem:hover { background: #0a0a0a; color: #00ff00; }
body[data-theme="amoled"] .navitem svg { stroke: #00ff00; }
body[data-theme="amoled"] .skin-mini { background: #0a0a0a; border-color: #222; }
body[data-theme="amoled"] .skin-btn { border-color: #333; background: #0a0a0a; color: #fff; }
body[data-theme="amoled"] .skin-btn span { color: #00ff00; }
body[data-theme="amoled"] .hero-bg { background: #000000; background-image: radial-gradient(circle at 50% 50%, #0a0a0a 0%, #000000 70%); }
body[data-theme="amoled"] .player { background: #050505; border-top-color: #00ff00; color: #ffffff; }
body[data-theme="amoled"] .track:hover { background: #0a0a0a; }
body[data-theme="amoled"] .bar { background: #00ff0033; }
body[data-theme="amoled"] .bar i { background: #00ff00; }
body[data-theme="amoled"] .ctrl.play { color: #000000; background: #00ff00; }
body[data-theme="amoled"] .heart.liked { color: #ff00ff; text-shadow: 0 0 12px #ff00ff; }

body[data-theme="vaporwave"] {
  --bg: #1a0033;
  --panel: #2a004a;
  --muted: #ff9ff3;
  --text: #f3a6f9;
  --accent: #ff9ff3;
  --glow: rgba(255, 159, 243, .3);
  background-color: #1a0033;
  background-image: linear-gradient(45deg, #1a0033 0%, #2a004a 50%, #1a0033 100%);
}
body[data-theme="vaporwave"] .side { background: #220044; border-right-color: rgba(255,159,243,.2); }
body[data-theme="vaporwave"] .navitem.active { background: rgba(255,159,243,.15); box-shadow: inset 2px 0 #ff9ff3; color: #f3a6f9; }
body[data-theme="vaporwave"] .navitem:hover { background: rgba(255,159,243,.1); color: #f3a6f9; }
body[data-theme="vaporwave"] .skin-mini { background: linear-gradient(145deg,#2a004a,#1a0033); border-color: rgba(255,159,243,.2); }
body[data-theme="vaporwave"] .skin-btn { border-color: rgba(255,159,243,.3); background: rgba(255,159,243,.1); color: #f3a6f9; }
body[data-theme="vaporwave"] .skin-btn span { color: #ff9ff3; }
body[data-theme="vaporwave"] .hero-bg { background: linear-gradient(90deg,#1a0033 0%,#1a003388 55%,transparent),linear-gradient(0deg,#0d0022,transparent 70%),radial-gradient(ellipse at 75% 38%,#ff9ff333,transparent 9%),radial-gradient(ellipse at 74% 45%,#f3a6f955,transparent 23%),linear-gradient(124deg,#2a004a,#ff9ff3 60%,#f3a6f9); }
body[data-theme="vaporwave"] .player { background: #220044; border-top-color: #ff9ff3; color: #f3a6f9; }
body[data-theme="vaporwave"] .track:hover { background: rgba(255,159,243,.1); }
body[data-theme="vaporwave"] .bar { background: #b36bff; }
body[data-theme="vaporwave"] .bar i { background: linear-gradient(90deg,#ff9ff3,#f3a6f9); }
body[data-theme="vaporwave"] .ctrl.play { color: #1a0033; background: linear-gradient(135deg,#ff9ff3,#f3a6f9); }

body[data-theme="minimal-light"] {
  --bg: #fafafa;
  --panel: #ffffff;
  --muted: #666666;
  --text: #222222;
  --accent: #3b82f6;
  --glow: rgba(59, 130, 246, .15);
  background-color: #fafafa;
  color: #222222;
}
body[data-theme="minimal-light"] .side { background: #ffffff; border-right-color: #e5e5e5; color: #222; }
body[data-theme="minimal-light"] .navitem.active { background: #eff6ff; box-shadow: inset 2px 0 #3b82f6; color: #3b82f6; font-weight: 600; }
body[data-theme="minimal-light"] .navitem:hover { background: #f3f4f6; color: #3b82f6; }
body[data-theme="minimal-light"] .navitem { color: #666; }
body[data-theme="minimal-light"] .skin-mini { background: linear-gradient(145deg,#f3f4f6,#ffffff); border-color: #e5e5e7; color: #222; }
body[data-theme="minimal-light"] .skin-btn { border-color: #d1d5db; background: #ffffff; color: #222; }
body[data-theme="minimal-light"] .skin-btn span { color: #3b82f6; }
body[data-theme="minimal-light"] .hero-bg { background: linear-gradient(90deg,#fafafa 0%,#fafafa88 55%,transparent),linear-gradient(0deg,#f3f4f6,transparent 70%),radial-gradient(ellipse at 75% 38%,#dbeafe,transparent 9%),radial-gradient(ellipse at 74% 45%,#bfdbfe22,transparent 23%),linear-gradient(124deg,#ffffff,#3b82f6 60%,#60a5fa); }
body[data-theme="minimal-light"] .player { background: #ffffff; border-top-color: #e5e5e7; color: #222; box-shadow: 0 -4px 20px rgba(0,0,0,.05); }
body[data-theme="minimal-light"] .track:hover { background: #f3f4f6; }
body[data-theme="minimal-light"] .track { color: #222; }
body[data-theme="minimal-light"] .bar { background: #d1d5db; }
body[data-theme="minimal-light"] .bar i { background: linear-gradient(90deg,#3b82f6,#1e40af); }
body[data-theme="minimal-light"] .ctrl.play { color: #ffffff; background: linear-gradient(135deg,#3b82f6,#1e40af); }
body[data-theme="minimal-light"] .heart { color: #666; }
body[data-theme="minimal-light"] .heart.liked { color: #ef4444; text-shadow: none; }
body[data-theme="minimal-light"] .modal { background: #ffffff; border-color: #e5e5e7; color: #222; }
body[data-theme="minimal-light"] .modal-backdrop { background: rgba(0,0,0,.3); }
body[data-theme="minimal-light"] .empty-state { color: #666; border-color: #d1d5db; background: #f9fafb; }
body[data-theme="minimal-light"] .empty-state strong { color: #222; }
body[data-theme="minimal-light"] .source-select, body[data-theme="minimal-light"] input, body[data-theme="minimal-light"] select { background: #ffffff; color: #222; border-color: #d1d5db; }
body[data-theme="minimal-light"] .side { color: #222; }
body[data-theme="minimal-light"] .navlabel { color: #666; }
body[data-theme="minimal-light"] .brandname { color: #222; }