/* Original theme remains unchanged; other palettes share semantic surface tokens. */
.themePicker{display:flex;gap:5px;align-items:center;flex-shrink:0;padding:4px;border-radius:30px;border:1px solid #a7bdb544;background:#ffffff66;direction:ltr}.themeSwatch{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:3px solid transparent;background-clip:padding-box;position:relative;padding:0}.themeSwatch span{opacity:0;font:700 14px Arial}.themeSwatch[aria-pressed=true]{outline:2px solid var(--theme-accent,#427d70);outline-offset:1px}.themeSwatch[aria-pressed=true] span{opacity:1}.themeSwatch-original{background-color:#c6e2d5;color:#285c4d}.themeSwatch-dark{background-color:#1c2939;color:#ecf6ff}.themeSwatch-rose{background:linear-gradient(135deg,#f0adc8,#9c285d);color:white}.themeSwatch-autumn{background:linear-gradient(135deg,#e1b14e,#ab4c26);color:#fff}.themeSwatch:hover{transform:scale(1.08)}header{flex-wrap:wrap;column-gap:24px;row-gap:14px}.headerActions{gap:12px;flex-wrap:wrap}.themeSwatch:focus-visible{outline:3px solid var(--theme-accent,#427d70);outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--ink:#e4edf1;--muted:#b0c1ca;--green:#94d1bf;--line:#3d5361;--paper:#101b24;--theme-accent:#9bd7c4;--theme-text:#e4edf1;--theme-muted:#b0c1ca;--theme-border:#3d5361;--theme-panel:#1b2c37ed;--theme-panel2:#243442e8;--theme-tile:#243743;--theme-soft:#314956;--theme-on-accent:#102922;--theme-shadow:#0003;--theme-bg:radial-gradient(ellipse at 5% 5%,#254c5360,transparent 50%),radial-gradient(ellipse at 100% 70%,#39345360,transparent 55%),#101b24}
html[data-theme=rose]{color-scheme:light;--ink:#5d2843;--muted:#88576f;--green:#a02d64;--line:#dfb4c7;--paper:#f9eaf0;--theme-accent:#9e2d62;--theme-text:#5d2843;--theme-muted:#88576f;--theme-border:#dfb4c7;--theme-panel:#fff7faed;--theme-panel2:#f6dce9e8;--theme-tile:#fff9fc;--theme-soft:#f0d0e0;--theme-on-accent:#fff;--theme-shadow:#8c31551a;--theme-bg:radial-gradient(ellipse at 0% 10%,#eaaac880,transparent 48%),radial-gradient(ellipse at 100% 50%,#d989b35c,transparent 50%),radial-gradient(ellipse at 50% 100%,#f8d9c480,transparent 60%),#f9eaf0}
html[data-theme=autumn]{color-scheme:light;--ink:#563a28;--muted:#806044;--green:#a24f25;--line:#d9bd8d;--paper:#f4e8cf;--theme-accent:#98471f;--theme-text:#563a28;--theme-muted:#806044;--theme-border:#d9bd8d;--theme-panel:#fffaeeeb;--theme-panel2:#f2dfbde8;--theme-tile:#fffaf0;--theme-soft:#ead3aa;--theme-on-accent:#fff;--theme-shadow:#7043231a;--theme-bg:url('assets/autumn-leaves.svg') center top/1500px 1000px repeat-y,radial-gradient(ellipse at 8% 0%,#e4b46c60,transparent 50%),radial-gradient(ellipse at 95% 70%,#ca8b4740,transparent 55%),#f4e8cf}
html[data-theme]:not([data-theme=original]) body{background:var(--theme-bg);background-attachment:fixed;color:var(--theme-text)}
html[data-theme]:not([data-theme=original]) :is(.brand,h1 em,.eyebrow,.popularEyebrow,.radioEyebrow,.tvEyebrow,.radioBack,.tvBrowse,.footerBrand,.clockCaption time,.weatherReading strong,.radioWave){color:var(--theme-accent)}
html[data-theme]:not([data-theme=original]) :is(nav,.themePicker,.countryPicker,.manage,.searchModes,.weatherCard,.favoritesSection,.tasksSection,.radioHome,.tvHome,.shortsSection,.tvStage,.radioPlayer,dialog,.siteSearchResults){background:var(--theme-panel);border-color:var(--theme-border);color:var(--theme-text)}
html[data-theme]:not([data-theme=original]) :is(#favoritesSection,#tasksSection,.radioHome,.tvHome){background:linear-gradient(120deg,var(--theme-panel),var(--theme-panel2));border-color:var(--theme-border)}
html[data-theme]:not([data-theme=original]) :is(.dialSurface,.radioCard,.tvCard,.dualSearch,.search,.nav.active,.searchModes button[aria-pressed=true],.weatherForecast>div){background:var(--theme-tile);border-color:var(--theme-border);box-shadow:0 8px 22px var(--theme-shadow);color:var(--theme-text)}
html[data-theme]:not([data-theme=original]) .dualSearch .search{box-shadow:none}
html[data-theme]:not([data-theme=original]) :is(.dialName,.nav,.category,.radioIntro p,.tvHeading p,.radioStationInfo span,.tvCardFooter,.favoritesHint,.tasksHeading>span,.taskFooter,#tasksEmpty,.clockCaption span,.weatherMain>span,.weatherMain small,.weatherReading small,.heroFoot,.heroFoot b,.searchHint,.layoutHelp,.layoutHelp button,.sectionArrange,.rankingDetails,.rankingDetails span,.popularRank,.sort,.sort select,.resultHeading p,.loadRow span,footer,dialog p,.radioNow span,.radioVolume,.radioPlayer>a,.radioClose,.tvEmpty,.radioPage>p,.tvPage>p,.geoStatus,.weatherMetrics,.weatherForecast small,.weatherCredits,#weatherModeNote,#weatherSearchStatus,.detailMeta,.editLink,.smallMuted){color:var(--theme-muted)}
html[data-theme]:not([data-theme=original]) :is(.favoritesControls button,.popularCount,.dragHandle,.bookmark,.details,.topEdit,.radioStationArt,.tvPoster,.tvCard:nth-child(3n+2) .tvPoster,.tvCard:nth-child(3n+3) .tvPoster,.weatherActions button,.editorNotice,.categoryNote,.tag,.secondary,.editorActions>button,.importLabel,.tvAvailability button,.tvEmpty,.favoritesEmpty,.loadRow button){background:var(--theme-soft);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme]:not([data-theme=original]) :is(.bookmark.saved,#favoritesSize[aria-pressed=true],.radioCard.isPlaying){color:var(--theme-accent);border-color:var(--theme-accent);background:var(--theme-soft)}
html[data-theme]:not([data-theme=original]) :is(.radioPlay,#taskAdd,#searchSubmit,.primary,.category.selected,.tvAvailability button[aria-pressed=true]){background:var(--theme-accent);color:var(--theme-on-accent)}
html[data-theme]:not([data-theme=original]) :is(.category.selected .catIcon){color:var(--theme-on-accent)}
html[data-theme]:not([data-theme=original]) :is(input,select,textarea,#taskInput,#weatherCitySearch){color:var(--theme-text);background-color:var(--theme-tile);border-color:var(--theme-border);accent-color:var(--theme-accent)}
html[data-theme]:not([data-theme=original]) :is(input,textarea)::placeholder{color:var(--theme-muted);opacity:1}
html[data-theme]:not([data-theme=original]) .dualSearch input{background:transparent}
html[data-theme]:not([data-theme=original]) :is(.addDial .dialSurface,.iconFallback){background:var(--theme-panel2);color:var(--theme-accent);border-color:var(--theme-border)}
html[data-theme]:not([data-theme=original]) :is(.categories,.popularSection,footer,.taskClockRow,#taskList li,.detailMeta,.tvAvailability){border-color:var(--theme-border)}
html[data-theme]:not([data-theme=original]) :is(.catIcon,.tvScreenIcon,.weatherMetrics b,.weatherCard>span:first-child){color:var(--theme-accent)}
html[data-theme]:not([data-theme=original]) .taskDone label span{color:var(--theme-muted)}
html[data-theme]:not([data-theme=original]) #favCount{background:var(--theme-soft);color:var(--theme-text)}
html[data-theme]:not([data-theme=original]) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--theme-accent)}
html[data-theme=dark] .clockFace{fill:#20343f;stroke:#66838d}html[data-theme=dark] .taskClock{background:#3d535e}html[data-theme=dark] .clockTick{stroke:#afc4cd}html[data-theme=dark] :is(.clockHour,.clockMinute){stroke:#b0ddcc}html[data-theme=dark] .clockPin{stroke:#253e46;fill:#e0b773}html[data-theme=dark] .clockSecond{stroke:#e0b773}
html[data-theme=rose] .clockFace{fill:#fff6fa;stroke:#c78ca7}html[data-theme=rose] .taskClock{background:#e8bdd0}html[data-theme=rose] :is(.clockHour,.clockMinute){stroke:#9e2d62}html[data-theme=rose] .clockTick{stroke:#b77592}
html[data-theme=autumn] :is(.clockHour,.clockMinute){stroke:#98502e}
@media(max-width:1200px){header{column-gap:16px}.headerActions{gap:10px}.themeSwatch{width:30px;height:30px}}
@media(max-width:700px){.headerActions{width:100%;justify-content:space-between;gap:10px}.themePicker{order:3;margin-inline-start:auto}.themeSwatch{width:34px;height:34px}.themePicker{gap:6px}html[data-theme=autumn] body{background-size:900px 900px,auto,auto,auto}.countryControls{max-width:100%}}
@media(prefers-reduced-motion:reduce){.themeSwatch:hover{transform:none}}
html[data-theme]:not([data-theme=original]) .detectCountry{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-text)}
html[data-theme]:not([data-theme=original]) .searchModes button{color:var(--theme-muted)}
html[data-theme]:not([data-theme=original]) .searchModes button[aria-pressed=true]{color:var(--theme-text)}

/* Compact theme choices sit directly below the directory action. */
.manageThemes{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.manageThemes .themePicker{padding:2px 4px;gap:4px;margin:0;order:0}
.manageThemes .themeSwatch{width:24px;height:24px;border-width:2px}
.manageThemes .themeSwatch span{font-size:11px}
.manageThemes .themeSwatch[aria-pressed=true]{outline-width:1.5px;outline-offset:0}
@media(max-width:700px){.manageThemes{gap:5px}.manageThemes .manage{display:block;padding:6px 10px;font-size:10px}.manageThemes .themePicker{gap:3px}.manageThemes .themeSwatch{width:24px;height:24px}}