/* app19-science（自然科學探險隊）v2 風格覆寫；年齡層：kids（朱砂強調、大圓角、溫暖圓潤）。
   --c-paper→--tp-bg；--c-card→--tp-surface；--c-ink→--tp-text；--c-ink-soft→--tp-text-soft；--c-line→--tp-line。
   --c-primary→--tp-accent；--c-primary-d→--tp-accent-strong；--c-primary-s→--tp-accent-soft（主行動與選取態）。
   --c-accent→--tp-subject-sci-soft；--c-accent-d→--tp-subject-sci；--c-accent-s→--tp-subject-sci-soft（自然科琥珀角色）。
   --c-ok→--tp-success；--c-ok-s→--tp-success-soft；--c-bad→--tp-error；--c-bad-s→--tp-error-soft。
   --r-sm→--tp-radius-ctl；--r-md／--r-lg→--tp-radius-card；--sh-sm→--tp-shadow-1；--sh-md→--tp-shadow-2；--font→--tp-font-sans；恐龍吉祥物 --c-dino 等寫死色保留不蓋。 */
html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-primary-s: var(--tp-accent-soft);
  --c-accent: var(--tp-subject-sci-soft);
  --c-accent-d: var(--tp-subject-sci);
  --c-accent-s: var(--tp-subject-sci-soft);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-paper: var(--tp-bg);
  --c-card: var(--tp-surface);
  --c-ok: var(--tp-success);
  --c-ok-s: var(--tp-success-soft);
  --c-bad: var(--tp-error);
  --c-bad-s: var(--tp-error-soft);
  --r-sm: var(--tp-radius-ctl);
  --r-md: var(--tp-radius-card);
  --r-lg: var(--tp-radius-card);
  --sh-sm: var(--tp-shadow-1);
  --sh-md: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(var(--tp-accent-soft) 1.4px, transparent 1.6px);
}
html[data-tp-theme="v2"] .top { background-color: var(--tp-bg); }
html[data-tp-theme="v2"] .skip { color: var(--tp-bg); }
html[data-tp-theme="v2"] .btn-primary { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn-soft,
html[data-tp-theme="v2"] .btn-icon,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .slot,
html[data-tp-theme="v2"] .sort-item,
html[data-tp-theme="v2"] .hot,
html[data-tp-theme="v2"] .big-input,
html[data-tp-theme="v2"] .chip-drag,
html[data-tp-theme="v2"] .handle,
html[data-tp-theme="v2"] .mini,
html[data-tp-theme="v2"] .drag-ghost {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .bar { background-color: var(--tp-bg-deep); }
html[data-tp-theme="v2"] .paper {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .paper .qtype { color: var(--tp-text-soft); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }
html[data-tp-theme="v2"] ::selection {
  background-color: var(--tp-accent-soft);
  color: var(--tp-text);
}