/* Apparence : un seul aperçu, puis des décors qui restent derrière la lecture. */
#appearanceChoices { display: block; }
.appearance-picker { display: grid; gap: 15px; min-width: 0; }
.appearance-controls { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px; }
.appearance-controls label { display: grid; gap: 7px; min-width: 0; color: var(--ink); font-size: 12px; font-weight: 650; }
.appearance-controls select { width: 100%; min-width: 0; min-height: 48px; padding-inline: 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: var(--surface-solid); font: inherit; font-size: 13px; font-weight: 450; }
.appearance-controls select:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.appearance-preview-card { display: grid; grid-template-columns: minmax(130px, .85fr) minmax(0, 1.15fr); min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-solid); }
.appearance-preview-image { position: relative; min-width: 0; min-height: 156px; margin: 0; background: var(--surface); }
.appearance-preview-image img { display: block; width: 100%; height: 100%; min-height: 156px; object-fit: cover; }
.appearance-preview-colors { display: flex; min-width: 0; min-height: 156px; background: var(--preview-paper, var(--paper)); }
.appearance-preview-colors > i { flex: 0 0 29%; border-right: 1px solid #88888826; background: var(--preview-side, var(--sidebar)); }
.appearance-preview-colors > span { display: grid; align-content: center; flex: 1; gap: 9px; min-width: 0; padding: 18px; }
.appearance-preview-colors b { display: block; width: 100%; height: 7px; border-radius: 3px; background: var(--preview-accent, var(--accent)); }
.appearance-preview-colors b:first-child { width: 53%; height: 12px; }
.appearance-preview-colors b:last-child { width: 75%; }
.appearance-preview-copy { align-self: center; min-width: 0; padding: 17px; }
.appearance-preview-state { display: block; margin-bottom: 7px; color: var(--accent); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.appearance-preview-copy .appearance-preview-name { margin: 0 0 9px; color: var(--ink); font-family: var(--font-display); font-size: 25px; font-weight: 400; line-height: 1.15; letter-spacing: -.02em; }
.appearance-preview-copy > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.appearance-preview-detail { display: block; margin: -3px 0 9px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.appearance-selection-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.appearance-preview-swatches { display: flex; align-items: center; gap: 6px; margin-top: 13px; }
.appearance-preview-swatches i { display: block; width: 18px; height: 18px; border: 1px solid #88888840; border-radius: 50%; }
.appearance-preview-swatches i:nth-child(1) { background: var(--preview-paper, var(--paper)); }
.appearance-preview-swatches i:nth-child(2) { background: var(--preview-side, var(--sidebar)); }
.appearance-preview-swatches i:nth-child(3) { background: var(--preview-accent, var(--accent)); }
.appearance-preview-copy > .appearance-preview-credit { margin-top: 12px; font-size: 11px; }
.appearance-preview-credit a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
#appearanceNote { font-size: 12px; line-height: 1.7; }
#appearanceStatus { min-height: 19px; font-size: 12px; line-height: 1.6; }

/* Illustrated themes are an overlay; the nine original palettes are untouched. */
:root[data-appearance-base='martin'] {
  --paper: #111c2c; --paper-deep: #0c1625; --sidebar: #111c2b;
  --surface: #1b2a40; --surface-solid: #152338; --ink: #f1eadb;
  --muted: #bec9cc; --line: #354253; --accent: #e4bd68;
  --accent-soft: #303244; --on-accent: #18212c; --danger: #f1a7a4;
  --appearance-scene: url('/theme-backgrounds/martin.webp');
  --appearance-veil: #0c162514; --appearance-radius: 13px;
  --appearance-shadow: 0 8px 32px #030b1840;
}
:root[data-appearance-base='monet'] {
  --paper: #e8ece0; --paper-deep: #d8e3cf; --sidebar: #e3eadb;
  --surface: #e5eddb; --surface-solid: #f8f9f0; --ink: #26392e;
  --muted: #546458; --line: #cbd6c6; --accent: #3c6b53;
  --accent-soft: #dde8d5; --on-accent: #ffffff; --danger: #9d3e3f;
  --appearance-scene: url('/theme-backgrounds/monet.webp');
  --appearance-veil: #e8ece00d; --appearance-radius: 23px;
  --appearance-shadow: 0 8px 28px #1d452018;
}
:root[data-appearance-base='hokusai'] {
  --paper: #ede9de; --paper-deep: #d9dfd8; --sidebar: #e6e8e0;
  --surface: #e5e7df; --surface-solid: #faf8f0; --ink: #233a52;
  --muted: #506071; --line: #c8d4d5; --accent: #235479;
  --accent-soft: #dbe5e8; --on-accent: #ffffff; --danger: #a1393d;
  --appearance-scene: url('/theme-backgrounds/hokusai.webp');
  --appearance-veil: #ede9de0d; --appearance-radius: 12px;
  --appearance-shadow: 0 7px 25px #173c541c;
}
:root[data-appearance-base='arcade'] {
  --paper: #101223; --paper-deep: #0b0d1c; --sidebar: #131528;
  --surface: #23223e; --surface-solid: #1b1c33; --ink: #f2edff;
  --muted: #c3bdd6; --line: #4c426c; --accent: #78f1e1;
  --accent-soft: #1b3c46; --on-accent: #0b242b; --danger: #ffadb4;
  --appearance-scene: url('/theme-backgrounds/arcade.webp');
  --appearance-veil: #1012230d; --appearance-radius: 8px;
  --appearance-shadow: 0 0 0 1px #78f1e11a, 0 9px 28px #07081966;
  --font-display: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
:root[data-appearance-base='fantasy'] {
  --paper: #e3dfce; --paper-deep: #d5d7bc; --sidebar: #e5dfca;
  --surface: #e6e6d4; --surface-solid: #f7f1df; --ink: #2d3c29;
  --muted: #505c44; --line: #c9c8aa; --accent: #455f32;
  --accent-soft: #dae1c9; --on-accent: #ffffff; --danger: #a13b30;
  --appearance-scene: url('/theme-backgrounds/fantasy.webp');
  --appearance-veil: #1824140d; --appearance-radius: 8px;
  --appearance-shadow: 0 0 0 2px #c9c8aa33, 0 9px 30px #16230d30;
}
:root[data-appearance-base='cosmic'] {
  --paper: #19142c; --paper-deep: #110d20; --sidebar: #1b152d;
  --surface: #2c2445; --surface-solid: #221c38; --ink: #f4efff;
  --muted: #c4b9d8; --line: #574766; --accent: #d0aff8;
  --accent-soft: #3b2c55; --on-accent: #221434; --danger: #ffabb9;
  --appearance-scene: url('/theme-backgrounds/cosmic.webp');
  --appearance-veil: #19142c0d; --appearance-radius: 24px;
  --appearance-shadow: 0 0 0 1px #d0aff815, 0 10px 36px #0d072e66;
}
:root[data-appearance-base='bladerunner'] {
  --paper: #151a1d; --paper-deep: #0f1417; --sidebar: #131b1e;
  --surface: #253036; --surface-solid: #1b272d; --ink: #f3ece1;
  --muted: #c0c9c9; --line: #42545b; --accent: #efbc75;
  --accent-soft: #34312b; --on-accent: #1b252b; --danger: #f1aaa0;
  --appearance-scene: url('/theme-backgrounds/bladerunner-film.webp');
  --appearance-veil: #0f141710; --appearance-radius: 6px;
  --appearance-shadow: 0 1px 0 #83cdd01a, 0 10px 30px #050c1466;
  --appearance-signal: #83cdd0;
}
:root[data-appearance-base='tenet'] {
  --paper: #e5e9e8; --paper-deep: #d3dcdf; --sidebar: #dce3e4;
  --surface: #e7eded; --surface-solid: #f7f9f6; --ink: #263944;
  --muted: #4e6069; --line: #bfccd0; --accent: #36586e;
  --accent-soft: #dce5e9; --on-accent: #ffffff; --danger: #9c4246;
  --appearance-scene: url('/theme-backgrounds/tenet-film.webp');
  --appearance-veil: #e5e9e80d; --appearance-radius: 3px;
  --appearance-shadow: 0 3px 18px #26394418;
  --appearance-signal: #9c4246;
  --font-display: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
:root[data-appearance-base='interstellar'] {
  --paper: #131b27; --paper-deep: #0b131e; --sidebar: #172333;
  --surface: #253142; --surface-solid: #192536; --ink: #f0eee4;
  --muted: #bec9d0; --line: #425568; --accent: #e4ba87;
  --accent-soft: #38362f; --on-accent: #1b2634; --danger: #efaea5;
  --appearance-scene: url('/theme-backgrounds/interstellar-film.webp');
  --appearance-veil: #0b131e0d; --appearance-radius: 22px;
  --appearance-shadow: 0 0 0 1px #e4ba8712, 0 12px 36px #060d1c66;
}
:root[data-appearance-base='dune'] {
  --paper: #eee1c6; --paper-deep: #dfcdae; --sidebar: #e8d9b8;
  --surface: #e9dec5; --surface-solid: #fbf2df; --ink: #433122;
  --muted: #66513d; --line: #c8b28a; --accent: #794516;
  --accent-soft: #edddbf; --on-accent: #ffffff; --danger: #9a3e2c;
  --appearance-scene: url('/theme-backgrounds/dune-film.webp');
  --appearance-veil: #eee1c60d; --appearance-radius: 28px;
  --appearance-shadow: 0 8px 32px #79451620;
}

/* Cinematic imaginary worlds use original local illustrations. */
:root[data-appearance-base='neoncity'] {
  --paper: #151a1d; --paper-deep: #0f1417; --sidebar: #131b1e;
  --surface: #253036; --surface-solid: #1b272d; --ink: #f3ece1;
  --muted: #c0c9c9; --line: #42545b; --accent: #efbc75;
  --accent-soft: #34312b; --on-accent: #1b252b; --danger: #f1aaa0;
  --appearance-scene: url('/theme-backgrounds/bladerunner.webp');
  --appearance-veil: #0f141710; --appearance-radius: 6px;
  --appearance-shadow: 0 1px 0 #83cdd01a, 0 10px 30px #050c1466;
  --appearance-signal: #83cdd0;
}
:root[data-appearance-base='inversion'] {
  --paper: #e5e9e8; --paper-deep: #d3dcdf; --sidebar: #dce3e4;
  --surface: #e7eded; --surface-solid: #f7f9f6; --ink: #263944;
  --muted: #4e6069; --line: #bfccd0; --accent: #36586e;
  --accent-soft: #dce5e9; --on-accent: #ffffff; --danger: #9c4246;
  --appearance-scene: url('/theme-backgrounds/tenet.webp');
  --appearance-veil: #e5e9e80d; --appearance-radius: 3px;
  --appearance-shadow: 0 3px 18px #26394418;
  --appearance-signal: #9c4246;
  --font-display: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
:root[data-appearance-base='gravity'] {
  --paper: #131b27; --paper-deep: #0b131e; --sidebar: #172333;
  --surface: #253142; --surface-solid: #192536; --ink: #f0eee4;
  --muted: #bec9d0; --line: #425568; --accent: #e4ba87;
  --accent-soft: #38362f; --on-accent: #1b2634; --danger: #efaea5;
  --appearance-scene: url('/theme-backgrounds/interstellar.webp');
  --appearance-veil: #0b131e0d; --appearance-radius: 22px;
  --appearance-shadow: 0 0 0 1px #e4ba8712, 0 12px 36px #060d1c66;
}
:root[data-appearance-base='sandempire'] {
  --paper: #eee1c6; --paper-deep: #dfcdae; --sidebar: #e8d9b8;
  --surface: #e9dec5; --surface-solid: #fbf2df; --ink: #433122;
  --muted: #66513d; --line: #c8b28a; --accent: #794516;
  --accent-soft: #edddbf; --on-accent: #ffffff; --danger: #9a3e2c;
  --appearance-scene: url('/theme-backgrounds/dune.webp');
  --appearance-veil: #eee1c60d; --appearance-radius: 28px;
  --appearance-shadow: 0 8px 32px #79451620;
}

:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) {
  --panel-shadow: var(--appearance-shadow);
  --workspace-shadow: var(--appearance-shadow);
  --workspace-lift: 0 12px 36px color-mix(in srgb, var(--ink) 12%, transparent);
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) body::before {
  inset: 0; z-index: -1; opacity: 1;
  background-image: linear-gradient(var(--appearance-veil), var(--appearance-veil)), var(--appearance-scene);
  background-position: center; background-size: cover; background-repeat: no-repeat;
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .workspace-toolbar::before {
  border-color: var(--line); background: var(--surface-solid);
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.dashboard-heading, .workspace-context, .day-summary, .project-index, .tasks-summary, .learning-content, .learning-toolbar, .audio-reliability-grid, .audio-library-heading, .audio-empty, .audio-consent-note, .tasks-all-clear, .sport-module-label, .sport-guidance, .sport-history, .budget-workspace, .study-modes, .vocabulary-workspace) {
  padding: 20px; border: 1px solid var(--line); border-radius: var(--appearance-radius);
  background: var(--surface-solid); box-shadow: var(--appearance-shadow);
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .workspace-context { padding: 8px 16px; }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.learning-toolbar, .audio-consent-note) { padding: 12px 16px; }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .audio-consent-note { font-size: 12px; line-height: 1.7; }
/* One reading panel per budget view; controls keep their own useful boundaries. */
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .budget-ledger :is(.budget-summary, .budget-planning, .budget-section) {
  border: 0; background: transparent; box-shadow: none;
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .budget-tab-description { margin: 12px 0 24px; }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .budget-tab-panel > .budget-section { border-top: 1px solid var(--line); }
/* Link and visited states use the same contrast-checked theme accent. */
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.vocabulary-workspace a:any-link, .learning-dialog .vocabulary-source:any-link) {
  color: var(--accent); text-decoration-color: currentColor; text-underline-offset: 3px;
}

/* Reading surfaces never depend on the brightness of the chosen wallpaper.
   Bars/cards provide their own separate overview and action panels. */
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .time-workspace:not([data-presentation="bars"]):not([data-presentation="cards"]) .ring-stage {
  border-radius: var(--appearance-radius);
  background: var(--surface-solid);
  box-shadow: var(--appearance-shadow);
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .rings-core {
  border-radius: 50%; background: var(--surface-solid);
  box-shadow: none;
}
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .ring-stage-caption { padding: 5px 8px; border-radius: 6px; background: var(--surface-solid); }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .ring-stage-note { width: fit-content; margin-inline: auto; padding: 3px 12px; border-radius: 8px; background: var(--surface-solid); }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.project-list-toggle, .time-grouping-controls > span) { padding-inline: 12px; border-radius: 8px; background: var(--surface-solid); }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .project-list-toggle { border: 1px solid var(--line); }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.primary-navigation, .modal, .learning-dialog, .timer-dock, .discovery-welcome, .learning-panel, .learning-path, .todo-group, .sport-studio) { border-radius: var(--appearance-radius); }
:root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.button, .icon-button, .discovery-trigger) { border-radius: min(var(--appearance-radius), 14px); }

/* The console uses existing local type, with crisp geometry and a quiet glow. */
:root[data-appearance-base='arcade'] .dashboard-heading h1 { font-size: clamp(32px, 3.8vw, 49px); font-weight: 750; line-height: 1.12; letter-spacing: -.04em; }
:root[data-appearance-base='arcade'] :is(.learning-project-heading h2, .learning-material-head h2, .modal h2, .learning-start > h2) { font-size: clamp(28px, 3.2vw, 39px); font-weight: 700; letter-spacing: -.035em; }
:root[data-appearance-base='arcade'] :is(.learning-path h3, .learning-material strong, .appearance-preview-name) { font-size: 23px; font-weight: 650; letter-spacing: -.025em; }
:root[data-appearance-base='arcade'] :is(.day-summary strong, .core-idle strong, .core-percent) { font-weight: 550; }
:root[data-appearance-base='arcade'] .primary-navigation button[aria-pressed='true'] { box-shadow: 0 0 13px #78f1e144; }
:root[data-appearance-base='martin'] :is(.dashboard-heading, .modal, .project-index) { border-color: #766442; }
:root[data-appearance-base='fantasy'] :is(.dashboard-heading, .modal, .project-index) { border-color: #969c75; }
.appearance-preview-card:is([data-appearance-base='arcade'], [data-appearance-base='fantasy']) { border-radius: 8px; }
.appearance-preview-card[data-appearance-base='cosmic'] { border-radius: 22px; }

/* Cinematic themes keep their visual cues around the timer and rings. */
:root:is([data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .core-actions .play-button { color: var(--on-accent); background: var(--accent); }
:root:is([data-appearance-base='bladerunner'], [data-appearance-base='neoncity']) :is(.dashboard-heading, .project-index) { border-color: #526566; }
:root:is([data-appearance-base='bladerunner'], [data-appearance-base='neoncity']) .workspace-context { border-inline-start: 2px solid var(--appearance-signal); }
:root:is([data-appearance-base='bladerunner'], [data-appearance-base='neoncity']) .ring-stage-caption i { background: var(--appearance-signal); }
:root:is([data-appearance-base='tenet'], [data-appearance-base='inversion']) .dashboard-heading h1 { font-size: clamp(35px, 4.2vw, 55px); font-weight: 500; line-height: 1.12; letter-spacing: -.045em; }
:root:is([data-appearance-base='tenet'], [data-appearance-base='inversion']) :is(.ring-stage-caption, .appearance-preview-state) { letter-spacing: .14em; }
:root:is([data-appearance-base='tenet'], [data-appearance-base='inversion']) .primary-navigation button[aria-pressed='true'] { box-shadow: inset 0 -3px 0 var(--appearance-signal); }
:root:is([data-appearance-base='interstellar'], [data-appearance-base='gravity']) .ring-stage-caption { letter-spacing: .15em; }
:root:is([data-appearance-base='dune'], [data-appearance-base='sandempire']) :is(.dashboard-heading, .modal, .project-index) { border-color: #b79b70; }
.appearance-preview-card[data-appearance-base='bladerunner'], .appearance-preview-card[data-appearance-base='neoncity'] { border-radius: 6px; }
.appearance-preview-card[data-appearance-base='tenet'], .appearance-preview-card[data-appearance-base='inversion'] { border-radius: 3px; }
.appearance-preview-card[data-appearance-base='interstellar'], .appearance-preview-card[data-appearance-base='gravity'] { border-radius: 22px; }
.appearance-preview-card[data-appearance-base='dune'], .appearance-preview-card[data-appearance-base='sandempire'] { border-radius: 28px; }

@media (max-width: 760px), (pointer: coarse) {
  .appearance-controls select { font-size: 16px; }
}
@media (max-width: 480px) {
  .appearance-controls { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .appearance-preview-card { grid-template-columns: minmax(0, 1fr); }
  .appearance-preview-image { height: 130px; min-height: 130px; }
  .appearance-preview-image img { min-height: 130px; }
  .appearance-preview-colors { min-height: 120px; }
  .appearance-preview-copy { padding: 16px; }
  .appearance-preview-copy .appearance-preview-name { font-size: 25px; }
  :root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) :is(.dashboard-heading, .day-summary, .project-index, .tasks-summary, .learning-content, .budget-workspace, .vocabulary-workspace) { padding: 15px; }
  /* The opaque stage remains below the SVG, including dense small rings. */
  :root:is([data-appearance-base='martin'], [data-appearance-base='monet'], [data-appearance-base='hokusai'], [data-appearance-base='arcade'], [data-appearance-base='fantasy'], [data-appearance-base='cosmic'], [data-appearance-base='bladerunner'], [data-appearance-base='tenet'], [data-appearance-base='interstellar'], [data-appearance-base='dune'], [data-appearance-base='neoncity'], [data-appearance-base='inversion'], [data-appearance-base='gravity'], [data-appearance-base='sandempire']) .rings-core { background: transparent; }
  :root[data-appearance-base='arcade'] .dashboard-heading h1 { font-size: 31px; }
  :root:is([data-appearance-base='tenet'], [data-appearance-base='inversion']) .dashboard-heading h1 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .appearance-preview-card { animation: none; transition: none; }
}