/* Enabled by the small preference controller; media defaults to the system. */
  :root,.account-app{color-scheme:dark;--paper:#211f24;--white:#2c292f;--panel:#2c292f;--subtle:#363139;--ink:#f0e8e6;--muted:#c0b3b8;--line:#51454d;--rose:#eea0ba;--rose-soft:#4c303e}
  body{background:var(--paper);color:var(--ink)}
  .secondary,.text-button,.option-letter{color:var(--ink);border-color:var(--line)}
  .primary,.option:has(input:checked) .option-letter{background:var(--rose);color:#301f29}
  .primary:hover:not(:disabled){background:#f6b4ca}
  .secondary:hover:not(:disabled),.option:has(input:checked){background:var(--rose-soft)}
  .button:disabled{background:var(--subtle);border-color:var(--line);color:var(--muted)}
  .report-panel,.preview-explainer,.about-boundary,.first-visit-symbol,.account-app .guide-gentle-note{background:var(--subtle);color:var(--ink)}
  .saved-state{color:#b4d1b4}
  .result-hero{color:var(--result-ink,#393435)}
  progress,progress::-webkit-progress-bar,.bar-track{background:var(--line)}
  .test-sidebar li,.about-intention p,.about-columns p,.about-boundary p,.about-contact label,.about-email .about-contact .hint{color:var(--muted)}
  .about-email,.account-app .question-editor,.account-app tr{background:var(--panel)}
  .account-app #studio-nav{background:var(--paper)}
  .account-app .field :is(input,select,textarea),.about-contact :is(input,textarea){background:var(--paper);border-color:var(--line);color:var(--ink)}
  input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
  .account-app .button.danger{color:#ffb0bb;border-color:#875362;background:#482b35}
  .account-app .security-unknown{background:#393326;border-color:#96824c}
  .account-app .prose section>a[href="#contact"]{background:#344036;border-color:#596a55;color:#d4e5c8}
  .mood-choice .reflection-options button:not([aria-pressed=true]){background:var(--white);color:var(--ink)}
  .first-tour{color:var(--ink)}
  .first-tour .tour-card{background:var(--panel);border-color:var(--line)}
  .first-tour .tour-count,.first-tour [data-skip]{color:var(--muted)}
  .first-tour button{background:var(--subtle);color:var(--ink)}
  .first-tour [data-next]{background:var(--rose);color:#301f29}
  .first-tour .tour-spot{border-color:var(--rose)}
  .brand-entry,.completion-feedback{background:var(--paper);color:var(--ink)}
  .brand-entry>span,.completion-content small{color:var(--ink)}
  body .ambient-music-toggle{background:#2c292ff5;color:var(--ink);border-color:var(--line)}
  body .ambient-music-action{background:#3a493b;color:#dcebd7}
  body .ambient-music-action[aria-checked="false"]{background:var(--subtle);color:var(--muted)}
  #navigation.tab-scrubber::after{border-color:#f8ddea66;background:linear-gradient(145deg,#8f657777,#593a50cc);box-shadow:0 4px 18px #0005,inset 0 1px 2px #ffffff30}
  /* The movie's final frame and its matching page poster remain one original scene. */
  .about-final-hero{color:#393435}
  .about-final-hero .about-scroll-cue{color:#fff4f7}
  /* Interface surfaces follow the theme; embedded artwork retains its colors. */
  .exploration-loading,.account-app #main>.loading-scene,.intro-loading:not([hidden]){background:#211f24f5}
  .loading-scene,.loading-scene small{color:var(--muted)}
  .survey-cover,.source-help,.media-poster .media-credit,.content-media .source-thumbnail{background:var(--panel);color:var(--muted)}
  .article-image{background:var(--subtle)}
  .content-media{--cover-paper:var(--panel);--cover-ink:var(--ink)}
  .account-app .form-status{color:#ffb0bb}
  .verification-badge.is-verified{background:#344536;color:#c5e3c9}
  /* These two color experiences retain their original paper palette in dark mode. */
  .mood-panel,.result-hero.result-paper{color-scheme:light;--paper:#fcf8f4;--white:#fffefa;--ink:#393435;--muted:#675f61;--line:#e6deda;--rose:#a84161;--rose-soft:#f5e5e8;color:var(--ink)}
  .history-result-labels span{color:var(--result-ink,#393435)}
  .history-mbti,.history-open{color:var(--rose)}
  .swatch[data-hue="0"]{color:#a13b4b}
  :is(#records-list,#review-results)[aria-busy="true"]::before{color:var(--rose)}
  .about-final-hero{background:transparent}
  .about-bubble,.about-final-scene .about-bubble::after{background:var(--panel)}
  .about-character[data-companion="red"] .about-bubble{color:#ffb0b2;--bubble-edge:#b76f78}
  .about-character[data-companion="yellow"] .about-bubble{color:#ebd17b;--bubble-edge:#99854a}
  .about-character[data-companion="green"] .about-bubble{color:#b4d5a9;--bubble-edge:#709466}
  .about-character[data-companion="blue"] .about-bubble{color:#b0cef8;--bubble-edge:#728fbc}