#themeToggle{font:13px/1.3 'Segoe UI','Microsoft YaHei',sans-serif;padding:8px 12px;border:1px solid #78648f;border-radius:999px;background:#272132;color:#eadbff;white-space:nowrap;cursor:pointer;margin:4px 8px;z-index:90}body>#themeToggle{position:fixed;top:8px;right:12px}
html[data-mode=light]{color-scheme:light}
html[data-mode=light] body{--bg:#f6f4fa!important;--side:#fff!important;--card:#fff!important;--line:#dcd5e6!important;--accent:#6e3fb0!important;--muted:#696177!important;--text:#272031!important;background:#f6f4fa!important;color:#272031!important}
html[data-mode=light] :is(aside,.card,.personal-works,.profile-hero,.space-list,.entry,.own-work-card,.account-card,.panel,.toolbar,.project-actions-menu,.sidebar,.mobile-dock,.shared-dock,.premium-player,dialog,.share-dialog,#listeningPage){background:#fff!important;color:#272031!important;border-color:#dcd5e6!important;box-shadow:0 4px 18px #36205208}
html[data-mode=light] :is(h1,h2,h3,strong,label,.brand,.space-nav,.track-info,.space-item,.player-info){color:#30233e!important}
html[data-mode=light] :is(p,small,time,.hint,.meta,.track-created,.track-prompt,.privacy-note,.shared-info,.step-label){color:#696177!important}
html[data-mode=light] a{color:#694097!important}
html[data-mode=light] :is(input,textarea,select){background:#faf8fd!important;color:#30233e!important;border-color:#cec4dd!important}
html[data-mode=light] button,html[data-mode=light] .file{background:#eee7f7;color:#49335e;border-color:#d9cce8}
html[data-mode=light] :is(button.primary,.primary,#togglePlay,#sharedToggle){background:#d9c2f6!important;color:#30203f!important}
html[data-mode=light] :is(.selected-track,.space-tabs .active,nav .active){background:#eee5f8!important;color:#61358f!important}
html[data-mode=light] .album-cover .album-play{background:#0004!important}
html[data-mode=light] .lyric-scroll button{background:transparent!important;color:#766d81!important}
html[data-mode=light] .lyric-scroll button.current{color:#6d2eb0!important}
html[data-mode=light] :is(.release-invite,.stat,.stat-card,.wallet-card){background:#eee6f8!important;border-color:#d8c6ea!important;color:#4a315d!important}
html[data-mode=light] #themeToggle{background:#fff;color:#5b347c;border-color:#c8b3de}
html[data-mode=light] .social-toast{background:#eee4fa;color:#38224d}
html[data-mode=light] .hearted{color:#b32661!important}
@media(max-width:760px){#themeToggle{font-size:12px;padding:7px 9px;margin:3px}body>#themeToggle{top:6px;right:8px}}

html[data-mode=light] .brand-footer{background:transparent!important}html[data-mode=light] :is(.shared-timeline output,.shared-volume,.shared-transport button){color:#594168}


/* Day-mode surfaces must override the dark component styles as a pair. */
html[data-mode=light] :is(#status,#notice,.personal-works>.row,.project-actions-menu summary,.project-actions summary,.account-rail,.account-hero){background:#f0eaf7!important;color:#493557!important;border-color:#d5c8e2!important}
html[data-mode=light] :is(.personal-works>.row h2,.project-actions-menu summary,.project-actions summary){color:#30233e!important}
html[data-mode=light] :is(button.secondary,summary,.muted,.eyebrow,.balance span,.balance small){color:#584467!important}
html[data-mode=light] button:disabled{opacity:1;color:#766e80!important;background:#f1edf5!important;border-color:#ddd5e6!important;cursor:not-allowed}
html[data-mode=light] :is(.balance,.contract-highlights,.form-feedback){background:#eee6f8!important;color:#392749!important}
html[data-mode=light] :is(input,textarea)::placeholder{color:#766d81!important;opacity:1}
html[data-mode=light] :is(.lyrics-line,.lyric-scroll button){color:#5e5669!important}
html[data-mode=light] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #7440aa;outline-offset:3px}
.signature-pad{width:100%;height:190px;background:#fff;border:1px solid #94879f;border-radius:12px;touch-action:none}
.contract-signature{background:white;width:300px;max-width:100%;height:115px;border:1px solid #ddd}
.verification-fields{border:1px solid var(--line,#665775);border-radius:12px;padding:16px;margin:16px 0}.verification-fields[hidden]{display:none}
html[data-mode=light] :is(main>section,.empty-works,.summary-items span,.contract-preview,.announcement-box,.action-feedback){background:#f8f5fc!important;color:#4c3c5d!important;border-color:#d9cfe5!important}
html[data-mode=light] .contract-preview{color:#30233e!important}
html[data-mode=light] .action-feedback.error{background:#fff0f2!important;color:#9c203e!important}
html[data-mode=light] .action-feedback.success{background:#edf8f1!important;color:#24603c!important}