/* Compact theme and year controls. The original palette remains the default. */
.theme-picker{position:relative;flex:none}
.theme-trigger{list-style:none;display:inline-flex;align-items:center;gap:9px;
  min-height:39px;padding:5px 11px 5px 7px;border:1px solid var(--line);border-radius:11px;
  background:#fff;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;user-select:none;
  transition:border-color .16s,background .16s}
.theme-trigger::-webkit-details-marker{display:none}
.theme-trigger::marker{content:""}
.theme-trigger:hover,.theme-picker[open] .theme-trigger{border-color:var(--teal);background:var(--mintsoft)}
.theme-trigger-mark{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  gap:2px;background:var(--mintsoft);border:1px solid var(--line)}
.theme-trigger-mark span{width:5px;height:13px;border-radius:4px;background:var(--teal)}
.theme-trigger-mark span:nth-child(2){height:17px;background:var(--mint)}
.theme-trigger-mark span:nth-child(3){height:10px;background:var(--lime);box-shadow:inset 0 0 0 1px #1a514021}
.theme-caret,.year-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);color:var(--sub);flex:none;transition:transform .16s}
.theme-picker[open] .theme-caret,.year-multi-trigger[aria-expanded="true"] .year-caret{
  transform:rotate(225deg) translateY(-2px)}
.theme-trigger:focus-visible,.theme-choice:focus-visible,.year-multi-trigger:focus-visible,
.year-select-item:focus-within,.year-done:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.theme-options{position:absolute;right:0;top:calc(100% + 9px);width:225px;max-width:85vw;z-index:60;
  border:1px solid var(--line);background:#fff;border-radius:15px;padding:8px;
  box-shadow:0 15px 35px rgba(20,43,55,.16);display:grid;gap:3px}
.theme-options-heading{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sub);font-weight:800;padding:7px 9px 5px}
.theme-choice{border:1px solid transparent;border-radius:10px;width:100%;min-height:47px;padding:7px 8px;
  display:flex;gap:10px;align-items:center;text-align:left;font-size:13px;font-weight:700;
  background:transparent;color:var(--ink)}
