/* Fixed monochrome palette. */
:root{
  color-scheme:light;
  --green:var(--accent);--paper:#ffffff;--surface:#fafafa;--surface-alt:#eeeeee;
  --ink:#171717;--soft:#555555;--quiet:#6b6b6b;--line:#d7d7d7;
  --accent:#171717;--accent-hover:#404040;--accent-soft:#ebebeb;--on-accent:#ffffff;
  --accent-rgb:23,23,23;--dot-muted-rgb:146,146,146;
  --track:#dddddd;--focus:#555555;--halo:#ededed;
  --warning:#555555;--warning-soft:#ededed;--warning-line:#bbbbbb;
  --error:#333333;--shadow:rgba(0,0,0,.04);--scrim:rgba(0,0,0,.4);
}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--accent);color:var(--on-accent)}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--focus)}
.brand>svg{stroke:var(--accent)}
.eyebrow,.question,.small-star,.text-button:hover,.inline-link:hover{color:var(--accent)}
.edition,.intro,.scope,.age-control button,.result-label,.number-caption,.number-line>span,.globe-top,.globe-center-label small,.globe-legend,.globe-note,.section-kicker,.time-actions .text-button,.timeline-summary p,.year-unit,.timeline-ticks,.timeline-bottom p,.insight-index,.insight small,.insight p>span,.method-note,.method-note strong,.inline-link,footer,.dialog-body p,.dialog-top button,.birth-hint,.timeline-explanation,.evidence-legend{color:var(--soft)}
.age-control{background:var(--surface);border-color:var(--line)}
.age-control input{color:var(--ink)}
.age-control button:hover{background:var(--accent-soft);color:var(--accent)}
.input-error{color:var(--error)}
.status-dot,.green{background:var(--accent)}
.estimate-tag{color:var(--soft);border-color:var(--line);background:var(--surface)}
.estimate-tag[data-kind="high-age"],.estimate-tag[data-kind="extended"]{color:var(--warning);border-color:var(--warning-line);background:var(--warning-soft)}
.estimate-tag[data-kind="unavailable"]{color:var(--soft)}
.number-caption strong,.timeline-summary strong{color:var(--accent)}
.globe-panel:before{background:radial-gradient(ellipse,var(--halo) 0%,transparent 65%);opacity:.75}
.orbit{border-color:var(--line)}
.tiny-cross{color:var(--quiet)}
.globe-center-label{background:var(--paper);border-color:var(--line);box-shadow:0 4px 24px var(--shadow)}
.muted{background:rgb(var(--dot-muted-rgb))}
.time-card{background:var(--surface);border-color:var(--line);box-shadow:0 3px 12px var(--shadow)}
.play-button,.dialog-done{background:var(--accent);color:var(--on-accent)}
.play-button:hover,.dialog-done:hover{background:var(--accent-hover)}
.now-tag{background:var(--accent-soft);color:var(--accent)}
#area-fill stop{stop-color:var(--accent)}
#chart-missing{fill:var(--track)}
#chart-line{stroke:var(--accent);opacity:.7}
#chart-extension{stroke:var(--warning)}
#chart-now{stroke:var(--quiet)}
#chart-marker{stroke:var(--accent)}
#chart-dot{fill:var(--accent)}
#timeline{background:linear-gradient(to right,var(--accent) var(--position,25%),var(--track) var(--position,25%))}
#timeline::-webkit-slider-thumb{background:var(--accent);border-color:var(--surface);box-shadow:0 0 0 1px var(--accent),0 2px 6px var(--shadow)}
#timeline::-moz-range-thumb{background:var(--accent);border-color:var(--surface);box-shadow:0 0 0 1px var(--accent)}
.timeline-ticks span:before,.timeline-bottom{border-color:var(--line)}
.shortcuts button{color:var(--soft)}
.shortcuts button:hover{background:var(--surface-alt)}
.shortcuts button.selected{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
.extrapolated{background:var(--warning)}
.info-icon{border-color:var(--quiet)}
dialog{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:0 20px 100px var(--shadow)}
dialog::backdrop{background:var(--scrim)}
.dialog-body a{color:var(--accent)}