/* Visual skin only. White-model layout, typography and scroll rhythm are shared. */
:root {
  color-scheme: dark;
  --ink: #eee6dc;
  --muted: #c1b1bd;
  --paper: #211a27;
  --line: rgb(218 193 211 / 25%);
}
html { scrollbar-color: #766372 #211a27; }
::selection { background: #bda1b1; color: #211a27; }
input, textarea { caret-color: #e9c5a5; }
.frame { border-color: rgb(219 197 213 / 12%); }
.brand span { color: #d5b4c9; }
.eyebrow, .edition, .chapter-nav span, .study-note, .counter { font-size: 11px; }
h1 { letter-spacing: -.04em; }
h2 em { color: #d0aebd; }
.description { color: #c7b9c4; }
.quiet { color: #c1b1bd; }
.action { border-color: #8d7587; }
.action:hover, .copy-trigger:active { color: #f4d3b4; border-color: #d5b4c9; }
.action:disabled { opacity: .72; }
.tools button:hover { border-color: #cdb8c5; }
.chapter-nav button::after { background: #b19ba8; }
.chapter-nav button[aria-current]::after { background: #f3dac6; }
.chapter-nav button[aria-current]::before { border-color: #8d7587; }
footer { color: #b4a2b2; }
.counter b { color: #eee6dc; }
.touch-ink {
  color: #f3d3b5!important;
  text-shadow: 0 0 1px #fff5e8, 0 0 8px #bd89a5, 0 0 17px #c4a1ba;
}
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline-color: #dfb99e;
}
dialog, .interaction-dialog {
  color-scheme: dark;
  --ui-ink: #eee6dc;
  --ui-paper: #29212d;
  --ui-gold: #e0bfa4;
  --ui-muted: #c5b5c2;
  color: var(--ink);
  background: #29212d;
  border-color: rgb(226 203 219 / 24%);
  box-shadow: 0 24px 100px #08050c80;
}
dialog::backdrop, .interaction-dialog::backdrop {
  background: #110b198f;
}
dialog textarea, dialog input {
  background: #1f1825;
  border-color: #7b6578;
  color: #eee6dc;
}
dialog textarea::placeholder, dialog input::placeholder { color: #bfaabb; opacity: 1; }
.interaction-dialog__title, .interaction-dialog h3 {
  font-family: Georgia, "Songti SC", "Noto Serif CJK SC", serif;
}
.interaction-dialog :is(button,input,textarea,select,a):focus-visible { outline-color: #dfb99e; }
#diagnostics { color: #eee6dc; background: #17101de6; max-height: 55vh; overflow: auto; }
#preloader { background: #211a27; color: #eee6dc; }
#preloader .loader-wordmark span { color: #d5b4c9; }
#preloader .loader-kicker, #preloader #load-stage,
#preloader .loader-top, #preloader .loader-bottom { color: #c1b1bd; }
#preloader .orbit-guide { stroke: #9c7f9833; }
#preloader .orbit-progress { stroke: #e6c9b4; }
#preloader .orbit-star { stroke: #e6c9b4; }
#preloader::before { border-color: rgb(219 197 213 / 12%); }
#preloader .loader-kicker, #preloader .loader-bottom, #preloader .loader-top>span:last-child,
#preloader #load-state, #preloader #load-stage { font-size: 11px; }
#load-recovery a { border-color: #887181; }
@media (prefers-reduced-motion: reduce) {
  .action, .action span, .chapter-nav button::after { transition: none; }
}
@media (max-width: 700px) {
  .tools, footer button, .quiet { font-size: 11px; }
  .description, .action { font-size: 12px; }
  .eyebrow { letter-spacing: 1.3px; }
  .study-note { max-width: 84px; }
}