:root{--bg-primary:#0b161b;--bg-secondary:#11242b;--bg-card:#162e37;--bg-card-hover:#203c46;--border-color:#35535f;--text-main:#f1f5f3;--text-muted:#afc1c5;--text-dim:#93aaaf;--accent-cyan:#89d4d1;--accent-gold:#efc98c;--accent-blue:#247d88;--bg:#0b191f;--panel:#132c34;--panel2:#1c3943;--line:#47616c77;--text:#eff5f1;--muted:#a9bdc2;--mint:#b8e1cd;--gold:#ebc78f}
:root[data-theme=light]{--bg-primary:#f5f2e9;--bg-secondary:#fffcf5;--bg-card:#fffdf8;--bg-card-hover:#e4eeea;--border-color:#b8ccc7;--text-main:#173439;--text-muted:#48646b;--text-dim:#526c73;--accent-cyan:#146c74;--accent-gold:#94601d;--accent-blue:#1e737b;--accent-green:#16734a;--accent-red:#ae2836;--bg:#f5f2e9;--panel:#fffcf5;--panel2:#e5efeb;--line:#b8ccc7;--text:#173439;--muted:#48646b;--mint:#216c59;--gold:#94601d;--bg-dark:#f5f2e9;--panel-bg:#fffcf5;--card-bg:#e5efeb;--card-border:#b8ccc7;--accent:#146c74}
.study-shell{display:flex;align-items:center;gap:18px;padding:9px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-main);font:13px/1.4 system-ui;min-height:48px;flex-shrink:0}
.study-shell a,.study-shell button{background:transparent;color:inherit;border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.study-shell button{margin-left:auto}.shell-edition{font-size:10px;letter-spacing:.14em;color:var(--text-muted)}
button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-cyan)!important;outline-offset:3px}
[data-theme=light] body{background:var(--bg-primary);color:var(--text-main)}
[data-theme=light] .logo-text h1,[data-theme=light] .player-track-title,[data-theme=light] .track-item strong{color:var(--text-main)}
[data-theme=light] .card,[data-theme=light] .entry,[data-theme=light] .info-card,[data-theme=light] .category-card,[data-theme=light] .audio-player-panel,[data-theme=light] .transcript-pane,[data-theme=light] .tracks-playlist,[data-theme=light] .stop-details-card,[data-theme=light] dialog{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}
[data-theme=light] header,[data-theme=light] .study-links,[data-theme=light] .controls-bar,[data-theme=light] .library.open{background:var(--bg-secondary);color:var(--text-main);border-color:var(--border-color)}
[data-theme=light] .card button,[data-theme=light] .controls button,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] input:not([type=range]),[data-theme=light] .btn,[data-theme=light] .entry{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-color)}
[data-theme=light] .muted,[data-theme=light] .count,[data-theme=light] .entry p,[data-theme=light] details,[data-theme=light] .fields small,[data-theme=light] .tab-panel>p,[data-theme=light] .study-tip p,[data-theme=light] dialog p{color:var(--text-muted)}
[data-theme=light] .cue,[data-theme=light] .source-note{background:#f2e8cc;color:#71501d}
[data-theme=light] a,[data-theme=light] .eyebrow,[data-theme=light] .study-links a{color:var(--accent-cyan)}
[data-theme=light] .study-shell a{color:var(--text-main)}
[data-theme=light] .lights-stage,[data-theme=light] .light-card,[data-theme=light] .stage{--mint:#b8e1cd;--muted:#a9bdc2;--gold:#ebc78f;--text:#eff5f1;color:#eff5f1}
[data-theme=light] .recall-cover{--muted:#b9cecb;--gold:#ebc78f;--bg:#10252d;--mint:#b8e1cd}
[data-theme=light] #lightCanvas{color-scheme:dark}
[data-theme=light] .tabs-bar,[data-theme=light] .memory-card,[data-theme=light] .chart-viewer-banner{background:var(--bg-card-hover);border-color:var(--border-color)}
[data-theme=light] .memory-card h2,[data-theme=light] #card-back-text{color:var(--text-main)}
[data-theme=light] .memory-hint,[data-theme=light] .memory-note,[data-theme=light] #session-status,[data-theme=light] #card-answer details{color:var(--text-muted)}
[data-theme=light] .tab-btn{color:var(--text-muted)}
[data-theme=light] .tab-btn.active{color:var(--accent-cyan);background:#d4e9e3}
[data-theme=light] .badge{background:#e3eee8;color:#28564b}
[data-theme=light] .badge.gold{background:#f1e3bd;color:#76501f}
[data-theme=light] .card{box-shadow:0 5px 24px #25443a12}
/* Tailwind trainer shares the same readable parchment / teal palette. */
[data-theme=light] [class*="bg-slate-9"],[data-theme=light] [class*="bg-slate-8"]{background-color:var(--bg-card)!important}
[data-theme=light] [class*="text-slate-"],[data-theme=light] .text-white{color:var(--text-main)!important}
[data-theme=light] [class*="border-slate-"]{border-color:var(--border-color)!important}
[data-theme=light] [class*="text-blue-"],[data-theme=light] [class*="text-cyan-"],[data-theme=light] [class*="text-sky-"]{color:#176b76!important}
[data-theme=light] [class*="bg-blue-6"],[data-theme=light] [class*="bg-cyan-6"]{background:#1d7280!important;color:white!important}
[data-theme=light] [class*="bg-cyan-9"]{background:#dfefeb!important}
@media(max-width:600px){.study-shell{padding:8px 14px;gap:8px}.shell-edition{display:none}.study-shell a,.study-shell button{min-height:36px}.masthead{height:65px!important}.header-top{padding:12px 16px}}
@media print{.study-shell{display:none!important}}

/* The audio stage stays dark in both themes; its controls need light ink. */
[data-theme=light] .cinema{--mint:#b8e1cd;--muted:#a9bdc2;--gold:#ebc78f;--text:#eff5f1;color:#eff5f1}
[data-theme=light] .track-heading h1,[data-theme=light] .library-intro{color:var(--text-main)}
[data-theme=light] .stop-details-card p{color:var(--text-main)!important}
@media(max-width:800px){.library.open{inset:113px 0 0}.masthead{position:relative;z-index:901}}