/* The film, reading surfaces and navigation share the era's light temperature. */
:root {
  color-scheme: dark;
  --cosmos-rgb: 247 200 139;
  --cosmos-glow-rgb: 166 56 39;
  --cosmos-bg: #080c13;
  --cosmos-panel: #10161f;
  --cosmos-panel-raised: #18202b;
  --cosmos-title: #f0eae0;
  --cosmos-text: #cfd2d6;
  --cosmos-muted: #b8c0c7;
  --cosmos-accent: rgb(var(--cosmos-rgb));
  --cosmos-accent-hover: color-mix(in srgb, var(--cosmos-accent) 50%, white);
  --cosmos-line: rgb(var(--cosmos-rgb) / .18);
  --cosmos-line-strong: rgb(var(--cosmos-rgb) / .38);
  --cosmos-wash: rgb(var(--cosmos-rgb) / .08);
  --cosmos-selected: rgb(var(--cosmos-rgb) / .14);
  --cosmos-reading: radial-gradient(ellipse at 0 0, rgb(var(--cosmos-glow-rgb) / .15), transparent 70%), linear-gradient(145deg, var(--cosmos-panel), var(--cosmos-bg));
  --cosmos-bar: linear-gradient(180deg, var(--cosmos-panel-raised), var(--cosmos-panel));
}
/* Each era carries its own filmed sky, dark pigment and reflected light. */
html[data-site-era="ERA01"] {
  --cosmos-bg: #070807; --cosmos-panel: #141513; --cosmos-panel-raised: #20211e;
  --cosmos-rgb: 191 203 179; --cosmos-glow-rgb: 139 148 131;
  --cosmos-poster: url("media/posters/era01-grok-v11.jpg");
}
html[data-site-era="ERA02"] {
  --cosmos-bg: #080706; --cosmos-panel: #16140f; --cosmos-panel-raised: #231f18;
  --cosmos-rgb: 212 186 147; --cosmos-glow-rgb: 155 136 107;
  --cosmos-poster: url("media/posters/era02-grok-v11.jpg");
}
html[data-site-era="ERA03"] {
  --cosmos-bg: #080706; --cosmos-panel: #151411; --cosmos-panel-raised: #21201b;
  --cosmos-rgb: 199 193 166; --cosmos-glow-rgb: 145 141 121;
  --cosmos-poster: url("media/posters/era03-grok-v11.jpg");
}
html[data-site-era="ERA04"] {
  --cosmos-bg: #080807; --cosmos-panel: #171613; --cosmos-panel-raised: #24221e;
  --cosmos-rgb: 216 207 182; --cosmos-glow-rgb: 158 151 133;
  --cosmos-poster: url("media/posters/era04-grok-v2-v11.jpg");
}
html[data-site-era="ERA05"] {
  --cosmos-bg: #080705; --cosmos-panel: #17130d; --cosmos-panel-raised: #231d14;
  --cosmos-rgb: 215 177 122; --cosmos-glow-rgb: 157 129 89;
  --cosmos-poster: url("media/posters/era05-grok-v11.jpg");
}
html[data-site-era="ERA06"] {
  --cosmos-bg: #080808; --cosmos-panel: #151617; --cosmos-panel-raised: #222325;
  --cosmos-rgb: 204 214 223; --cosmos-glow-rgb: 149 156 163;
  --cosmos-poster: url("media/posters/era06-grok-v11.jpg");
}
html[data-site-era="ERA07"] {
  --cosmos-bg: #070807; --cosmos-panel: #141515; --cosmos-panel-raised: #202121;
  --cosmos-rgb: 193 200 197; --cosmos-glow-rgb: 141 146 144;
  --cosmos-poster: url("media/posters/era07-grok-v11.jpg");
}
html[data-site-era="ERA08"] {
  --cosmos-bg: #070808; --cosmos-panel: #141515; --cosmos-panel-raised: #202121;
  --cosmos-rgb: 193 203 198; --cosmos-glow-rgb: 141 148 145;
  --cosmos-poster: url("media/posters/era08-grok-v2-v11.jpg");
}
html[data-site-era="ERA09"] {
  --cosmos-bg: #080708; --cosmos-panel: #161416; --cosmos-panel-raised: #222022;
  --cosmos-rgb: 207 191 209; --cosmos-glow-rgb: 151 139 153;
  --cosmos-poster: url("media/posters/era09-grok-v11.jpg");
}
html[data-site-era="ERA10"] {
  --cosmos-bg: #090706; --cosmos-panel: #18140f; --cosmos-panel-raised: #262018;
  --cosmos-rgb: 231 191 146; --cosmos-glow-rgb: 169 139 107;
  --cosmos-poster: url("media/posters/era10-grok-v11.jpg");
}
html[data-site-era="ERA11"] {
  --cosmos-bg: #070807; --cosmos-panel: #141614; --cosmos-panel-raised: #1f2220;
  --cosmos-rgb: 190 207 192; --cosmos-glow-rgb: 139 151 140;
  --cosmos-poster: url("media/posters/era11-grok-v11.jpg");
}
html[data-site-era="ERA12"] {
  --cosmos-bg: #030A11; --cosmos-panel: #091c25; --cosmos-panel-raised: #193139;
  --cosmos-rgb: 183 202 197; --cosmos-glow-rgb: 110 159 165;
  --cosmos-poster: url("media/posters/era12-song-celadon-grok-v10.jpg");
}
html[data-site-era="ERA13"] {
  --cosmos-bg: #070809; --cosmos-panel: #131518; --cosmos-panel-raised: #1e2125;
  --cosmos-rgb: 181 203 227; --cosmos-glow-rgb: 132 148 166;
  --cosmos-poster: url("media/posters/era13-grok-v11.jpg");
}
html[data-site-era="ERA14"] {
  --cosmos-bg: #070809; --cosmos-panel: #151518; --cosmos-panel-raised: #202125;
  --cosmos-rgb: 196 199 226; --cosmos-glow-rgb: 143 145 165;
  --cosmos-poster: url("media/posters/era14-grok-v11.jpg");
}
html[data-site-era="ERA15"] {
  --cosmos-bg: #080708; --cosmos-panel: #171316; --cosmos-panel-raised: #241f22;
  --cosmos-rgb: 216 185 205; --cosmos-glow-rgb: 158 135 150;
  --cosmos-poster: url("media/posters/era15-grok-v11.jpg");
}
html[data-site-era="ERA16"] {
  --cosmos-bg: #070808; --cosmos-panel: #131517; --cosmos-panel-raised: #1f2224;
  --cosmos-rgb: 185 204 219; --cosmos-glow-rgb: 135 149 160;
  --cosmos-poster: url("media/posters/era16-grok-v2-v11.jpg");
}
html[data-site-era="ERA17"] {
  --cosmos-bg: #080706; --cosmos-panel: #151311; --cosmos-panel-raised: #211f1a;
  --cosmos-rgb: 200 185 159; --cosmos-glow-rgb: 146 135 116;
  --cosmos-poster: url("media/posters/era17-grok-v11.jpg");
}
html[data-site-era="ERA18"] {
  --cosmos-bg: #080807; --cosmos-panel: #161514; --cosmos-panel-raised: #22211f;
  --cosmos-rgb: 208 201 187; --cosmos-glow-rgb: 152 147 137;
  --cosmos-poster: url("media/posters/era18-grok-v11.jpg");
}
html[data-site-era="ERA19"] {
  --cosmos-bg: #090706; --cosmos-panel: #181510; --cosmos-panel-raised: #25201a;
  --cosmos-rgb: 224 196 156; --cosmos-glow-rgb: 164 143 114;
  --cosmos-poster: url("media/posters/era19-grok-v11.jpg");
}
html[data-site-era="ERA20"] {
  --cosmos-bg: #070808; --cosmos-panel: #131717; --cosmos-panel-raised: #1e2523;
  --cosmos-rgb: 180 222 215; --cosmos-glow-rgb: 131 162 157;
  --cosmos-poster: url("media/posters/era20-gemini-v11.jpg");
}
html[data-site-era="ERA21"] {
  --cosmos-bg: #070809; --cosmos-panel: #131718; --cosmos-panel-raised: #1e2426;
  --cosmos-rgb: 183 216 232; --cosmos-glow-rgb: 134 158 169;
  --cosmos-poster: url("media/posters/era21-gemini-v11.jpg");
}
html[data-site-era="ERA22"] {
  --cosmos-bg: #080809; --cosmos-panel: #151718; --cosmos-panel-raised: #212426;
  --cosmos-rgb: 200 216 230; --cosmos-glow-rgb: 146 158 168;
  --cosmos-poster: url("media/posters/era22-gemini-v11.jpg");
}

