:root{--brand-accent:#7c3aed}
body.theme-light{background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 55%,#e2e8f0 100%);color:#0f172a}
body.theme-light .neon-glass,body.theme-light .section-surface,body.theme-light .stage-main-card,body.theme-light .stage-mini-card,body.theme-light .neon-card,body.theme-light .library-side-card,body.theme-light .player-dock-shell,body.theme-light .feature-strip-card,body.theme-light .search-plus-card,body.theme-light .discover-track-card,body.theme-light .discover-playlist-card,body.theme-light .mini-player-bar,body.theme-light .onboarding-card{background:rgba(255,255,255,.82)!important;color:#0f172a;border-color:rgba(148,163,184,.18)!important;box-shadow:0 18px 50px rgba(15,23,42,.08)}
body.theme-light .text-white,body.theme-light .text-slate-800{color:#0f172a!important}
body.theme-light .text-white\/55,body.theme-light .text-white\/50,body.theme-light .text-gray-400,body.theme-light .text-slate-500{color:#475569!important}
.feature-strip-card,.search-plus-card,.discover-playlist-card,.discover-track-card,.onboarding-card,.mini-player-bar{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(15,23,42,.44);backdrop-filter:blur(16px)}
.feature-strip-card{padding:1.25rem;margin-bottom:1.75rem}.feature-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media (max-width:900px){.feature-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.feature-strip-grid{grid-template-columns:1fr}}
.feature-strip-item{padding:1rem;border-radius:22px;background:rgba(255,255,255,.05);transition:transform .25s ease,box-shadow .25s ease}.feature-strip-item:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.18)}.feature-strip-item strong{display:block;font-size:1rem;margin-bottom:.35rem}.feature-strip-item span{display:block;font-size:.85rem;color:rgba(255,255,255,.72)}
.discover-shell{margin-bottom:1.75rem}.discover-block{padding:1.25rem}.discover-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.discover-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width:1180px){.discover-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.discover-list{grid-template-columns:1fr}}
.discover-track-card,.discover-playlist-card{padding:1rem;position:relative;overflow:hidden}.discover-track-card:hover,.discover-playlist-card:hover{transform:translateY(-4px);transition:.25s ease}.discover-track-cover,.discover-playlist-cover{width:76px;height:76px;border-radius:18px;object-fit:cover;flex-shrink:0}.discover-track-card .meta,.discover-playlist-card .meta{color:rgba(255,255,255,.65);font-size:.8rem}.discover-track-card .title,.discover-playlist-card .title{font-weight:800;font-size:1rem;line-height:1.35}.discover-card-row{display:flex;gap:.9rem;align-items:center}.discover-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}
.search-plus-card{padding:1.25rem;margin-bottom:1.75rem}.search-plus-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:.8rem}.search-plus-grid{display:grid;grid-template-columns:320px 1fr;gap:1rem}@media (max-width:980px){.search-plus-grid{grid-template-columns:1fr}}
.search-suggestion-box{position:absolute;top:calc(100% + .55rem);left:0;right:0;z-index:25;border-radius:18px;padding:.4rem;background:rgba(15,23,42,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px rgba(0,0,0,.35)}.search-suggestion-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .95rem;border-radius:14px;color:#fff;text-align:left}.search-suggestion-item:hover{background:rgba(255,255,255,.08)}.search-category-card{padding:1rem;border-radius:22px;background:rgba(255,255,255,.05);min-height:220px}.search-category-card h4{font-weight:800;margin-bottom:.75rem}.search-category-item{padding:.7rem .8rem;border-radius:14px;background:rgba(255,255,255,.04)}.search-category-item+.search-category-item{margin-top:.55rem}.search-category-item .meta{font-size:.78rem;color:rgba(255,255,255,.65);margin-top:.25rem}
.player-cover-image.is-spinning,#detailCoverImage.is-spinning,#spotlightCover.is-spinning,#onlinePlayerCover.is-spinning{animation:albumSpin 10s linear infinite}@keyframes albumSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.mini-player-bar{position:fixed;right:1rem;bottom:7rem;width:min(360px,calc(100vw - 1.5rem));padding:.9rem 1rem;display:flex;align-items:center;gap:.85rem;z-index:56;transform:translateY(130%);transition:transform .32s ease}.mini-player-bar.show{transform:translateY(0)}.mini-player-cover{width:52px;height:52px;border-radius:14px;object-fit:cover}.mini-player-main{min-width:0;flex:1}.mini-player-actions{display:flex;gap:.45rem}.mini-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}
.onboarding-mask{position:fixed;inset:0;z-index:80;background:rgba(2,6,23,.72);padding:1rem;display:none;align-items:center;justify-content:center}.onboarding-mask.show{display:flex}.onboarding-card{width:min(760px,100%);padding:1.35rem}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0}@media (max-width:720px){.onboarding-steps{grid-template-columns:1fr}}.onboarding-step{padding:1rem;border-radius:18px;background:rgba(255,255,255,.05)}
.player-mode-btn.active,.theme-toggle-btn.active{background:rgba(124,58,237,.28);border-color:rgba(167,139,250,.4)}

