:root {
  color-scheme: light;
  --paper: #eafbf5;
  --surface: #ffffff;
  --panel: #d2f2e5;
  --panel-soft: #f4fcf8;
  --ink: #0c3531;
  --muted: #3b6057;
  --accent: #00735c;
  --accent-hover: #005747;
  --on-accent: #ffffff;
  --line: #a8d6c6;
  --control-line: #568575;
  --decor: #35b58e;
  --error: #b12b24;
  --coral: #007d58;
  --shadow: #00735c14;
  --green: var(--accent);
  --green-dark: var(--accent-hover);
  --lime: var(--on-accent);
  --skin-art: url('/static/skins/mint-leaf.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 100% 0%, #7fe4bf55, transparent 42%), radial-gradient(ellipse at 0% 90%, #c1f1dc77, transparent 55%);
}
:root[data-theme="comic"] {
  --paper: #ffed9c; --surface: #fffef9; --panel: #ffe06b; --panel-soft: #fff9e5;
  --ink: #222340; --muted: #44415a; --accent: #244ad6; --accent-hover: #1734a6;
  --on-accent: #ffffff; --line: #76738a; --control-line: #76738a;
  --decor: #ff915c; --error: #ae2925; --coral: #c7332d; --shadow: #22234022;
  --skin-art: url('/static/skins/comic-radio.svg?v=20261014-studio');
  --ambient: radial-gradient(#22234016 0.8px, transparent 0.8px);
}
:root[data-theme="candy"] {
  --paper: #fff0f5; --surface: #ffffff; --panel: #ffd5e4; --panel-soft: #fff7fa;
  --ink: #472036; --muted: #6c3f52; --accent: #bf205b; --accent-hover: #991344;
  --on-accent: #ffffff; --line: #e4a5bd; --control-line: #ae6382;
  --decor: #f66a9b; --error: #b32b2b; --coral: #bf205b; --shadow: #bc235c18;
  --skin-art: url('/static/skins/candy-cloud.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 95% 5%, #ffb3d17d, transparent 40%), radial-gradient(ellipse at 0% 100%, #c9f7e773, transparent 50%);
}
:root[data-theme="circuit"] {
  color-scheme: dark;
  --paper: #090f19; --surface: #111e29; --panel: #193441; --panel-soft: #122631;
  --ink: #ecfffb; --muted: #acc9c7; --accent: #59efcf; --accent-hover: #9affdf;
  --on-accent: #092322; --line: #31545d; --control-line: #628893;
  --decor: #36baa7; --error: #ffb1a4; --coral: #59efcf; --shadow: #00000055;
  --skin-art: url('/static/skins/circuit-wave.svg?v=20261014-studio');
  --ambient: linear-gradient(#59efcf08 1px, transparent 1px), linear-gradient(90deg, #59efcf08 1px, transparent 1px), radial-gradient(ellipse at 85% 0%, #12645d40, transparent 55%);
}
:root[data-theme="petal"] {
  --paper: #f1edff; --surface: #ffffff; --panel: #e5dcff; --panel-soft: #f9f7ff;
  --ink: #2b2044; --muted: #605078; --accent: #6c43c4; --accent-hover: #53309f;
  --on-accent: #ffffff; --line: #cbb9ed; --control-line: #8b74ac;
  --decor: #a887e8; --error: #b22a23; --coral: #6c43c4; --shadow: #6c43c418;
  --skin-art: url('/static/skins/violet-cloud.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 100% 0%, #c6acff77, transparent 48%), radial-gradient(ellipse at 0% 80%, #bcdfff66, transparent 55%);
}
:root[data-theme="business"] {
  --paper: #edf3ff; --surface: #ffffff; --panel: #dee8ff; --panel-soft: #f5f8ff;
  --ink: #142745; --muted: #445a7a; --accent: #194bb8; --accent-hover: #113583;
  --on-accent: #ffffff; --line: #b6c9e7; --control-line: #667fa6;
  --decor: #5786d4; --error: #b12b24; --coral: #194bb8; --shadow: #193c7216;
  --skin-art: url('/static/skins/business-audio.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 100% 0%, #a8c8ff65, transparent 50%), linear-gradient(120deg, #ffffff99, transparent 65%);
}
:root[data-theme="executive"] {
  --paper: #f5f5f7; --surface: #ffffff; --panel: #ededf0; --panel-soft: #fafafa;
  --ink: #1d1d1f; --muted: #56565e; --accent: #242426; --accent-hover: #3a3a3d;
  --on-accent: #ffffff; --line: #d8d8dd; --control-line: #838389;
  --decor: #85858e; --error: #a61e2d; --coral: #c62f3e; --shadow: #1d1d1f12;
  --audio-accent: #c62f3e; --audio-hover: #a82532;
  --skin-art: url('/static/skins/glass-orbit.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 90% 0%, #e6e6eb80, transparent 50%), radial-gradient(ellipse at 0% 80%, #ffffffcc, transparent 60%);
}
:root[data-theme="amber"] {
  --paper: #fff5e8; --surface: #fffefd; --panel: #ffdfb5; --panel-soft: #fff9f0;
  --ink: #472813; --muted: #734c31; --accent: #b83c08; --accent-hover: #902b04;
  --on-accent: #ffffff; --line: #e6b785; --control-line: #a57142;
  --decor: #ef912b; --error: #b12720; --coral: #b83c08; --shadow: #b83c0816;
  --skin-art: url('/static/skins/sunrise.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 100% 0%, #ffc26470, transparent 45%), radial-gradient(ellipse at 0% 90%, #ffdec570, transparent 55%);
}
:root[data-theme="midnight"] {
  color-scheme: dark;
  --paper: #14120f;
  --surface: #211e19;
  --panel: #302a21;
  --panel-soft: #29231b;
  --ink: #fff6e7;
  --muted: #c8bda7;
  --accent: #ebc580;
  --accent-hover: #ffdda0;
  --on-accent: #261b0e;
  --line: #5a4d38;
  --control-line: #8c7c64;
  --decor: #be914e;
  --error: #ffb1a4;
  --coral: #ebc580;
  --shadow: #00000055;
  --skin-art: url('/static/skins/gold-record.svg?v=20261014-studio');
  --ambient: radial-gradient(ellipse at 100% 0%, #af80342b, transparent 50%), radial-gradient(ellipse at 0% 100%, #9b602118, transparent 60%);
}
:root[data-theme] .workspace-page {
  background: var(--ambient), var(--paper);
  color: var(--ink);
  accent-color: var(--accent);
}
:root[data-theme] .workspace-page :is(.site-header, .heading-note, .translation-greeting, .card-heading, .voice-details, .portrait-halo, .editor-hint, .translation-controls, .translation-audio, .translation-submit, .theme-feedback, #language-hint) {
  border-color: var(--line);
}
:root[data-theme] .workspace-page :is(.editor-card, .settings-card, .player-panel, .translation-studio) {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: 0 6px 28px var(--shadow);
}
:root[data-theme] .workspace-page :is(.settings-card, .translation-controls, .translation-audio) {
  background: linear-gradient(130deg, var(--panel), var(--panel-soft));
}
:root[data-theme] .workspace-page .translation-grid .editor-card {
  background: var(--surface);
  box-shadow: none;
}
:root[data-theme] .workspace-page .translation-grid .translation-result {
  background: var(--panel-soft);
  border-color: var(--line);
}
:root[data-theme] .workspace-page :is(.editor-hint, .translation-submit, .section-nav) {
  background: var(--panel-soft);
}
:root[data-theme] .workspace-page :is(.primary-button, .brand-mark, .voice-badge, .play-button, :where(#read-translation), .translation-audio-heading > .icon, .section-nav a[aria-current]) {
  background: var(--accent);
  color: var(--on-accent);
  box-shadow: none;
}
:root[data-theme] .workspace-page :is(.primary-button, #read-translation):hover:not(:disabled) {
  background: var(--accent-hover);
}
:root[data-theme] .workspace-page #read-translation {
  color: var(--on-accent);
}
:root[data-theme] .workspace-page :is(.button-arrow, .section-nav a[aria-current] .nav-index) {
  color: var(--on-accent);
}
:root[data-theme] .workspace-page :is(.page-heading h1 em, .note-number, .translation-greeting, .theme-chosen) {
  color: var(--accent);
}
:root[data-theme] .workspace-page :is(.page-intro, .eyebrow, .step-number, .header-caption, .heading-note, .translation-greeting small, .translation-controls label, .translation-controls small, .voice-picker label, .voice-picker p, .voice-name p, .voice-details dt, .voice-details dd span, .generate-area > p, .status, .editor-footer, .editor-hint, .time-label, .site-footer, .translation-footnote, .translation-audio-heading p, .translation-speed-row label, .translation-speed-row span, .audio-format, .theme-current, .theme-description, .theme-feedback, .theme-choice-description, .footer-dot) {
  color: var(--muted);
}
:root[data-theme] .workspace-page :is(.voice-details dd, .editor-footer strong, .translation-output, textarea) {
  color: var(--ink);
}
:root[data-theme] .workspace-page :is(select, #reading-speed, #translation-speed, #swap-languages) {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--control-line);
}
:root[data-theme] .workspace-page :is(textarea, #translation-input)::placeholder {
  color: var(--muted);
  opacity: 1;
}
:root[data-theme] .workspace-page :is(.quiet-button, .section-nav a:not([aria-current])) {
  color: var(--muted);
}
:root[data-theme] .workspace-page :is(.quiet-button, .section-nav a:not([aria-current])):hover:not(:disabled) {
  color: var(--ink);
  background: var(--panel);
}
:root[data-theme] .workspace-page :is(.download-button, .small-label, .audio-meta, .voice-name h3 span, .editor-hint kbd) {
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
  box-shadow: none;
}
:root[data-theme] .workspace-page .download-button:hover {
  background: var(--surface);
  border-color: var(--accent);
}
:root[data-theme] .workspace-page :is(.editor-footer .near-limit, .editor-footer .near-limit strong, .status.is-error, #catalog-status.is-error, .translation-output[data-state="error"]) {
  color: var(--error);
}
:root[data-theme] .workspace-page .translation-output[data-state="empty"] {
  color: var(--muted);
  background: radial-gradient(ellipse at center, var(--panel), transparent 70%);
}
:root[data-theme] .workspace-page .translation-output[data-state="empty"]::before {
  color: var(--decor);
}
:root[data-theme] .workspace-page .voice-portrait > svg {
  background: var(--panel);
  border-color: var(--surface);
}
:root[data-theme] .workspace-page .voice-portrait circle { fill: var(--panel); }
:root[data-theme] .workspace-page .voice-portrait path { stroke: var(--accent); }
:root[data-theme] .workspace-page .voice-badge { border-color: var(--panel); }
:root[data-theme] .workspace-page :is(.sound-art, .player-panel[data-state="loading"] .sound-art) {
  background: var(--panel-soft);
  border-color: var(--line);
}
:root[data-theme] .workspace-page .sound-art i { background: var(--decor); }
:root[data-theme] .workspace-page .sound-art.playing i { background: var(--accent); }
:root[data-theme] .workspace-page :is(.eyebrow > span, .tool-divider) { background: var(--line); }
:root[data-theme] .workspace-page .eyebrow > span { background: var(--accent); }
:root[data-theme] .workspace-page .greeting-dot { color: var(--coral); }
:root[data-theme] .workspace-page input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--accent) var(--progress), var(--line) var(--progress));
}
:root[data-theme] .workspace-page input[type="range"]::-moz-range-track { background: var(--line); }
:root[data-theme] .workspace-page input[type="range"]::-moz-range-progress { background: var(--accent); }
:root[data-theme] .workspace-page input[type="range"]::-webkit-slider-thumb {
  background: var(--accent);
  border-color: var(--surface);
  box-shadow: 0 0 0 1px var(--line);
}
:root[data-theme] .workspace-page input[type="range"]::-moz-range-thumb {
  background: var(--accent);
  border-color: var(--surface);
}
:root[data-theme] .workspace-page :is(button, a, select, input, textarea):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
:root[data-theme] .workspace-page :is(#text-input, #translation-input):focus-visible {
  outline-offset: -3px;
  box-shadow: none;
}
:root[data-theme] .workspace-page .editor-card:focus-within {
  border-color: var(--accent);
  box-shadow: 0 6px 28px var(--shadow);
}