.curatorial-home ::selection { background: var(--cosmos-selected); color: var(--cosmos-title); }
.curatorial-home .ch-paper { background: radial-gradient(ellipse at 85% 0, var(--cosmos-wash), transparent 65%), var(--cosmos-bg); }
.curatorial-home .ch-dialog { background: var(--cosmos-reading); border: 1px solid var(--cosmos-line); }
.curatorial-home .ch-dialog > header { background: var(--cosmos-panel); }
.curatorial-home .ch-dialog::backdrop { background: #03070dd6; }
.curatorial-home .ch-module-grid a:hover,
.curatorial-home .ch-era-list > button:hover { background: var(--cosmos-wash); }

/* Existing map and learning readers consume the same palette locally. */
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel {
  background: var(--cosmos-reading) !important;
  color: var(--cosmos-text);
  border-color: var(--cosmos-line);
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-header, .cu-result-header, .lg-header, .cu-detail-footer) {
  background: var(--cosmos-panel);
  border-color: var(--cosmos-line);
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(input, select, textarea) {
  background: var(--cosmos-bg);
  color: var(--cosmos-text);
  border-color: var(--cosmos-line-strong);
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :focus-visible {
  outline-color: var(--cosmos-accent);
}
html[data-site-runtime="archive"] #civilization-deep-cosmos :is(.cu-panel, .hm-place-panel) {
  --dg-paper: var(--cosmos-bg);
  --dg-paper-raised: var(--cosmos-panel);
  --dg-paper-deep: var(--cosmos-panel-raised);
  --dg-ink: var(--cosmos-title);
  --dg-ink-2: var(--cosmos-text);
  --dg-ink-3: var(--cosmos-muted);
  --dg-cinnabar: var(--cosmos-accent);
  --dg-rule: var(--cosmos-line);
  --dg-shadow-lg: 0 24px 70px #0008;
  color-scheme: dark;
}
html[data-site-runtime="archive"] body.historical-map-active .dg-index {
  --ix-bg: var(--cosmos-panel);
  --ix-fg: var(--cosmos-title);
  --ix-fg-2: var(--cosmos-text);
  --ix-fg-3: var(--cosmos-muted);
  --ix-accent: var(--cosmos-accent);
  --ix-rule: var(--cosmos-line);
}
html[data-site-runtime="archive"] body #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"], .is-active) {
  color: var(--cosmos-accent);
  background-color: var(--cosmos-selected);
  border-color: var(--cosmos-line-strong);
}
html[data-site-runtime="archive"] #civilization-deep-cosmos .cu-research-full { color: var(--cosmos-text); }
html[data-site-runtime="archive"] #civilization-deep-cosmos .cu-research-full :is(h3, h4) { color: var(--cosmos-title); }
html[data-site-runtime="archive"] #civilization-deep-cosmos .cu-research-full :is(h5, a, summary, .cu-research-number, .cu-research-opening > span) { color: var(--cosmos-accent); }
html[data-site-runtime="archive"] #civilization-deep-cosmos .cu-research-full :is(.cu-research-chapter, .cu-research-evidence) { border-color: var(--cosmos-line); }

/* Reader chrome echoes the same sky as its prose and chapter controls. */
#stellar-wave .sw-reader { --sr-accent: var(--cosmos-accent); --sr-muted: var(--cosmos-muted); }
#stellar-wave .sw-reader :is(.sr-object-kind, .sr-inspect) { color: var(--cosmos-accent); }
#stellar-wave .sw-reader .sr-inspect { border-color: var(--cosmos-line-strong); background: var(--cosmos-panel); }
#stellar-wave .sw-reader .sr-progress i { background: var(--cosmos-accent); }
#stellar-wave .sw-reader .sw-reading {
  --pp-paper: var(--cosmos-panel);
  --pp-paper-2: var(--cosmos-panel-raised);
  --pp-line: var(--cosmos-line);
  --pp-line-strong: var(--cosmos-line-strong);
  --pp-ink: var(--cosmos-title);
  --pp-text: var(--cosmos-text);
  --pp-muted: var(--cosmos-muted);
  --pp-seal: var(--cosmos-accent);
  --pp-seal-hover: var(--cosmos-accent-hover);
  --pp-wash: var(--cosmos-wash);
  background: var(--cosmos-reading);
  border-color: var(--cosmos-line);
  box-shadow: inset 0 1px 0 var(--cosmos-line), 0 30px 70px -30px #000d;
}

