/* One palette is shared by the course library and every lesson. */
:root {
  color-scheme:light;
  --background:#f1f3f4;--card:#fff;--foreground:#202124;--secondary:#e9eef6;
  --muted:#5f6368;--border:#dadce0;--primary:#0b57d0;--primary-on:#fff;
  --hover:#e8f0fe;--panel:#f7f9fc;--active:#e8f0fe;--active-border:#90b2ec;
  --shadow:0 4px 14px #20212412;
  --blue:#245ab5;--purple:#7844a6;--leaf:#17713d;--orange:#8d5406;
  --blue-bg:#e9f1fe;--purple-bg:#f1e7fa;--leaf-bg:#e8f5ed;--orange-bg:#fff0d6;
  --success:#17713d;--warning:#8d5406;
  --bg:var(--background);--paper:var(--card);--ink:var(--foreground);--soft:var(--secondary);
}
:root[data-theme=mint] {
  --background:#edf4ef;--card:#fbfefb;--foreground:#20352c;--secondary:#e1ece4;
  --muted:#52685c;--border:#ceded3;--primary:#146c49;--hover:#dceee2;
  --panel:#f1f8f3;--active:#dceee2;--active-border:#85b39b;
}
:root[data-theme=cream] {
  --background:#faf2e7;--card:#fffdf8;--foreground:#382d23;--secondary:#f2e6d6;
  --muted:#706153;--border:#e5d7c5;--primary:#8d4b12;--hover:#f5e3cb;
  --panel:#fcf6ed;--active:#f5e3cb;--active-border:#cea779;
}
:root[data-appearance=dark] {
  color-scheme:dark;
  --background:#202124;--card:#292a2d;--foreground:#e8eaed;--secondary:#35363a;
  --muted:#b0b5be;--border:#4b4e53;--primary:#a8c7fa;--primary-on:#102f60;
  --hover:#35435a;--panel:#232427;--active:#303e54;--active-border:#708cb6;
  --shadow:0 4px 18px #0005;
  --blue:#a8c7fa;--purple:#d8b5f5;--leaf:#9cd5ad;--orange:#edc37d;
  --blue-bg:#293d5b;--purple-bg:#483252;--leaf-bg:#244432;--orange-bg:#4a3921;
  --success:#9cd5ad;--warning:#edc37d;
}
:root[data-theme=ocean] {
  --background:#19212f;--card:#232d3e;--foreground:#e4ecfa;--secondary:#303d52;
  --muted:#afbcd2;--border:#44536c;--primary:#afc8ff;--primary-on:#152d56;
  --hover:#354763;--panel:#1d2636;--active:#314260;--active-border:#768fc0;
}
:root[data-theme=dusk] {
  --background:#27222e;--card:#332c3e;--foreground:#eee6f5;--secondary:#43394f;
  --muted:#bfb2ce;--border:#5d506b;--primary:#d5b9fa;--primary-on:#38214f;
  --hover:#4b3d60;--panel:#2c2535;--active:#47385c;--active-border:#9a7abd;
}
body{background:var(--background);color:var(--foreground)}
input,select{color:var(--foreground)}
input::placeholder{color:var(--muted);opacity:1}
.stat-row.selected{background:var(--active)}
.search-box input:focus{box-shadow:0 0 0 1px var(--primary)}
.resume-card:hover{border-color:var(--primary)}
.blue{background:var(--blue-bg);color:var(--blue)}
.green{background:var(--leaf-bg);color:var(--leaf)}
.gray{background:var(--secondary);color:var(--muted)}
.blue-text{color:var(--blue)}.green-text{color:var(--leaf)}.gray-text{color:var(--muted)}
.apply-button,.topic-chips button.selected,.mode-switch .selected,.primary,
.card-filters .selected,.exercise-dots .done,#loop[aria-pressed=true]{color:var(--primary-on);background:var(--primary);border-color:var(--primary)}
.primary:hover{background:var(--primary);color:var(--primary-on);filter:brightness(.94)}
.view{background:var(--panel)}
.cue,.exercise,.word-card,.shadowing-current{border-color:var(--border)}
.cue.active{background:var(--active);border-color:var(--active-border)}
.cue .en-line,.cue.active .en-line{color:var(--foreground)}
.cue time,.transcript-info,.empty-answer,.quiet{color:var(--muted)}
.search-wrap input{background:var(--card);color:var(--foreground)}
.transcript{scrollbar-color:var(--border) transparent}
.exercise-dots .current,.course-meta>span:first-child{background:var(--active);color:var(--primary)}
.score{background:var(--active);color:var(--primary)}
.answer-zone{background:var(--panel);border-color:var(--active-border)}
.word-card>.context{border-color:var(--active-border)}
.exercise-feedback.success{color:var(--success)}.exercise-feedback.error{color:var(--warning)}
.color-0{color:var(--blue);background:var(--blue-bg)}
.color-1{color:var(--purple);background:var(--purple-bg)}
.color-2{color:var(--leaf);background:var(--leaf-bg)}
.color-3{color:var(--orange);background:var(--orange-bg)}
.phrase:hover,.phrase.paired{box-shadow:0 0 0 2px currentColor}
.course-save,.save-card{color:var(--muted)}
.toast{color:var(--primary-on)}
#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:6px;border:0;border-radius:50%;color:var(--muted);background:transparent}
#theme-toggle:hover,#theme-toggle[aria-expanded=true]{color:var(--primary);background:var(--hover)}
#theme-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-panel{position:fixed;z-index:60;width:296px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;padding:18px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 35px #0003}
.theme-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.theme-panel-heading h2{margin:0;font-size:15px;font-weight:600}
.theme-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:0;border-radius:50%;color:var(--muted);font-size:22px;line-height:1}
.theme-close:hover{background:var(--secondary);color:var(--foreground)}
.theme-group + .theme-group{margin-top:18px}
.theme-group h3{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 8px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.theme-option{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;border-radius:9px;padding:3px 0;color:var(--foreground);font-size:11px;line-height:1.4}
.theme-option:hover{background:var(--hover)}
.theme-sample{display:block;position:relative;overflow:hidden;width:74px;height:53px;border:2px solid transparent;border-radius:9px;background:var(--sample-bg);box-shadow:inset 0 0 0 1px #80808035}
.theme-option[aria-pressed=true] .theme-sample{border-color:var(--primary)}
.sample-bar{display:flex;gap:3px;align-items:center;height:11px;margin:3px 4px}
.sample-bar i{width:3px;height:3px;border-radius:50%;background:var(--sample-accent);opacity:.75}
.sample-card{display:flex;flex-direction:column;gap:3px;height:25px;margin:0 5px;padding:5px;border-radius:4px;background:var(--sample-paper)}
.sample-card i{display:block;height:2px;width:70%;background:var(--sample-accent);opacity:.4}
.sample-card i:first-child{width:45%;opacity:1}.sample-card i:last-child{width:55%}
.theme-check{position:absolute;right:3px;bottom:3px;display:none;align-items:center;justify-content:center;width:16px;height:16px;background:var(--primary);color:var(--primary-on);border-radius:50%;font-size:11px;font-weight:700}
.theme-option[aria-pressed=true] .theme-check{display:flex}
.theme-hint{font-size:11px;color:var(--muted);margin:16px 0 0}
@media(max-width:370px){.navbar .brand{font-size:16px}.navbar .nav-link{padding-left:5px;padding-right:5px}}