/* Accessible controls shared by music, movies and offline management. */
:root{--card:var(--paper);--surface:var(--paper);--soft:#edf3e8;--secondary-text:#61756a}
.appearance-options,.sleep-presets,.storage-filters{display:flex;gap:8px;flex-wrap:wrap}
.appearance-options button,.sleep-presets button,.storage-filters button{min-height:44px;flex:1;white-space:nowrap}
.appearance-options button[aria-pressed=true],.storage-filters button[aria-pressed=true]{background:var(--green);color:var(--paper);border-color:var(--green)}
.sleep-status{font-size:24px!important;color:var(--green)!important;font-variant-numeric:tabular-nums;margin:4px 0 20px}
.sleep-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sleep-presets button{white-space:normal;padding:12px 6px}.sleep-form{margin:14px 0 22px}
.sleep-form label{display:flex;align-items:center;gap:15px}.sleep-form input{flex:1;min-width:0;margin:0!important}
.lyrics-entry{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}
.lyrics-entry button,.video-comfort button{min-height:44px}.video-comfort{padding:0 16px;background:var(--paper)}
[data-comfort=sleep][aria-pressed=true]{color:var(--green);font-weight:650}
.queue-toolbar,.storage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:12px 0}
.queue-toolbar button,.storage-toolbar button{min-height:44px}
.queue-edit-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:8px 0;min-width:0}
.queue-edit-row.current{background:var(--soft);border-radius:8px}
.queue-song{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;padding:6px}
.queue-song>span:last-child{min-width:0}.queue-song strong,.queue-song small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-song strong{font-size:12px}.queue-song small{font-size:10px;color:var(--muted);margin-top:4px}
.queue-song .track-cover{width:36px;height:36px}.queue-edit-actions{display:flex;align-items:center;flex-shrink:0}
.queue-edit-actions button{width:40px;height:44px;font-size:19px;border-radius:8px}.queue-edit-actions button:hover{background:var(--soft)}
.storage-overview{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:20px;margin-bottom:16px}
.storage-overview>strong{font-size:28px;display:block}.storage-overview>span{font-size:12px;color:var(--secondary-text)}
.storage-overview p{margin:8px 0 0;font-size:11px}.storage-filters button{font-size:11px;padding:9px}
.storage-row{display:flex;align-items:center;gap:12px;min-height:70px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:12px 0}
.storage-row>span:nth-child(2){flex:1;min-width:0}.storage-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.storage-row small{color:var(--muted);font-size:10px}.storage-row b{font-size:11px;font-weight:500;white-space:nowrap}
.storage-check{height:21px;width:21px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;font-size:14px}
.storage-row[aria-pressed=true] .storage-check{background:var(--green);color:var(--paper);border-color:var(--green)}
.storage-footer{position:sticky;bottom:-26px;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 18px;margin-top:15px}.storage-footer p{margin:0}.storage-footer .primary{margin-top:6px}
@media(max-width:390px){.queue-edit-row{flex-wrap:wrap}.queue-edit-actions{margin-left:auto}.queue-song{flex-basis:100%}}

