:root{color-scheme:dark;--bg:#0c141a;--panel:#141f27;--line:#2b3942;--text:#edf3f3;--muted:#a5b5be;--mint:#9de8c7;--gold:#edbf79;--red:#f4a58f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--mint);text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.topbar,main,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:15px;letter-spacing:2px;text-decoration:none;font-weight:750}.brand-icon{font-size:34px;color:var(--mint);line-height:1}.badge{font-size:9px;border:1px solid #61716b;color:var(--mint);padding:2px 6px;letter-spacing:1px}.top-note{font-size:12px;color:var(--muted)}.intro{padding:65px 0 40px;position:relative}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:0 0 16px}h1{font-size:clamp(44px,6.4vw,78px);font-weight:550;line-height:1.06;letter-spacing:-3px;margin:0 0 25px}.lede{color:var(--muted);font-size:17px;line-height:1.7}.situation{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 36px;background:linear-gradient(110deg,#193431,#14262d);border:1px solid #35534d;border-radius:16px;min-height:208px}.situation h2{font-size:26px;letter-spacing:-.6px;margin:0 0 9px;line-height:1.25}.situation p:not(.eyebrow){max-width:780px;margin:8px 0;color:#c4d4d4}.situation .eyebrow{color:var(--mint)}.situation .meta{font-size:11px!important}.orbit{position:relative;flex:0 0 138px;width:138px;height:138px;border:1px solid #649b8a66;border-radius:50%;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #649b8a44;border-radius:50%;inset:12px}.orbit:after{inset:-14px}.earth{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#add9b5 0%,#4b9b93 25%,#255779 52%,#10202b 85%);box-shadow:0 0 35px #75dfbd22}.orbit span{position:absolute;width:7px;height:7px;top:17px;right:17px;border-radius:50%;background:var(--mint)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 0 30px;gap:12px;color:var(--muted);font-size:12px}button{color:var(--text);background:none;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font:inherit;cursor:pointer;white-space:nowrap}button:hover{background:#23323c}button:disabled{opacity:.55;cursor:wait}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:var(--muted);font-size:11px;letter-spacing:.5px;margin:0 0 12px}.journey span{border-top:1px solid var(--line);padding-top:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:25px;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.card-head .eyebrow{font-size:9px;letter-spacing:1.1px;margin:0}.status{font-size:10px;color:var(--mint);white-space:nowrap}.status.warning{color:var(--gold)}.card h2{font-size:17px;line-height:1.4;letter-spacing:-.2px;font-weight:600;margin:0 0 18px}.content{flex:1}.value{font-size:48px;font-weight:450;line-height:1.1;letter-spacing:-2px;margin:5px 0 12px;font-variant-numeric:tabular-nums}.value small{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:8px}.value.mint{color:var(--mint)}.value.gold{color:var(--gold)}.content p{font-size:13px;color:#bac8cf;margin:10px 0 16px}.content .context{font-size:12px;color:var(--muted)}.meta{font-size:10px;color:var(--muted);line-height:1.7}.stamp{border-top:1px solid var(--line);padding-top:13px;margin:14px 0 0;overflow-wrap:anywhere}.stamp a{color:var(--muted)}details{margin-top:18px;font-size:12px}summary{color:var(--mint);cursor:pointer;width:fit-content}details p{color:var(--muted)}.wide{grid-column:span 2}.spark{width:100%;height:75px;display:block;margin:16px 0 3px;overflow:visible}.spark .base{stroke:#35444e;stroke-width:1}.spark path{fill:none;stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}.spark rect{fill:var(--mint);opacity:.8}.spark rect.storm{fill:var(--gold)}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.meter{display:flex;gap:4px;margin:20px 0 8px}.meter i{height:7px;flex:1;background:#34424c;border-radius:2px}.meter i.on{background:var(--mint)}.meter i.storm.on{background:var(--gold)}.forecast-days{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 20px}.day{border-left:1px solid var(--line);padding-left:15px}.day:first-child{border:0;padding:0}.day .date{font-size:12px;color:var(--muted)}.day strong{display:block;font-size:31px;line-height:1.4;font-weight:500;letter-spacing:-1px}.day small{font-size:11px;color:var(--muted)}.local{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;margin-top:38px}.local h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0}.local p{margin:0 0 13px;font-size:14px}.local a{font-size:12px}.muted{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0 48px}.about h2{font-size:14px;font-weight:600}.about p{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:23px;padding-bottom:28px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px}footer a{color:var(--muted)}.placeholder{min-height:100px}.error{color:var(--gold)!important}.scales-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.scale-pill{font-size:10px;background:#0c191f80;border:1px solid #53706866;border-radius:5px;padding:4px 8px}
@media(min-width:1000px){.intro{background:radial-gradient(ellipse at 85% 100%,#25423c55,transparent 48%)}}
@media(max-width:1000px){.topbar,main,footer{padding-left:28px;padding-right:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}.journey{display:none}.orbit{flex-basis:100px;width:100px;height:100px}.card{padding:22px}.top-note{display:none}}
@media(max-width:600px){.topbar,main,footer{padding-left:20px;padding-right:20px}.topbar{height:76px}.intro{padding:40px 0 25px}h1{letter-spacing:-2px}.lede{font-size:15px}.lede br{display:none}.situation{padding:25px 22px}.situation h2{font-size:23px}.orbit{display:none}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.local,.about{grid-template-columns:1fr;gap:20px}.forecast-days{gap:9px}.day{padding-left:9px}.day strong{font-size:26px}.toolbar{align-items:flex-start}.toolbar span{max-width:55%}footer{flex-direction:column;gap:8px}.about{padding-bottom:30px}}

.archive-section{margin-top:30px;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.section-head h2{font-size:27px;letter-spacing:-.8px;margin:0}.section-head .eyebrow{margin-bottom:8px}.archive-section>.muted{font-size:13px;max-width:800px}.periods{display:flex;gap:6px;flex-wrap:wrap}.periods button{font-size:12px}.periods [aria-pressed=true]{background:var(--mint);color:var(--bg);border-color:var(--mint)}.history-scroll{position:relative;overflow-x:auto;padding:16px 0 15px 26px;margin-top:25px}.history-plot{display:flex;align-items:flex-end;gap:3px;height:190px;min-width:calc(var(--slots)*9px);background:repeating-linear-gradient(to top,#52626f33 0,#52626f33 1px,transparent 1px,transparent 21.11px)}.history-axis{position:absolute;height:190px;left:0;top:16px;width:22px;color:var(--muted);font-size:10px}.history-axis span{position:absolute;transform:translateY(50%)}.history-bar{flex:1;min-width:6px;height:var(--height);padding:0;border:0;border-radius:2px 2px 0 0;background:var(--mint)}.history-bar.storm{background:var(--gold)}.history-bar.severe{background:var(--red)}.history-bar.missing{background:repeating-linear-gradient(135deg,transparent,transparent 4px,#66737d44 4px,#66737d44 5px)}.history-bar.is-reading{outline:2px solid white;outline-offset:1px;filter:brightness(1.1)}.history-selection{font-size:13px;min-height:24px;color:var(--mint)}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend span:first-child{color:var(--mint)}.legend span:nth-child(2){color:var(--gold)}.legend span:nth-child(3){color:var(--red)}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:20px;border-top:1px solid var(--line);padding:21px 0}.timeline-item time{font-size:12px;color:var(--mint);font-variant-numeric:tabular-nums}.timeline-item h3{font-size:15px;font-weight:600;margin:0 0 7px}.timeline-item p{font-size:12px;color:var(--muted);margin:0 0 7px}.timeline-item a{font-size:11px}.archive-management{border-top:1px solid var(--line);padding-top:20px}.archive-management p{max-width:850px}@media(max-width:600px){.archive-section{padding:20px}.timeline-item{grid-template-columns:1fr;gap:8px}.periods button{font-size:11px;padding:8px}.history-plot{height:160px}.history-axis{height:160px}}

/* Compact, topic-based views; keep data loading independent of the selected tab. */
[hidden]{display:none!important}.intro{padding:26px 0 20px}.intro .eyebrow{margin-bottom:8px}.intro h1{font-size:clamp(25px,4vw,40px);letter-spacing:-1px;margin:0}.topbar{height:66px}.view-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}.view-tabs button{flex:1;max-width:200px}.view-tabs [aria-selected=true]{background:var(--mint);color:var(--bg);border-color:var(--mint)}.toolbar{padding:14px 0;font-size:11px}.toolbar button{font-size:11px}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.aurora-summary button{white-space:normal;text-align:left;margin-top:16px;color:var(--mint)}.aurora-summary h3{font-size:24px;margin:0 0 12px}.aurora-summary p{font-size:13px}.situation-details{margin:22px 0}.situation-details .situation{margin-top:14px}.overview-note{max-width:800px;color:var(--muted);font-size:13px;margin:24px 0 32px}#history>.archive-section:first-child{margin-top:0}.history-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:16px}input[type=date]{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);padding:8px;border-radius:6px}.aurora-track{position:relative;height:50px;margin:10px 0 0 26px;border-top:1px solid var(--mint);background:#9de8c708}.aurora-marker{position:absolute;top:8px;padding:3px 6px;max-width:100%;font-size:11px;transform:translateX(-50%);background:#21443b;border-color:var(--mint)}#aurora-track>p{font-size:12px;color:var(--muted)}.night-jump{margin-top:10px;font-size:12px;color:var(--mint)}#measurements .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#measurements .wide{grid-column:auto}footer{margin-top:28px}
@media(max-width:600px){.topbar,main,footer{padding-left:16px;padding-right:16px}.topbar{height:54px}.intro{padding:18px 0}.intro .eyebrow{font-size:9px}.view-tabs button{font-size:13px;padding:9px 8px}.overview-grid{grid-template-columns:1fr;gap:12px}.overview-grid .card{padding:16px}.overview-grid .card-head{margin-bottom:8px}.overview-grid h2{margin-bottom:8px}.overview-grid .value{font-size:38px}.overview-grid .meter{margin-top:10px}.overview-grid .spark{height:52px;margin-top:8px}.overview-grid .context{margin:5px 0}.overview-grid .stamp{margin-top:8px;padding-top:8px}.overview-grid details{margin-top:8px}.aurora-summary p{margin:6px 0}.aurora-summary button{margin-top:8px}.situation h2{font-size:19px}.situation{padding:18px;min-height:0}.orbit{display:none}#measurements .grid{grid-template-columns:1fr}.section-head h2{font-size:22px}.history-plot{min-width:0;gap:1px}.history-bar{min-width:0}.history-scroll{margin-top:12px}.archive-section{padding:16px}.toolbar span{max-width:60%}}
.aurora-summary .aurora-track{margin:18px 12px 0;height:42px}.aurora-summary .aurora-marker{top:-15px;margin:0;padding:2px 6px;min-width:28px;min-height:28px;text-align:center;border:0;background:var(--panel);color:var(--mint)}.aurora-summary #aurora-track{margin-top:18px}.aurora-summary #aurora-track .meta{font-size:11px}.aurora-summary .chart-labels{margin:0 12px}#sightings-details{margin-top:22px}#sightings-details .archive-section{margin-top:12px}.timeline-item:focus{outline:2px solid var(--mint);outline-offset:5px}

.chart-frame{border:1px solid #3a4c57;border-radius:10px;background:#0c141a80;padding:14px;margin:16px 0;min-width:0}.chart-frame .spark{margin-top:0}.chart-frame .context:last-child{margin-bottom:0}#history-chart.chart-frame .history-scroll{margin-top:0}.aurora-summary #aurora-track.chart-frame .meta:first-child{margin-top:0}.aurora-summary #aurora-track.chart-frame .meta:last-child{margin-bottom:0}.aurora-summary .aurora-marker{background:#101a21}#aurora-track:empty{display:none}@media(max-width:600px){.chart-frame{padding:10px;margin:12px 0}}
.refresh-countdown{font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}@media(max-width:600px){.toolbar .refresh-countdown{max-width:50%}}
.aurora-map-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center}.aurora-map-layout img{display:block;width:100%;height:auto;border-radius:5px}.aurora-map-layout p{font-size:13px}.aurora-map-layout .meta{font-size:11px}.aurora-map-layout .chart-frame:has(img[hidden]){display:none}.aurora-map .status{white-space:normal}@media(max-width:700px){.aurora-map-layout{grid-template-columns:1fr;gap:0}}

.aurora-inline{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.aurora-summary .aurora-inline h3{font-size:15px;margin:0 0 6px}.aurora-inline .aurora-image-frame{max-width:350px;margin:12px auto;padding:6px}.aurora-image-frame img{display:block;width:100%;height:auto;border-radius:5px}.aurora-image-frame:has(img[hidden]){display:none}.aurora-inline details{margin-top:8px}.aurora-inline .status{white-space:normal}.aurora-summary .aurora-inline .meta{font-size:11px}.overview-grid{align-items:start}
.magnetosphere-inline{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.magnetosphere-inline h3{font-size:15px;margin:0 0 6px}.magnetosphere-inline .status{white-space:normal}.magnetosphere-inline .chart-frame{padding:6px}.magnetosphere-inline details{margin-top:8px}
.kp-history{margin-top:16px;min-width:0}.kp-history h3{font-size:15px;margin:0}.kp-history .section-head{gap:10px}.kp-history .periods{gap:4px}.kp-history .periods button{font-size:11px;padding:7px 9px}.kp-history .history-plot{min-width:0;gap:1px;height:125px;background-size:auto 100%}.kp-history .history-bar{min-width:0}.kp-history .history-axis{height:125px}.kp-history .history-selection{font-size:11px;min-height:36px;margin:8px 0}.kp-history .legend{gap:8px;font-size:10px}.kp-history .history-navigation{font-size:11px}.kp-history details{margin-top:8px}
.kp-history .history-plot{background:repeating-linear-gradient(to top,#52626f33 0,#52626f33 1px,transparent 1px,transparent 13.8889px)}
.aurora-inline .aurora-image-frame{width:100%;max-width:none}.aurora-summary :is(#aurora-expand,#magnetosphere-expand){display:block;width:100%;padding:0;margin:0;border:0;white-space:normal;text-align:center;cursor:zoom-in}.expand-hint{display:block;padding:6px;font-size:11px;color:var(--mint)}:is(#aurora-lightbox,#magnetosphere-lightbox){width:min(960px,96vw);max-width:96vw;max-height:94dvh;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);overflow:auto}:is(#aurora-lightbox,#magnetosphere-lightbox)::backdrop{background:#000c}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lightbox-head h2{font-size:16px;margin:0}.lightbox-head button{font-size:12px}:is(#aurora-full,#magnetosphere-full){display:block;width:100%;height:auto;max-height:calc(94dvh - 150px);object-fit:contain}body:has(:is(#aurora-lightbox,#magnetosphere-lightbox)[open]){overflow:hidden}@media(max-width:600px){:is(#aurora-lightbox,#magnetosphere-lightbox){padding:10px}.lightbox-head h2{font-size:14px}.lightbox-head button{padding:8px}}