.lazy-in{animation:fadeUp .45s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ai-home-card{position:relative;overflow:hidden}.ai-home-card::before{content:"";position:absolute;inset:auto -10% -50% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.22),rgba(124,58,237,0));pointer-events:none}.ai-home-grid{display:grid;grid-template-columns:380px 1fr;gap:1rem}@media (max-width:980px){.ai-home-grid{grid-template-columns:1fr}}.ai-chat-panel textarea{min-height:118px}.ai-reply-card{padding:1rem;border-radius:20px;background:rgba(255,255,255,.05)}.ai-result-list{grid-template-columns:1fr}@media (min-width:1180px){.ai-result-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-track-card{min-height:100%}
.ai-reply-card{max-height:380px;overflow:auto}
.ai-bubble{padding:.8rem .95rem;border-radius:18px;margin-bottom:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.ai-bubble.is-user{background:rgba(124,58,237,.18);border-color:rgba(167,139,250,.2);margin-left:2rem}
.ai-bubble.is-assistant{margin-right:2rem}
.ai-bubble-role{font-size:.72rem;opacity:.7;margin-bottom:.35rem}
.ai-bubble-text{line-height:1.8;word-break:break-word}
.ai-empty-state{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);color:rgba(255,255,255,.68)}
.ai-bubble-section+.ai-bubble-section{margin-top:.7rem}
.ai-bubble-section{padding:.8rem .9rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.ai-bubble-section.is-thinking{background:rgba(59,130,246,.08);border-color:rgba(96,165,250,.16)}
.ai-bubble-section.is-reply{background:rgba(16,185,129,.08);border-color:rgba(52,211,153,.16)}
.ai-bubble-section-label{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin-bottom:.45rem}
.ai-bubble-placeholder{opacity:.65;font-style:italic}


.ai-studio-grid { align-items: start; }
.ai-mini-field { display:flex; flex-direction:column; gap:8px; color:rgba(255,255,255,.72); font-size:12px; }
.ai-image-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.ai-image-result-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:22px; padding:14px; }
.ai-image-preview { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:18px; display:block; }
.ai-image-actions { margin-top:12px; display:flex; justify-content:flex-end; }
.embedding-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.embedding-preview-item { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:12px 14px; display:flex; flex-direction:column; gap:6px; }
.embedding-preview-item span { font-size:12px; color:rgba(255,255,255,.55); }
.embedding-preview-item strong { font-size:14px; color:#fff; word-break:break-all; }
.embedding-preview-values { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:14px; color:rgba(255,255,255,.78); line-height:1.8; word-break:break-all; }
@media (max-width: 768px) {
  .embedding-preview-grid { grid-template-columns:1fr; }
}