:root{color-scheme:dark;--bg:#080e16;--panel:#101c28;--line:#2a3c4b;--ink:#ecf4f6;--muted:#a4b8c6;--north:#7de3ea;--south:#f8b36b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1320px;margin:auto;padding:0 40px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;letter-spacing:.14em;font-weight:700}.brand small{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}a:hover{color:var(--north)}.intro{display:flex;justify-content:space-between;align-items:end;padding:36px 0 26px;gap:24px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--muted);margin:0 0 8px}h1{font:500 clamp(38px,5vw,66px)/1.06 Georgia,serif;letter-spacing:-.025em;margin:8px 0 14px}h2{font:500 32px/1.15 Georgia,serif;margin:8px 0 20px}h3{font-size:22px;margin:7px 0}p{margin:0 0 14px}.intro p{color:var(--muted)}.quiet-link{font-size:14px;white-space:nowrap}.observatory{border:1px solid var(--line);background:linear-gradient(145deg,#13212f,#0b131e);border-radius:12px;overflow:hidden;padding:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.time{font-size:30px;margin:0;font-variant-numeric:tabular-nums}.time span{font-size:16px;color:var(--muted)}button{font:600 14px/1.4 system-ui;color:var(--ink);background:#1b303f;border:1px solid #506679;border-radius:5px;min-height:44px;padding:10px 18px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#285567;border-color:var(--north)}:focus-visible{outline:3px solid var(--north);outline-offset:4px}input[type=range]{width:100%;accent-color:var(--north);cursor:pointer;min-height:36px;margin:8px 0 0}.time-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:22px}.stage-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.orbit-panel,.globe-panel{min-width:0;background:#0a131e;border:1px solid var(--line);border-radius:8px;padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-title h2{font:500 19px/1.3 system-ui;margin:0}.panel-title span{font-size:11px;letter-spacing:.12em;color:var(--muted)}svg{display:block;width:100%;height:auto}svg text{font:15px system-ui;fill:#d9e8ee}svg .minor{font-size:12px;fill:#9cafba}.caption{font-size:13px;color:var(--muted);line-height:1.55;margin-top:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:15px}.metrics output{display:block;font-size:28px;font-variant-numeric:tabular-nums}.metrics span{font-size:12px;color:var(--muted)}canvas{display:block;width:100%;max-width:480px;margin:auto;aspect-ratio:1.2}.legend{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;flex-wrap:wrap;color:var(--muted)}.swatch{width:9px;height:9px;border-radius:50%;margin-left:6px}.night{background:#111926;border:1px solid #6d7c8e}.cold{background:#428cb8}.warm{background:#ebac65}.sun-lat{text-align:center;font-size:14px;margin:12px 0 0}.sun-lat strong{color:var(--south)}.season-strip{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:25px;border-block:1px solid var(--line);padding:24px 0;margin:24px 0 18px}.season-strip>div:first-child h3{color:var(--north)}.season-strip>div:nth-child(2) h3{color:var(--south)}.season-strip p{font-size:14px;color:var(--muted);margin:0}.jump{display:flex;gap:10px;flex-wrap:wrap}.jump button{flex:1;padding:10px;font-size:13px}.thermal{padding:60px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.section-heading>p{color:var(--muted);max-width:540px}.notice{background:#19222c;border-left:3px solid var(--south);padding:16px 20px;font-size:14px;color:var(--muted)}.notice strong{color:var(--ink)}.model-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;margin:28px 0;align-items:center}.model-controls label{font-size:14px}.model-controls output{float:right;color:var(--north)}.temp-readouts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;align-items:center}.temp-readouts span{font-size:12px;letter-spacing:.12em;display:block}.temp-readouts strong{font:500 38px/1.5 system-ui;font-variant-numeric:tabular-nums}.temp-readouts p{font-size:13px;color:var(--muted)}.north{color:var(--north)}.south{color:var(--south)}.curve{fill:none;stroke-width:3}.north-curve{stroke:var(--north)}.south-curve{stroke:var(--south)}.dashed{stroke-dasharray:5 7;opacity:.4;stroke-width:1.5}.chart-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);padding:40px 0}.explain p:not(.eyebrow){color:var(--muted);font-size:15px}.method{padding:30px 0 50px;max-width:920px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:16px;font-weight:600}details p{margin:16px 0;color:var(--muted);font-size:15px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:35px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.skip{position:absolute;top:-80px;left:15px;background:#fff;color:#000;padding:10px;z-index:5}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){header,main,footer{padding-left:20px;padding-right:20px}.intro{align-items:start}.quiet-link{display:none}.stage-grid{grid-template-columns:1fr}.orbit-panel svg{max-height:330px}.globe-panel canvas{max-width:420px}.season-strip{grid-template-columns:1fr 1fr}.season-strip>p{grid-column:1/-1}.explain{grid-template-columns:1fr}.model-controls{grid-template-columns:1fr 1fr}.model-controls button{grid-column:1/-1}.temp-readouts{grid-template-columns:1fr 1fr}.temp-readouts>p{grid-column:1/-1}.section-heading{grid-template-columns:1fr;gap:5px}footer{flex-wrap:wrap}}@media(max-width:480px){header{align-items:start;padding-top:20px;padding-bottom:20px}nav{flex-direction:column;gap:8px;text-align:right;font-size:12px}.brand{font-size:14px}.brand small{font-size:9px}.observatory{padding:14px}.time{font-size:25px}.time span{font-size:12px}.toolbar .eyebrow{font-size:9px}.toolbar button{padding:8px 12px}.orbit-panel,.globe-panel{padding:12px}.panel-title h2{font-size:16px}.jump button{flex:1 1 40%}.model-controls{grid-template-columns:1fr;gap:15px}.model-controls button{grid-column:auto}.season-strip{gap:12px}.season-strip h3{font-size:18px}.eyebrow{font-size:10px}.temp-readouts strong{font-size:31px}.time-labels{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){#temperature-chart text{font-size:32px}#orbit text{font-size:23px}#orbit .minor{font-size:20px}.chart-legend{font-size:12px}}