/* Real footage keeps its own composition and camera; no universal galaxy overlay. */
#stellar-wave { background-color: var(--cosmos-bg); }
#stellar-wave :is(.sh-cosmos, .sr-sky, .sw-nebula).era-cinema {
  inset: 0; isolation: isolate; overflow: hidden;
  background: var(--era-poster, var(--cosmos-poster)) center / cover no-repeat, var(--cosmos-bg);
  filter: none; transform: none; animation: none; transition: none; opacity: 1;
}
#stellar-wave .era-cinema :is(.ch-hero-film, .ch-hero-stars, .era-cinema-shade) {
  position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
}
#stellar-wave .era-cinema .ch-hero-film { z-index: 0; object-fit: cover; opacity: 0; }
#stellar-wave .era-cinema[data-video-ready="true"] .ch-hero-film { opacity: 1; }
#stellar-wave .era-cinema[data-video-state="error"] .ch-hero-film { opacity: 0; }
#stellar-wave .era-cinema .ch-hero-stars { z-index: 1; opacity: .9; }
#stellar-wave .era-cinema-shade {
  z-index: 2;
  background: linear-gradient(90deg, #020408b3, #02040870 29%, transparent 62%), linear-gradient(0deg, #020408b8, transparent 23%, transparent 82%, #02040870);
}
#stellar-wave .sh-foreground, #stellar-wave .sh-voyage { display: none; }
#stellar-wave .sh-experience { --sh-ivory: var(--cosmos-title); --sh-muted: var(--cosmos-muted); --sh-accent: var(--cosmos-accent); color: var(--cosmos-title); }
#stellar-wave .sh-copy { text-shadow: 0 2px 22px #0008; }
#stellar-wave .sh-copy .sh-era { margin-bottom: 10px; }
#stellar-wave .sh-sky-name { color: var(--cosmos-accent); font: 11px/1.7 'PingFang SC', sans-serif; letter-spacing: .16em; margin: 0 0 18px; }
#stellar-wave :is(.sh-story, .sh-detail) { background: color-mix(in srgb, var(--cosmos-panel) 92%, transparent); border-color: var(--cosmos-line); }
#stellar-wave .sh-story:hover { background: var(--cosmos-panel-raised); }
#stellar-wave :is(.sh-story span, .sh-gesture, .sh-era, .sh-intro) { color: var(--cosmos-text); }
#stellar-wave :is(.sh-story strong, .sh-copy h1, .sh-time button[aria-current="step"]) { color: var(--cosmos-title); }
#stellar-wave :is(.sh-inspect, .sh-time button[aria-current="step"]) { border-color: var(--cosmos-line-strong); }
#stellar-wave .sh-era-picker select { color: var(--cosmos-text); background: var(--cosmos-panel); border-color: var(--cosmos-line-strong); }
#stellar-wave .sh-time { border-color: var(--cosmos-line); }
#stellar-wave .sh-time-track { background: color-mix(in srgb, var(--cosmos-bg) 70%, transparent); }
#stellar-wave .sw-reader { background: var(--cosmos-bg); }
#stellar-wave .sr-sky .era-cinema-shade { background: linear-gradient(90deg, #02040838, #02040850 40%, var(--cosmos-bg) 88%), linear-gradient(180deg, #02040880, transparent 30%, #02040870); }
#stellar-wave .sw-reader-top { border-color: var(--cosmos-line); }
#stellar-wave .sw-nebula .era-cinema-shade { background: #02040859; }
@media(max-width:700px) {
  #stellar-wave .sh-sky-name { font-size: 10px; margin-bottom: 10px; }
  #stellar-wave .sh-copy .sh-era { margin-bottom: 5px; }
  #stellar-wave .sh-cosmos.era-cinema { background-position: 65% center; }
  #stellar-wave .sh-cosmos .ch-hero-film { object-position: 65% center; }
  #stellar-wave .sh-cosmos .era-cinema-shade { background: linear-gradient(0deg, #020408cf, #02040870 48%, #0204080d 80%), linear-gradient(180deg, #02040880, transparent 25%); }
  #stellar-wave .sr-sky .era-cinema-shade { background: linear-gradient(0deg, var(--cosmos-bg), #02040840 70%, #02040880); }
}
@media(max-width:700px) and (max-height:680px) {
  #stellar-wave .sh-sky-name { margin-bottom: 5px; font-size: 9px; }
}