/* Keep the original forest-green palette, with explicit surfaces and readable text. */
html[data-theme=dark]{--bg:#101b1b;--paper:#192726;--ink:#e4ede6;--muted:#a2b5aa;--line:#34483f;--green:#a7d7b6;--mint:#355745;--dark:#102320;--soft:#233b30;--secondary-text:#b3c4b8;--card:var(--paper);--surface:var(--paper)}
html[data-theme=dark] :is(.sidebar,.mini-player,.mobile-nav,.round-button,.search-box,select,.settings-card,.playlist-card,.modal,.player-dialog,.upload-status,.video-card,.recommendation-card,.hub-panel,.video-player-head,.video-comfort,.video-subtitle-controls){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.primary,.play-button,.appearance-options button[aria-pressed=true],.storage-filters button[aria-pressed=true]){background:var(--green);color:#142b20}
html[data-theme=dark] .brand-mark{background:#477f62;color:#fff}
html[data-theme=dark] :is(.nav-item.active,.track-row.is-current,.track-row:hover,.empty-state,.empty-icon,.notice,.settings-card .tag,.avatar,.import-drop,.download-kind,.download-tabs,.hub-folder-grid>div,.hub-backup-notice,.hub-status,.offline-badge,.conversion-badge,.modal-top .icon-button){background:var(--soft);color:var(--secondary-text);border-color:var(--line)}
html[data-theme=dark] :is(.download-tabs button.active,.download-tabs button:hover){background:var(--paper);color:var(--green)}
html[data-theme=dark] .hub-welcome{background:linear-gradient(120deg,#233c30,#1b2d29);border-color:var(--line)}
html[data-theme=dark] :is(.nav-item,.sidebar-label,.privacy,.breadcrumb,.breadcrumb strong,.connection,.text-button,.search-box input,select,.track-artist,.track-album,.track-duration,.track-num,.track-actions .icon-button,.mini-info small,.mini-right,.mini-controls .icon-button,.device-label,.player-top,.player-top small,.playing-title p,.playing-title .icon-button,.full-controls .icon-button,.time-labels,.player-bottom,.mini-progress,.modal p,.modal label,.modal .help-text,.settings-card p,.settings-card li,.playlist-card p,.empty-state p,.notice span,.main-footer,.format-badge,.status-text,.hub-welcome p,.hub-welcome .eyebrow,.hub-stats,.hub-panel>p,.hub-kicker,.hub-resume-music p,.hub-resume-music small,.hub-media-row small,.hub-video-resume small,.hub-subtle,.hub-empty,.hub-maintenance-intro p,.hub-folder-grid small,.hub-folder-grid code,.hub-scan-stats,.hub-details,.hub-trash-row small,.hub-backup-row small,.hub-backup-notice p,.download-tabs button,.download-status-label,.download-detail .download-explanation,.video-card-meta,.video-player-hint,.discovery-note,.discovery-reason,.lyrics-source,.lyric-line){color:var(--muted)}
html[data-theme=dark] :is(.hub-stats strong,.hub-scan-stats b,.hub-backup-notice strong,.download-is-complete .download-status-label,.lyrics-panel .lyric-line.active,.settings-card .text-button,.music-shortcuts .active){color:var(--green)}
html[data-theme=dark] :is(.track-row,.track-header,.hub-trash-row,.hub-backup-row,.secondary,.format-badge,.search-box kbd,.empty-state,.mini-player){border-color:var(--line)}
html[data-theme=dark] :is(.modal input:not([type=checkbox]),.modal textarea,.video-search input,.movie-details input,.movie-details textarea){background:var(--bg);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .search-box input::placeholder{color:var(--muted)}
html[data-theme=dark] :is(.download-meter,.hub-disk-bar){background:var(--line)}
html[data-theme=dark] .seek{background:linear-gradient(to right,var(--green) var(--p,0%),var(--line) var(--p,0%))}
html[data-theme=dark] #repeat-one{background:var(--paper)}
html[data-theme=dark] :is(.download-network-note,.offline-notice,.hub-status.is-busy){background:#453c25;color:#e2cca1;border-color:#665836}
html[data-theme=dark] :is(.hub-error,.hub-danger-button){background:#483128!important;color:#efc5af!important;border-color:#704a39}
html[data-theme=dark] :is(.danger,.menu-choice.danger,.error,.download-is-failed .download-status-label){color:#e8aa99}
html[data-theme=dark] .muted{color:var(--muted)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

html[data-theme=dark] :is(.music-shortcuts button,.video-task){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .discovery-intro .secondary{background:var(--paper)}
html[data-theme=dark] :is(.mobile-nav button,.video-library-hint,.video-task small,.recommendation-card p,.recommendation-card small,.discovery-intro p,.lyrics-heading small,.lyrics-plain,.lyrics-empty){color:var(--muted)}
html[data-theme=dark] .mobile-nav button.active{color:var(--green)}
html[data-theme=dark] .danger{color:#e8aa99!important}
html[data-theme=dark] .hub-subtle{color:var(--muted)!important}