.live-page{background:radial-gradient(circle at 80% 8%,#28195355,transparent 28%),var(--ink)}
.live-header nav{gap:16px}
.subpage-hero{min-height:420px;padding-top:100px;padding-bottom:80px}
.subpage-hero h1{max-width:980px;font-size:clamp(58px,8vw,110px)}
.subpage-lead{display:flex;justify-content:space-between;gap:45px;align-items:flex-end}
.subpage-lead p{max-width:560px;margin:0;color:#c2c2cc;font-size:17px;line-height:1.6}
.live-stamp{color:var(--lime);font:10px "DM Mono",monospace;letter-spacing:1px;white-space:nowrap}
.live-section{border-top:1px solid var(--line);padding-top:95px}
.loading-panel{padding:40px;border:1px solid var(--line);color:var(--muted);font:11px "DM Mono",monospace;letter-spacing:.8px}
.live-error{color:#ff9dbf}

.apod-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);border:1px solid var(--line);background:#05060c}
.apod-visual{position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden}
.apod-visual img{width:100%;height:100%;object-fit:contain;max-height:820px}
.apod-visual>a{position:absolute;right:18px;bottom:18px;padding:9px 11px;background:#080a14de;color:var(--paper);font:9px "DM Mono",monospace;letter-spacing:.8px}
.apod-copy{padding:42px 34px;border-left:1px solid var(--line);background:linear-gradient(145deg,#151827,#0a0c16)}
.apod-copy h2{font-size:clamp(40px,5vw,70px);letter-spacing:-3px;line-height:.95}
.apod-meta{display:grid;grid-template-columns:1fr;gap:0;margin:28px 0;border-top:1px solid var(--line)}
.apod-meta div{padding:14px 0;border-bottom:1px solid var(--line)}
.apod-meta span{display:block;margin-bottom:5px;color:var(--violet);font:9px "DM Mono",monospace;letter-spacing:.8px}
.apod-meta strong{font-size:14px;font-weight:500}
.apod-description{color:#c4c4ce;font-size:14px;line-height:1.65}

.iss-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px}
.iss-map-panel,.iss-data-panel,.crew-panel{border:1px solid var(--line);background:linear-gradient(145deg,#111421,#090b14)}
.iss-map-panel{padding:22px}
.earth-map{position:relative;min-height:520px;overflow:hidden;background-color:#081326;background-image:linear-gradient(#6c70a51c 1px,transparent 1px),linear-gradient(90deg,#6c70a51c 1px,transparent 1px);background-size:12.5% 25%,12.5% 25%;border:1px solid #30344c}
.earth-map::before{content:"REAL-TIME SUBSATELLITE POINT";position:absolute;z-index:2;left:14px;top:12px;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.8px}
.earth-map::after{content:"EQUIRECTANGULAR WORLD MAP";position:absolute;z-index:2;right:14px;bottom:12px;color:#a7a8b388;font:8px "DM Mono",monospace;letter-spacing:.8px}
.world-map-base{position:absolute;z-index:1;left:-3.8%;top:-4.4%;width:107.6%;height:108.9%;object-fit:fill;filter:invert(1);mix-blend-mode:screen;opacity:.27;pointer-events:none}
.iss-marker{position:absolute;z-index:3;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid var(--lime);border-radius:50%;box-shadow:0 0 0 7px #c9ff4a22,0 0 24px var(--lime);transition:left 1s linear,top 1s linear}
.iss-marker::after{content:"ISS";position:absolute;left:22px;top:0;color:var(--lime);font:10px "DM Mono",monospace}
.map-coordinates{display:flex;justify-content:space-between;gap:15px;margin-top:14px;color:var(--muted);font:10px "DM Mono",monospace}
.iss-data-panel{padding:26px}
.iss-data-panel h2,.crew-panel h2{font-size:32px;letter-spacing:-1.4px}
.telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.telemetry-grid div{padding:18px 0;border-bottom:1px solid var(--line)}
.telemetry-grid div:nth-child(odd){padding-right:14px;border-right:1px solid var(--line)}.telemetry-grid div:nth-child(even){padding-left:14px}
.telemetry-grid span{display:block;color:var(--violet);font:9px "DM Mono",monospace;letter-spacing:.8px}.telemetry-grid strong{display:block;margin-top:7px;font-size:18px}
.estimate-note{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.crew-panel{grid-column:1/-1;padding:28px}
.crew-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.crew-member{padding:15px;border:1px solid var(--line);background:#0a0d17}.crew-member strong{display:block;font-size:14px;line-height:1.25}.crew-member span{display:block;margin-top:7px;color:var(--violet);font:9px "DM Mono",monospace}
.source-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.7px}.source-row a:hover{color:var(--lime)}

.moon-dashboard{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);border:1px solid var(--line);background:linear-gradient(145deg,#111421,#080a13)}
.moon-dashboard>*{min-width:0}
.moon-visual{min-height:620px;display:grid;place-items:center;padding:45px;background:radial-gradient(circle,#68559326,transparent 42%),#05060c}
.phase-disc{position:relative;width:min(360px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 30%,#fffdf2,#bcb9b1 57%,#6f6d6a);box-shadow:0 0 45px #c4b5ff44}
.phase-disc::after{content:"";position:absolute;inset:-2%;border-radius:50%;background:#05060cf2;transform:translateX(var(--shadow-x,70%));transition:transform .5s}
.moon-data{padding:44px}
.moon-data h2{font-size:clamp(48px,6vw,78px);letter-spacing:-3.5px}
.moon-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0;border-top:1px solid var(--line)}
.moon-stats div{padding:17px 0;border-bottom:1px solid var(--line)}.moon-stats div:nth-child(odd){border-right:1px solid var(--line);padding-right:16px}.moon-stats div:nth-child(even){padding-left:16px}
.moon-stats span{display:block;color:var(--violet);font:9px "DM Mono",monospace}.moon-stats strong{display:block;margin-top:7px;font-size:18px}
.moon-phase-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.phase-event{padding:11px;border:1px solid var(--line)}.phase-event span{display:block;color:var(--lime);font:9px "DM Mono",monospace}.phase-event strong{display:block;margin-top:6px;font-size:12px}
.landing-section{border-top:1px solid var(--line)}
.landing-layout{display:grid;grid-template-columns:minmax(360px,1fr) 1fr;gap:24px}
.lunar-map{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 37% 35%,#dedbd3 0 5%,#989690 43%,#4d4c4b 75%);box-shadow:inset -55px -25px 80px #101018,0 0 0 1px var(--line)}
.landing-dot{position:absolute;width:10px;height:10px;border:2px solid var(--lime);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--lime);background:#0a0c14}.landing-dot span{position:absolute;left:13px;top:-3px;color:var(--paper);font:9px "DM Mono",monospace;white-space:nowrap}
.landing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-card{padding:18px;border:1px solid var(--line);background:#0c0f1a}.landing-card span{color:var(--violet);font:9px "DM Mono",monospace}.landing-card h3{margin:9px 0 5px;font-size:20px}.landing-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.moon-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:65px}.moon-fact{padding:22px;border:1px solid var(--line);background:#0c0f1a}.moon-fact strong{font-size:21px;line-height:1.15}.moon-fact p{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.5}

.calendar-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.calendar-head p{max-width:500px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.meteor-list{display:grid;gap:12px}.meteor-card{display:grid;grid-template-columns:110px 1.2fr .75fr .75fr .75fr;gap:20px;align-items:center;padding:23px;border:1px solid var(--line);background:linear-gradient(100deg,#111421,#090b14);transition:border-color .2s,transform .2s}.meteor-card:hover{border-color:var(--violet);transform:translateX(3px)}
.meteor-date{color:var(--lime);font:11px "DM Mono",monospace}.meteor-name h3{margin:0 0 6px;font-size:24px}.meteor-name span,.meteor-stat span{display:block;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.6px}.meteor-stat strong{display:block;margin-top:6px;font-size:13px}.meteor-card.next{border-color:var(--violet);box-shadow:inset 3px 0 var(--lime)}
.meteor-note{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.5}

.history-control{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.history-control label{margin:0}.history-control input{width:auto;min-width:180px;color-scheme:dark}
.history-feature{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--line);background:radial-gradient(circle at 90% 10%,#7d55e533,transparent 30%),#0b0e18}
.history-year{padding:35px 25px;border-right:1px solid var(--line);color:var(--lime);font:38px "DM Mono",monospace;letter-spacing:-2px}
.history-copy{padding:40px}.history-copy h2{font-size:clamp(42px,6vw,76px);letter-spacing:-3px}.history-copy>p{max-width:700px;color:#c4c4ce;font-size:16px;line-height:1.65}
.history-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:55px}.history-item{padding:20px;border:1px solid var(--line);background:#0b0e18;cursor:pointer;color:var(--paper);text-align:left;font:inherit}.history-item:hover,.history-item:focus-visible{border-color:var(--violet);outline:none}.history-item span{color:var(--violet);font:9px "DM Mono",monospace}.history-item strong{display:block;margin-top:12px;font-size:17px;line-height:1.25}

@media(max-width:1000px){.apod-stage,.iss-layout,.moon-dashboard{grid-template-columns:1fr}.apod-copy{border-left:0;border-top:1px solid var(--line)}.apod-visual{min-height:500px}.crew-list{grid-template-columns:repeat(3,1fr)}.planet-record{grid-template-columns:1fr}.landing-layout{grid-template-columns:1fr}.lunar-map{width:min(620px,90vw);margin:auto}.meteor-card{grid-template-columns:90px 1.2fr repeat(3,.7fr);gap:12px}.history-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.live-header nav{gap:14px}.subpage-hero{min-height:0;padding-top:85px}.subpage-lead{align-items:flex-start;flex-direction:column}.live-section{padding-top:70px}.apod-visual{min-height:340px}.apod-copy{padding:30px 20px}.earth-map{min-height:340px}.crew-list{grid-template-columns:repeat(2,1fr)}.moon-visual{min-height:430px}.moon-data{padding:30px 20px}.moon-phase-strip{grid-template-columns:repeat(2,1fr)}.landing-list{grid-template-columns:1fr}.moon-facts{grid-template-columns:1fr}.meteor-card{grid-template-columns:75px 1fr}.meteor-stat{grid-column:2}.calendar-head,.history-control{align-items:flex-start;flex-direction:column}.history-feature{grid-template-columns:1fr}.history-year{border-right:0;border-bottom:1px solid var(--line)}.history-copy{padding:28px 20px}.history-timeline{grid-template-columns:1fr}}
@media(max-width:480px){.telemetry-grid,.moon-stats{grid-template-columns:1fr}.telemetry-grid div:nth-child(odd),.telemetry-grid div:nth-child(even),.moon-stats div:nth-child(odd),.moon-stats div:nth-child(even){padding:14px 0;border-right:0}.crew-list{grid-template-columns:1fr}.moon-visual{min-height:350px;padding:25px}.landing-layout{display:block}.lunar-map{margin-bottom:25px}.meteor-card{grid-template-columns:1fr}.meteor-stat{grid-column:auto}.history-year{font-size:30px}}
[hidden] {
  display: none !important;
}