:root{color-scheme:light;--theme-bg:#fffefa;--theme-text:#233831;--theme-line:#d7ded0;--theme-hover:#eef3e5}
:root[data-theme=dark]{color-scheme:dark;--theme-bg:#2b2b2b;--theme-text:#ececec;--theme-line:#454545;--theme-hover:#383838;--green:#a3d7bb;--muted:#b3b6b3;--line:#404340;background:#202120;color:#eceeeb}
.theme-picker{position:relative;flex:none;margin-left:4px}.theme-toggle{width:38px;height:38px;padding:9px!important;border:1px solid var(--theme-line)!important;border-radius:50%!important;background:transparent!important;color:var(--theme-text)!important;display:grid;place-items:center;cursor:pointer}.theme-toggle svg{width:18px;height:18px}.theme-choices{position:absolute;right:0;top:46px;z-index:50;min-width:140px;padding:5px;border:1px solid var(--theme-line);border-radius:12px;background:var(--theme-bg);box-shadow:0 8px 30px #0003}.theme-choices[hidden]{display:none}.theme-choices button{display:block;width:100%;padding:9px 13px;border:0;border-radius:7px;background:transparent;color:var(--theme-text);font-size:13px;text-align:left;cursor:pointer}.theme-choices button:hover,.theme-choices button[aria-pressed=true]{background:var(--theme-hover)}.theme-choices button[aria-pressed=true]:after{content:'✓';float:right;margin-left:14px}
[data-theme=dark] body{background:#202120;color:#eceeeb}
[data-theme=dark] header{background:#202120;border-color:#404340}
[data-theme=dark] .panel,[data-theme=dark] .metrics>div,[data-theme=dark] dialog,[data-theme=dark] .login-layout{background:#292b29;color:#eceeeb;border-color:#404340}
[data-theme=dark] p,[data-theme=dark] small,[data-theme=dark] .muted,[data-theme=dark] .meta,[data-theme=dark] .hint,[data-theme=dark] .count,[data-theme=dark] .empty,[data-theme=dark] .footer,[data-theme=dark] .site-label,[data-theme=dark] .nav a,[data-theme=dark] .lock-label,[data-theme=dark] .history-row span:last-child{color:#b3b6b3}
[data-theme=dark] .privacy{color:#a9ada9!important}
[data-theme=dark] .eyebrow,[data-theme=dark] .brand,[data-theme=dark] .empty strong,[data-theme=dark] label,[data-theme=dark] .settings summary{color:#c0dbc9}
[data-theme=dark] button:not(.secondary):not(.quiet):not(.theme-toggle):not(.theme-choices button),[data-theme=dark] .button:not(.secondary){background:#406d55;color:#f4fff7}
[data-theme=dark] .secondary{background:#353b36;color:#e2eae2;border-color:#50584f}
[data-theme=dark] .secondary:hover{background:#424b43}
[data-theme=dark] .quiet{background:transparent;color:#c5d9c8;border-color:#495148}
[data-theme=dark] input,[data-theme=dark] select{background:#242624;color:#eceeeb;border-color:#596156}
[data-theme=dark] input::placeholder{color:#929a91}
[data-theme=dark] .notice,[data-theme=dark] .quality-badge{background:#303c32;color:#d2e3cb;border-color:#536b4e}
[data-theme=dark] .badge{background:#344838;color:#c9e6c2}
[data-theme=dark] .badge.dim{background:#3c3e3b;color:#b8beb5}
[data-theme=dark] .album-icon,[data-theme=dark] .file-icon,[data-theme=dark] .upload-icon{background:#3b463a;color:#c2d5b5}
[data-theme=dark] .drive,[data-theme=dark] .track,[data-theme=dark] .history-row,[data-theme=dark] .settings,[data-theme=dark] .footer{border-color:#40483e}
[data-theme=dark] .error,[data-theme=dark] .status.error,[data-theme=dark] .check-status.error{color:#ffb3a4!important}
[data-theme=dark] .notice.error{background:#4b302b;color:#ffc4b6}
[data-theme=dark] .status.done,[data-theme=dark] .check-status{color:#a5d4a4}
[data-theme=dark] pre,[data-theme=dark] .drop,[data-theme=dark] .queue-footer{background:#242a24;color:#d2d9ce;border-color:#53654b}
[data-theme=dark] .drop.dragging{background:#364832}
[data-theme=dark] .bar{background:#444d40}
[data-theme=dark] .side-card,[data-theme=dark] .login-art{background:#30372e;color:#e5e9df}
[data-theme=dark] .step span,[data-theme=dark] .cover-note{border-color:#56614e;color:#bdc9b2}
[data-theme=dark] .hero-disc{background:repeating-radial-gradient(circle,#444e3e 0px,#444e3e 2px,#394332 3px,#394332 4px);box-shadow:14px 18px 0 #30372b}
[data-theme=dark] .hero-disc span{background:#263a2c;color:#d5e6ca}
[data-theme=dark] dialog::backdrop{background:#0009}
@media(max-width:480px){header{gap:9px}.nav{gap:10px}.theme-toggle{width:34px;height:34px}.edition{display:none}.theme-picker{margin-left:0}}