#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:#eef7f1!important;--side:#fff!important;--card:#fff!important;--line:#d8e8df!important;--accent:#1f9d6b!important;--muted:#5f7468!important;--text:#24352d!important;background:#eef7f1!important;color:#24352d!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:#24352d!important;border-color:#d8e8df!important;box-shadow:0 4px 18px #1f9d6b0f}
html[data-mode=light] :is(h1,h2,h3,strong,label,.brand,.space-nav,.track-info,.space-item,.player-info){color:#24352d!important}
html[data-mode=light] :is(p,small,time,.hint,.meta,.track-created,.track-prompt,.privacy-note,.shared-info,.step-label){color:#5f7468!important}
html[data-mode=light] a{color:#1f9d6b!important}
html[data-mode=light] :is(input,textarea,select){background:#f4faf7!important;color:#24352d!important;border-color:#cfe3d9!important}
html[data-mode=light] button,html[data-mode=light] .file{background:#e6f5ec;color:#2f4a3b;border-color:#d2e8da}
html[data-mode=light] :is(button.primary,.primary,#togglePlay,#sharedToggle){background:#b5e6cf!important;color:#1c3527!important}
html[data-mode=light] :is(.selected-track,.space-tabs .active,nav .active){background:#e3f5ea!important;color:#1f8a5c!important}
html[data-mode=light] .album-cover .album-play{background:#0004!important}
html[data-mode=light] .lyric-scroll button{background:transparent!important;color:#5f7468!important}
html[data-mode=light] .lyric-scroll button.current{color:#1f9d6b!important}
html[data-mode=light] :is(.release-invite,.stat,.stat-card,.wallet-card){background:#e6f5ec!important;border-color:#cde6d6!important;color:#2f4a3b!important}
html[data-mode=light] #themeToggle{background:#fff;color:#1f9d6b;border-color:#cfe3d9}
html[data-mode=light] .social-toast{background:#e6f5ec;color:#2f4a3b}
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:#4c6155}


/* 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:#eaf6ee!important;color:#3a5044!important;border-color:#d5e9db!important}
html[data-mode=light] :is(.personal-works>.row h2,.project-actions-menu summary,.project-actions summary){color:#24352d!important}
html[data-mode=light] :is(button.secondary,summary,.muted,.eyebrow,.balance span,.balance small){color:#4c6155!important}
html[data-mode=light] button:disabled{opacity:1;color:#766e80!important;background:#eef4f0!important;border-color:#ddeae2!important;cursor:not-allowed}
html[data-mode=light] :is(.balance,.contract-highlights,.form-feedback){background:#e6f5ec!important;color:#2e4237!important}
html[data-mode=light] :is(input,textarea)::placeholder{color:#5f7468!important;opacity:1}
html[data-mode=light] :is(.lyrics-line,.lyric-scroll button){color:#5f7468!important}
html[data-mode=light] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #1f9d6b;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:#f3faf6!important;color:#3a5044!important;border-color:#d5e9db!important}
html[data-mode=light] .contract-preview{color:#24352d!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}