.theme-choice:hover{background:var(--paper)}
.theme-choice.active{background:var(--mintsoft);border-color:var(--line)}
.theme-choice-name{flex:1}
.theme-choice-check{color:var(--teal);width:18px;text-align:center;font-weight:900}
.theme-preview{height:30px;width:45px;flex:none;display:flex;align-items:center;justify-content:center;gap:3px;
  border-radius:7px;border:1px solid #15263820;background:var(--preview-bg)}
.theme-preview span{width:6px;height:15px;border-radius:4px;background:var(--preview-one)}
.theme-preview span:nth-child(2){height:20px;background:var(--preview-two)}
.theme-preview span:nth-child(3){height:11px;background:var(--preview-three)}
.preview-default{--preview-bg:#e9faf5;--preview-one:#0d1c2b;--preview-two:#0b8a80;--preview-three:#42d5be}
.preview-blue{--preview-bg:#edf5ff;--preview-one:#102641;--preview-two:#2869ba;--preview-three:#76baf7}
.preview-orange{--preview-bg:#fff4e8;--preview-one:#322319;--preview-two:#b45e27;--preview-three:#f3b26f}
.preview-black{--preview-bg:#090b0f;--preview-one:#e7edf1;--preview-two:#77d9c0;--preview-three:#414c57}

.year-multi{position:relative;width:100%}
.year-multi-trigger{display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;min-width:0;
  background:#fff;border-color:var(--line);transition:border-color .16s,box-shadow .16s}
.year-multi-trigger:hover,.year-multi-trigger[aria-expanded="true"]{border-color:var(--teal)}
.year-multi-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.year-trigger-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:7px;
  background:var(--mintsoft);color:var(--teal);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.year-multi-panel{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:25;
  border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 16px 38px rgba(14,39,44,.18)}
.year-panel-head{display:grid;gap:2px;padding:13px 14px 10px;border-bottom:1px solid var(--line)}
.year-panel-head strong{font-size:13px;color:var(--ink)}
.year-panel-head span{font-size:11px;color:var(--sub);line-height:1.4}
.year-options-scroll{max-height:min(320px,46dvh);overflow-y:auto;overscroll-behavior:contain;padding:7px}
.field .year-select-item{display:flex;align-items:center;gap:9px;padding:7px 9px;min-height:38px;
  border:1px solid transparent;border-radius:8px;color:var(--ink);font-size:13px;font-weight:700;
  cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}
.field .year-select-item:hover,.field .year-select-item:focus-within{background:var(--mintsoft)}
.field .year-select-item:has(input:checked){background:var(--mintsoft);color:var(--teal)}
.year-select-item input{width:17px;height:17px;accent-color:var(--teal);margin:0;flex:none}
.field .year-select-all{margin:0 0 7px;border-bottom:1px solid var(--line);border-radius:8px 8px 3px 3px;
  font-weight:800}
.year-all-count{margin-left:auto;color:var(--sub);font-size:11px}
.year-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.year-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border-top:1px solid var(--line);background:var(--paper)}
.year-panel-footer span{font-size:11px;color:var(--sub);font-weight:700}
.year-done{border:0;border-radius:8px;padding:7px 14px;background:var(--teal);color:#fff;
  font-size:12px;font-weight:800;line-height:1.4}
.year-done:hover{filter:brightness(.9)}
.setup-card{position:relative;z-index:2}
@media(max-width:650px){
  .theme-trigger{width:39px;min-width:39px;padding:5px;justify-content:center}
  .theme-trigger-label,.theme-caret{display:none}
  .head-actions{gap:7px}
}
@media(prefers-reduced-motion:reduce){.theme-trigger,.theme-caret,.year-caret,.year-multi-trigger{transition:none}}

/* Palette tokens are applied only when a non-default theme is chosen. */
:root[data-theme="blue"]{
  --teal:#2869ba;--mint:#76baf7;--mintsoft:#edf5ff;--lime:#cbe5ff;
  --navy:#102641;--navy2:#193754;--paper:#f4f8fe;--line:#dbe6f3;
  --theme-accent:#2869ba;--theme-accent-dark:#195397;
  --theme-soft:#edf5ff;--theme-soft-strong:#dceafe;--theme-border:#9ec2ec;
  --theme-heading:#1b538b;--theme-nav-active:#204267;--theme-nav-hover:#1c395b;
  --theme-side-note:#183551;--theme-hero-glow:#2c63a3;
  --theme-hero-start:#112944;--theme-hero-end:#254d82;
  --theme-image:#79beff;--theme-hero-sub:#d2e2f5;
}
:root[data-theme="orange"]{
  --teal:#b45e27;--mint:#f3b26f;--mintsoft:#fff4e8;--lime:#ffe1b0;
  --navy:#322319;--navy2:#463020;--paper:#fdf8f2;--line:#eadfd3;
  --theme-accent:#ae5721;--theme-accent-dark:#924419;
  --theme-soft:#fff4e8;--theme-soft-strong:#ffe6cd;--theme-border:#e6b990;
  --theme-heading:#8e491f;--theme-nav-active:#65422b;--theme-nav-hover:#513522;
  --theme-side-note:#483121;--theme-hero-glow:#ab6332;
  --theme-hero-start:#37251c;--theme-hero-end:#7a4427;
  --theme-image:#ffc182;--theme-hero-sub:#f0d9c4;
}
:root[data-theme="blue"],:root[data-theme="orange"]{
  --shadow:0 14px 45px rgba(26,36,59,.075)
}
:root[data-theme="blue"] .topbar,:root[data-theme="orange"] .topbar{background:var(--paper)}
:root[data-theme="blue"] .hero,:root[data-theme="orange"] .hero{
  background:radial-gradient(circle at 75% 32%,var(--theme-hero-glow) 0,transparent 48%),
    linear-gradient(126deg,var(--theme-hero-start) 10%,var(--theme-hero-end))}
:root[data-theme="blue"] .hero p,:root[data-theme="orange"] .hero p{color:var(--theme-hero-sub)}
:root[data-theme="blue"] .hero-kicker,:root[data-theme="orange"] .hero-kicker{color:var(--lime)}
:root[data-theme="blue"] .hero-molecule circle,:root[data-theme="orange"] .hero-molecule circle{fill:var(--theme-image)}
:root[data-theme="blue"] .hero-molecule line,:root[data-theme="orange"] .hero-molecule line{stroke:var(--theme-image)}
:root[data-theme="blue"] .side-note,:root[data-theme="orange"] .side-note{
  background:var(--theme-side-note);border-color:var(--theme-nav-active)}
:root[data-theme="blue"] .nav-item.active,:root[data-theme="orange"] .nav-item.active{
  background:var(--theme-nav-active);color:#fff}
:root[data-theme="blue"] .nav-item:hover,:root[data-theme="orange"] .nav-item:hover{
  background:var(--theme-nav-hover);color:#fff}
:root[data-theme="blue"] .brand-symbol,:root[data-theme="orange"] .brand-symbol{
  background:var(--theme-side-note);border-color:var(--theme-nav-active)}
:root[data-theme="blue"] .top-avatar,:root[data-theme="orange"] .top-avatar{
  background:var(--theme-soft-strong);color:var(--theme-heading)}
:root[data-theme="blue"] .btn-primary,:root[data-theme="orange"] .btn-primary{
  background:var(--theme-accent);color:#fff}
:root[data-theme="blue"] .btn-primary:hover:not(:disabled),
:root[data-theme="orange"] .btn-primary:hover:not(:disabled){background:var(--theme-accent-dark)}
:root[data-theme="blue"] .btn-light,:root[data-theme="orange"] .btn-light{
  background:var(--theme-soft);color:var(--theme-heading)}
:root[data-theme="blue"] .btn-dark,:root[data-theme="orange"] .btn-dark{background:var(--navy)}
:root[data-theme="blue"] .metric-icon,:root[data-theme="orange"] .metric-icon{
  background:var(--theme-soft);color:var(--theme-accent)}
:root[data-theme="blue"] .count-hint,:root[data-theme="orange"] .count-hint{
  background:var(--theme-soft);color:var(--theme-heading)}
:root[data-theme="blue"] .topic-tile:hover,:root[data-theme="orange"] .topic-tile:hover{
  border-color:var(--theme-border)}
:root[data-theme="blue"] .topic-tile.selected,:root[data-theme="orange"] .topic-tile.selected{
  background:var(--theme-soft);border-color:var(--theme-border)}
:root[data-theme="blue"] .topic-tile.selected .topic-checkbox,
:root[data-theme="orange"] .topic-tile.selected .topic-checkbox{
  background:var(--theme-accent);border-color:var(--theme-accent)}
:root[data-theme="blue"] .topic-ordinal,:root[data-theme="orange"] .topic-ordinal{
  background:var(--theme-soft);color:var(--theme-heading)}
:root[data-theme="blue"] .topic-tile.selected .topic-ordinal,
:root[data-theme="orange"] .topic-tile.selected .topic-ordinal{
  background:var(--theme-soft-strong);color:var(--theme-heading)}
:root[data-theme="blue"] .tip-card,:root[data-theme="orange"] .tip-card{
  background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-heading)}
:root[data-theme="blue"] .tip-card p,:root[data-theme="orange"] .tip-card p{color:var(--theme-heading)}
:root[data-theme="blue"] .resume-banner,:root[data-theme="orange"] .resume-banner{
  background:var(--theme-soft);border-color:var(--theme-border)}
:root[data-theme="blue"] .resume-banner p,:root[data-theme="orange"] .resume-banner p{color:var(--theme-heading)}
:root[data-theme="blue"] .pill:not(.warn):not(.dark),
:root[data-theme="orange"] .pill:not(.warn):not(.dark){
  color:var(--theme-heading);background:var(--theme-soft)}
:root[data-theme="blue"] .progress-line span,:root[data-theme="orange"] .progress-line span{
  background:linear-gradient(90deg,var(--theme-accent),var(--mint))}
:root[data-theme="blue"] .score-big,:root[data-theme="orange"] .score-big,
:root[data-theme="blue"] .exam-big-score,:root[data-theme="orange"] .exam-big-score{
  color:var(--theme-accent)}
:root[data-theme="blue"] .exam-timer-display strong,:root[data-theme="orange"] .exam-timer-display strong{
  color:var(--theme-accent)}
:root[data-theme="blue"] .exam-number.answered,:root[data-theme="orange"] .exam-number.answered{
  background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-heading)}
:root[data-theme="blue"] .exam-number.current,:root[data-theme="orange"] .exam-number.current{
  box-shadow:inset 0 0 0 2px var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-heading)}
:root[data-theme="blue"] .exam-practice .answer-option.selected,
:root[data-theme="orange"] .exam-practice .answer-option.selected,
:root[data-theme="blue"] .exam-practice .chemical-option.selected,
:root[data-theme="orange"] .exam-practice .chemical-option.selected{
  background:var(--theme-soft);border-color:var(--theme-accent);
  box-shadow:inset 0 0 0 1px var(--theme-accent)}
:root[data-theme="blue"] .exam-practice .answer-option.selected .answer-key,
:root[data-theme="orange"] .exam-practice .answer-option.selected .answer-key,
:root[data-theme="blue"] .exam-practice .chemical-option.selected .chemical-letter,
:root[data-theme="orange"] .exam-practice .chemical-option.selected .chemical-letter{
  background:var(--theme-accent);color:#fff}
:root[data-theme="blue"] .exam-practice .option-table-row.selected th,
:root[data-theme="blue"] .exam-practice .option-table-row.selected td,
:root[data-theme="orange"] .exam-practice .option-table-row.selected th,
:root[data-theme="orange"] .exam-practice .option-table-row.selected td{
  background:var(--theme-soft)!important;border-color:var(--theme-border)}
:root[data-theme="blue"] .exam-practice .option-table-row.selected .table-answer-button,
:root[data-theme="orange"] .exam-practice .option-table-row.selected .table-answer-button{
  background:var(--theme-accent);color:#fff}
:root[data-theme="blue"] .exam-number:focus-visible,
:root[data-theme="orange"] .exam-number:focus-visible,
:root[data-theme="blue"] .year-multi-trigger:focus-visible,
:root[data-theme="orange"] .year-multi-trigger:focus-visible{
  outline-color:var(--theme-accent)}

:root[data-theme="blue"] .mobile-bar button.active,
:root[data-theme="orange"] .mobile-bar button.active{color:var(--theme-accent)}
:root[data-theme="blue"] .mobile-bar,
:root[data-theme="orange"] .mobile-bar{border-top-color:var(--line)}
:root[data-theme="blue"] .skill-bar>span:not(.low),
:root[data-theme="orange"] .skill-bar>span:not(.low){background:var(--theme-accent)}
:root[data-theme="blue"] .filter-pill.active,
:root[data-theme="orange"] .filter-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}
:root[data-theme="blue"] .receipt-id,
:root[data-theme="orange"] .receipt-id{background:var(--theme-soft);border-color:var(--theme-border)}
:root[data-theme="blue"] .receipt-id>span,
:root[data-theme="orange"] .receipt-id>span,
:root[data-theme="blue"] .receipt-id strong,
:root[data-theme="orange"] .receipt-id strong{color:var(--theme-heading)}
:root[data-theme="blue"] .receipt-table th,
:root[data-theme="orange"] .receipt-table th{background:var(--theme-soft);color:var(--theme-heading)}
:root[data-theme="blue"] .language-switch button.on,
:root[data-theme="orange"] .language-switch button.on{background:var(--navy);color:#fff}

@media(max-width:600px){
  .topbar .breadcrumbs{flex:1;min-width:0;overflow:hidden}
  .topbar .breadcrumbs>span{display:none}
  .topbar .breadcrumbs>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .head-actions{flex:none}
}

/* Black night mode: a near-black page, dark reading surfaces and legible status colors. */
:root[data-theme="black"]{
  color-scheme:dark;
  --ink:#e9edf2;--navy:#10161d;--navy2:#18212a;--sub:#a5b2be;
  --teal:#7bdcc4;--mint:#8ee8d0;--mintsoft:#1a3932;--lime:#c9f4ca;
  --paper:#090b0f;--white:#151a20;--line:#343d47;
  --red:#ff9b91;--redsoft:#392321;--gold:#edc777;
  --shadow:0 12px 38px rgba(0,0,0,.25);
  --theme-accent:#83dfc7;--theme-accent-dark:#62c9ad;
  --theme-soft:#1b3932;--theme-soft-strong:#254b41;--theme-border:#416c61;
  --theme-heading:#a7efd9
}
:root[data-theme="black"] body{background:var(--paper);color:var(--ink);scrollbar-color:#44505b #141920}
:root[data-theme="black"] .side{background:#0e131a;border-right:1px solid var(--line)}
:root[data-theme="black"] .topbar{background:rgba(13,17,23,.96);border-bottom-color:var(--line)}
:root[data-theme="black"] .mobile-bar{background:#11161c;border-top-color:var(--line);box-shadow:0 -7px 25px #0008}
:root[data-theme="black"] .nav-item.active{background:#254239;color:#eafff6}
:root[data-theme="black"] .nav-item:hover{background:#1b2c2c;color:#fff}
:root[data-theme="black"] .brand-symbol,
:root[data-theme="black"] .side-note{background:#18242b;border-color:#384b4b}
:root[data-theme="black"] .hero{
  background:radial-gradient(circle at 76% 28%,#264940,transparent 47%),linear-gradient(125deg,#171f27,#1a302d);
  border:1px solid #35463f;box-shadow:0 15px 32px #0005
}
:root[data-theme="black"] .hero p{color:#bfd5d0}
:root[data-theme="black"] .hero-molecule circle{fill:#85d7c3}
:root[data-theme="black"] .hero-molecule line{stroke:#8ddfca}
:root[data-theme="black"] .card,
:root[data-theme="black"] .metric-card,
:root[data-theme="black"] .topic-tile,
:root[data-theme="black"] .answer-option,
:root[data-theme="black"] .chemical-option,
:root[data-theme="black"] .mistake-item,
:root[data-theme="black"] .exam-number,
:root[data-theme="black"] .exam-result-item,
:root[data-theme="black"] .filter-pill,
:root[data-theme="black"] .control,
:root[data-theme="black"] .year-multi-trigger,
:root[data-theme="black"] .language-switch,
:root[data-theme="black"] .theme-trigger,
:root[data-theme="black"] .theme-options,
:root[data-theme="black"] .year-multi-panel,
:root[data-theme="black"] .btn-ghost,
:root[data-theme="black"] .table-answer-button,
:root[data-theme="black"] .percent-input input{
  background:#151a20;border-color:var(--line);color:var(--ink)
}
:root[data-theme="black"] .theme-options,
:root[data-theme="black"] .year-multi-panel{box-shadow:0 18px 38px #0009}
:root[data-theme="black"] .theme-choice{color:var(--ink)}
:root[data-theme="black"] .theme-choice:hover,
:root[data-theme="black"] .theme-choice.active,
:root[data-theme="black"] .theme-trigger:hover,
:root[data-theme="black"] .theme-picker[open] .theme-trigger,
:root[data-theme="black"] .field .year-select-item:hover,
:root[data-theme="black"] .field .year-select-item:focus-within,
:root[data-theme="black"] .field .year-select-item:has(input:checked),
:root[data-theme="black"] .topic-tile.selected,
:root[data-theme="black"] .clear-topic:has(input:checked){background:var(--theme-soft);border-color:var(--theme-border)}
:root[data-theme="black"] .theme-trigger-mark,
:root[data-theme="black"] .year-trigger-count,
:root[data-theme="black"] .topic-ordinal,
:root[data-theme="black"] .topic-tile.selected .topic-ordinal,
:root[data-theme="black"] .metric-icon,
:root[data-theme="black"] .count-hint,
:root[data-theme="black"] .pill:not(.warn):not(.dark),
:root[data-theme="black"] .answer-key,
:root[data-theme="black"] .chemical-letter{
  background:#25342f;color:#b8f0d9;border-color:var(--line)
}
:root[data-theme="black"] .topic-tile:hover,
:root[data-theme="black"] .answer-option:hover:not(:disabled),
:root[data-theme="black"] .chemical-option:hover:not(:disabled){background:#202a2b;border-color:#65af9d}
:root[data-theme="black"] .topic-checkbox{background:#1c242b;border-color:#789086}
:root[data-theme="black"] .topic-tile.selected .topic-checkbox{background:var(--theme-accent);color:#081611;border-color:var(--theme-accent)}
:root[data-theme="black"] .topic-name,
:root[data-theme="black"] .question-stem strong,
:root[data-theme="black"] .question-followup strong,
:root[data-theme="black"] .answer-option strong,
:root[data-theme="black"] .exam-table strong{color:var(--ink)}
:root[data-theme="black"] .topic-meta,
:root[data-theme="black"] .field label,
:root[data-theme="black"] .receipt-fields label,
:root[data-theme="black"] .mistake-filters label,
:root[data-theme="black"] .exam-setup-foot>span,
:root[data-theme="black"] .exam-record-row span,
:root[data-theme="black"] .exam-muted,
:root[data-theme="black"] .exam-score>p,
:root[data-theme="black"] .exam-result-stats span,
:root[data-theme="black"] .exam-timer-display,
:root[data-theme="black"] .exam-current-choice,
:root[data-theme="black"] .exam-question-note,
:root[data-theme="black"] .exam-question-total,
:root[data-theme="black"] .exam-identity-hint,
:root[data-theme="black"] .diagram-caption,
:root[data-theme="black"] .mobile-stack-table .mobile-table-label{color:var(--sub)}
:root[data-theme="black"] .pill.dark{background:#27333f;color:#cadde9}
:root[data-theme="black"] .pill.warn,
:root[data-theme="black"] .long-tag{background:#423522;color:#f6d592}
:root[data-theme="black"] .btn-primary,
:root[data-theme="black"] .year-done,
:root[data-theme="black"] .exam-footer-controls .btn-exam-submit.is-ready{
  background:var(--theme-accent);border-color:var(--theme-accent);color:#081710
}
:root[data-theme="black"] .btn-primary:hover:not(:disabled),
:root[data-theme="black"] .exam-footer-controls .btn-exam-submit.is-ready:hover{background:#a1ecd8}
:root[data-theme="black"] .btn-dark{background:#31404a;color:var(--ink)}
:root[data-theme="black"] .btn-light{background:var(--theme-soft);color:var(--theme-heading)}
:root[data-theme="black"] .exam-pager .btn-exam-nav{border-color:var(--theme-accent);color:var(--theme-accent);background:transparent}
:root[data-theme="black"] .language-switch button{color:#b2bec8}
:root[data-theme="black"] .language-switch button.on{background:#345d53;color:#f5fffa}
:root[data-theme="black"] .top-avatar{background:#254239;color:#c4f5df}
:root[data-theme="black"] .year-panel-footer,
:root[data-theme="black"] .percent-setting,
:root[data-theme="black"] .note,
:root[data-theme="black"] .tip-card,
:root[data-theme="black"] .resume-banner,
:root[data-theme="black"] .exam-resume,
:root[data-theme="black"] .receipt-id,
:root[data-theme="black"] .record-message,
:root[data-theme="black"] .exam-result-stats>div,
:root[data-theme="black"] .empty-state{background:#1a2528;border-color:#3b5550;color:var(--ink)}
:root[data-theme="black"] .tip-card p,
:root[data-theme="black"] .resume-banner p,
:root[data-theme="black"] .exam-resume p,
:root[data-theme="black"] .exam-start-card>p,
:root[data-theme="black"] .receipt-id>span,
:root[data-theme="black"] .receipt-id strong,
:root[data-theme="black"] .percent-toggle,
:root[data-theme="black"] .percent-entry label,
:root[data-theme="black"] .record-message{color:#bdd9cf}
:root[data-theme="black"] .progress-line,
:root[data-theme="black"] .skill-bar{background:#2b363b}
:root[data-theme="black"] .progress-line span{background:linear-gradient(90deg,#5cbda5,#a9eacb)}
:root[data-theme="black"] .skill-bar>span:not(.low){background:var(--theme-accent)}
:root[data-theme="black"] .answer-feedback{background:#182b25;border-color:#396b54;color:var(--ink)}
:root[data-theme="black"] .answer-feedback.incorrect{background:#30221f;border-color:#795149}
:root[data-theme="black"] .feedback-top{color:#93e6b2}
:root[data-theme="black"] .incorrect .feedback-top{color:#ffa294}
:root[data-theme="black"] .answer-option.correct,
:root[data-theme="black"] .chemical-option.correct{background:#19372c;border-color:#6fd0a1}
:root[data-theme="black"] .answer-option.wrong,
:root[data-theme="black"] .chemical-option.wrong{background:#392521;border-color:#f19383}
:root[data-theme="black"] .answer-option.correct .answer-key,
:root[data-theme="black"] .chemical-option.correct .chemical-letter{background:#278567;color:#fff}
:root[data-theme="black"] .answer-option.wrong .answer-key,
:root[data-theme="black"] .chemical-option.wrong .chemical-letter{background:#ac5149;color:#fff}
:root[data-theme="black"] .answer-option.dimmed,
:root[data-theme="black"] .chemical-option.dimmed,
:root[data-theme="black"] .option-table tbody tr.dimmed{color:#a3b2ad}
:root[data-theme="black"] .exam-practice .answer-option.selected,
:root[data-theme="black"] .exam-practice .chemical-option.selected{background:#1a3932;border-color:var(--theme-accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--theme-accent)}
:root[data-theme="black"] .exam-practice .answer-option.selected .answer-key,
:root[data-theme="black"] .exam-practice .chemical-option.selected .chemical-letter,
:root[data-theme="black"] .exam-practice .option-table-row.selected .table-answer-button{background:var(--theme-accent);color:#071710}
:root[data-theme="black"] .exam-number.answered{background:#1c3a33;border-color:#477d6d;color:#b8f1dd}
:root[data-theme="black"] .exam-number.current{border-color:var(--theme-accent);box-shadow:inset 0 0 0 2px var(--theme-accent);color:#d4ffe9}
:root[data-theme="black"] .exam-timer-display strong,
:root[data-theme="black"] .score-big,
:root[data-theme="black"] .exam-big-score{color:var(--theme-accent)}
:root[data-theme="black"] .exam-percent{color:var(--ink)}
:root[data-theme="black"] .exam-result-item.correct{background:#1b352a;border-color:#41795d;color:#baf0ca}
:root[data-theme="black"] .exam-result-item.incorrect{background:#382622;border-color:#94594e;color:#ffd0bf}
:root[data-theme="black"] .exam-result-item.unanswered{background:#20252a;border-color:var(--line);color:#abb7bf}
:root[data-theme="black"] .complete-card.perfect-score{background:radial-gradient(ellipse at 50% 0%,#284232,#151a20 72%);border-color:#47765d}
:root[data-theme="black"] .perfect-score .score-big{color:#a2edb8}
:root[data-theme="black"] .filter-pill.active{background:#315749;border-color:#638b78;color:#fff}
:root[data-theme="black"] .exam-table,
:root[data-theme="black"] .option-table{background:#151a20;color:var(--ink)}
:root[data-theme="black"] .exam-table th,
:root[data-theme="black"] .exam-table td,
:root[data-theme="black"] .option-table th,
:root[data-theme="black"] .option-table td,
:root[data-theme="black"] .option-table-scroll{border-color:#4a5860}
:root[data-theme="black"] .exam-table th,
:root[data-theme="black"] .option-table thead th,
:root[data-theme="black"] .option-table tbody th,
:root[data-theme="black"] .receipt-table th{background:#253039;color:#d2e5df}
:root[data-theme="black"] .option-table tbody tr.correct td,
:root[data-theme="black"] .option-table tbody tr.correct th{background:#203a2d}
:root[data-theme="black"] .option-table tbody tr.wrong td,
:root[data-theme="black"] .option-table tbody tr.wrong th{background:#3b2b27}
:root[data-theme="black"] .exam-practice .option-table-row.selected th,
:root[data-theme="black"] .exam-practice .option-table-row.selected td{background:#254238!important;border-color:#59917b}
:root[data-theme="black"] .receipt-table td,
:root[data-theme="black"] .exam-record-row,
:root[data-theme="black"] .recent-receipt,
:root[data-theme="black"] .question-footer,
:root[data-theme="black"] .stat-ribbon,
:root[data-theme="black"] .footer,
:root[data-theme="black"] .record-clear-header{border-color:var(--line)}
:root[data-theme="black"] .receipt-result.correct{color:#8fe4b8}
:root[data-theme="black"] .receipt-result.incorrect{color:#ffaaa0}
:root[data-theme="black"] .receipt-result.skipped{color:#e2c284}
:root[data-theme="black"] .receipt-feedback{color:#94eacb}
:root[data-theme="black"] .receipt-feedback.error,
:root[data-theme="black"] .exam-delete{color:#ffaca1!important}
:root[data-theme="black"] .exam-delete{border-color:#81504a!important}
:root[data-theme="black"] .exam-delete:hover:not(:disabled){background:#3c2522!important;border-color:#af6860!important}
:root[data-theme="black"] .clear-topic{background:#171f24;color:var(--ink);border-color:var(--line)}
:root[data-theme="black"] .record-safety{color:#d9aca4}
:root[data-theme="black"] .chemical-svg{color:#e0e9e6}
:root[data-theme="black"] .chemical-figure{background:#1b2229;border-color:var(--line)}
:root[data-theme="black"] .chemical-option{color:var(--ink)}
:root[data-theme="black"] .source-question-zoom,
:root[data-theme="black"] .diagram-zoom{background:#20262c;border-color:var(--line);color:#a6e9d4}
:root[data-theme="black"] .source-question-zoom img,
:root[data-theme="black"] .exam-diagram-image{background:#fff}
:root[data-theme="black"] .source-zoom-hint{border-color:var(--line)}
:root[data-theme="black"] .diagram-caption{color:var(--sub)}
:root[data-theme="black"] .mobile-stack-table .mobile-table-label{color:#b7c7c1}
@media(max-width:650px){
  :root[data-theme="black"] .exam-table.mobile-stack-table tr,
  :root[data-theme="black"] .option-table.mobile-stack-table tbody tr{background:#1b232a;border-color:var(--line)}
  :root[data-theme="black"] .exam-table.mobile-stack-table td,
  :root[data-theme="black"] .option-table.mobile-stack-table tbody td{border-color:var(--line)}
  :root[data-theme="black"] .option-table.mobile-stack-table tbody th{background:#253039}
}