@import url('data:text/css,');

:root {
  --ink: #050816;
  --panel: #0a1024;
  --panel-2: #0d1631;
  --paper: #f7f4ea;
  --muted: #aab5d1;
  --dim: #73809f;
  --line: rgba(184, 202, 238, .20);
  --cyan: #62e6ff;
  --amber: #ffca68;
  --violet: #b595ff;
  --green: #7ef0bd;
  --danger: #ff8095;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: var(--ink); color: var(--paper); font-family: var(--sans); }
body, body.reveal-viewport { background: radial-gradient(circle at 78% 5%, rgba(103, 72, 166, .18), transparent 31%), radial-gradient(circle at 15% 90%, rgba(25, 137, 172, .12), transparent 34%), var(--ink); }
.reveal-viewport, .reveal { background-color: transparent; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; left: 16px; top: -100px; background: var(--paper); color: var(--ink); padding: 10px 16px; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.starfield { position: fixed; inset: 0; pointer-events: none; opacity: .48; overflow: hidden; }
.starfield, .starfield::before, .starfield::after, .starfield i { background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.35px); background-size: 93px 93px; }
.starfield::before, .starfield::after { content: ""; position: absolute; inset: -50%; transform: rotate(17deg); opacity: .25; background-size: 137px 137px; }
.starfield::after { transform: rotate(-11deg); opacity: .18; background-size: 181px 181px; }
.starfield i:nth-child(1) { position: absolute; width: 3px; height: 3px; left: 12%; top: 22%; border-radius: 50%; box-shadow: 31vw 4vh 0 #fff, 72vw 18vh 0 var(--cyan), 18vw 60vh 0 #fff, 80vw 71vh 0 var(--amber), 57vw 44vh 0 #fff; }

.deck-bar { position: fixed; z-index: 40; top: 0; left: 0; right: 0; height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(5,8,22,.84); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font: 700 11px/1 var(--mono); letter-spacing: .16em; color: var(--muted); }
.brand-mark { color: var(--cyan); font-size: 18px; text-shadow: 0 0 18px var(--cyan); }
.deck-actions { display: flex; align-items: center; gap: 7px; }
.deck-actions button { min-height: 30px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); padding: 5px 10px; font-size: 11px; color: var(--muted); cursor: pointer; }
.deck-actions button:hover, .deck-actions button[aria-expanded="true"], .deck-actions button[aria-pressed="true"] { color: var(--paper); border-color: rgba(98,230,255,.55); background: rgba(98,230,255,.08); }
.deck-actions button[aria-pressed="true"] kbd { color: var(--cyan); box-shadow: 0 0 12px rgba(98,230,255,.35); }
kbd { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; margin-right: 4px; border: 1px solid rgba(255,255,255,.23); border-radius: 4px; background: rgba(255,255,255,.06); font: 700 10px/1 var(--mono); color: var(--paper); }

.reveal { color: var(--paper); font-family: var(--sans); font-size: 28px; }
.reveal .slides { text-align: left; }
.reveal .slides section { height: 720px; padding: 0; }
.reveal .slides section[data-accent="cyan"] { --accent: var(--cyan); }
.reveal .slides section[data-accent="amber"] { --accent: var(--amber); }
.reveal .slides section[data-accent="violet"] { --accent: var(--violet); }
.reveal .slides section[data-accent="green"] { --accent: var(--green); }
.reveal .controls { right: 17px; bottom: 44px; color: var(--accent, var(--cyan)); transform: scale(.72); transform-origin: bottom right; }
.reveal .progress { height: 3px; color: var(--accent, var(--cyan)); background: rgba(255,255,255,.08); }
.reveal .slide-number { display: none; }
.reveal a { color: inherit; }
.reveal p, .reveal h1, .reveal h2, .reveal h3 { margin: 0; }
.reveal h1, .reveal h2, .reveal h3 { color: var(--paper); font-family: var(--sans); text-transform: none; letter-spacing: -.03em; text-shadow: none; }
.reveal em { color: var(--accent); font-style: normal; }

.slide-shell { position: relative; height: 100%; padding: 64px 54px 48px; display: flex; flex-direction: column; overflow: hidden; }
.slide-shell::after { content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; right: -270px; top: -280px; border: 1px solid color-mix(in srgb, var(--accent), transparent 70%); border-radius: 50%; box-shadow: 0 0 100px color-mix(in srgb, var(--accent), transparent 90%), inset 0 0 100px color-mix(in srgb, var(--accent), transparent 94%); }
.eyebrow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font: 700 11px/1 var(--mono); letter-spacing: .14em; color: var(--accent); }
.eyebrow span:first-child { color: var(--paper); }
.reveal h1 { font-size: 72px; line-height: .96; font-weight: 720; }
.reveal h2 { font-size: 46px; line-height: 1.03; font-weight: 700; max-width: 1040px; margin-bottom: 18px; }
.reveal h3 { font-size: 17px; line-height: 1.1; }
.kicker { color: var(--accent); font: 700 11px/1 var(--mono); letter-spacing: .18em; margin-bottom: 16px !important; }
.lede { margin-top: 21px !important; max-width: 540px; color: var(--muted); font-size: 19px; line-height: 1.45; }
.visual { border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }

.slide-footer { position: absolute; z-index: 4; left: 54px; right: 54px; bottom: 14px; display: flex; align-items: center; gap: 14px; min-height: 20px; overflow: hidden; font: 600 9px/1.15 var(--mono); letter-spacing: .04em; color: var(--dim); }
.slide-footer::before { content: "SOURCES"; color: var(--accent); letter-spacing: .12em; }
.slide-footer a { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; border-bottom: 1px solid transparent; }
.slide-footer a:hover, .slide-footer a:focus { color: var(--paper); border-color: var(--accent); }

.title-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 30px; align-items: center; flex: 1; min-height: 0; }
.title-copy { padding-left: 14px; }
.start-cue { display: flex; align-items: center; gap: 12px; margin-top: 24px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.arrow-key { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--cyan); background: rgba(98,230,255,.06); }
.zoom-map { position: relative; height: 430px; border-radius: 50%; background: radial-gradient(circle, rgba(98,230,255,.17) 0 1px, transparent 2px), radial-gradient(circle at 50% 50%, rgba(98,230,255,.05), transparent 56%); background-size: 34px 34px, auto; }
.zoom-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(98,230,255,.34); border-radius: 50%; transform: translate(-50%,-50%); display: flex; align-items: flex-start; justify-content: center; }
.zoom-ring span { transform: translateY(-7px); background: var(--ink); padding: 0 7px; color: var(--muted); font: 700 8px/1.2 var(--mono); letter-spacing: .08em; text-align: center; }
.zoom-ring.z1 { width: 20px; height: 20px; background: var(--paper); box-shadow: 0 0 16px var(--paper); }
.zoom-ring.z2 { width: 82px; height: 82px; }
.zoom-ring.z3 { width: 165px; height: 165px; }
.zoom-ring.z4 { width: 270px; height: 270px; }
.zoom-ring.z5 { width: 380px; height: 380px; border-color: rgba(181,149,255,.45); }
.you-are-here { position: absolute; left: 51%; top: 51%; display: flex; gap: 7px; align-items: center; font: 700 9px/1 var(--mono); color: var(--amber); }
.you-are-here i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px var(--amber); }
.fact-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; margin-bottom: 4px; }
.fact-strip div { padding: 13px 16px; background: rgba(255,255,255,.025); }
.fact-strip b { display: block; color: var(--accent); font: 700 10px/1 var(--mono); letter-spacing: .1em; margin-bottom: 5px; }
.fact-strip span { display: block; color: var(--muted); font-size: 11px; line-height: 1.3; }

.two-col { display: grid; grid-template-columns: 1.18fr .82fr; gap: 22px; flex: 1; min-height: 0; }
.lookback { position: relative; padding: 42px 30px 24px 110px; overflow: hidden; }
.observer { position: absolute; left: 26px; top: 50%; transform: translateY(-50%); text-align: center; }
.observer span { display: block; font-size: 32px; }
.observer small { font: 700 8px/1 var(--mono); color: var(--cyan); }
.light-track { position: relative; height: 80px; border-top: 1px dashed rgba(255,255,255,.14); padding: 13px 0 0 34px; }
.light-track::before { content: ""; position: absolute; left: -72px; top: -1px; width: 76px; border-top: 1px solid var(--accent); }
.light-track i { position: absolute; left: 10px; top: 13px; width: 10px; height: 10px; border: 2px solid var(--accent); border-radius: 50%; box-shadow: 0 0 14px var(--accent); }
.light-track b { display: block; font: 700 13px/1 var(--mono); }
.light-track span { color: var(--muted); font-size: 13px; }
.lesson-stack { display: flex; flex-direction: column; gap: 12px; }
.big-number { border-top: 1px solid var(--accent); padding: 14px 0; }
.big-number strong { display: block; color: var(--accent); font: 700 58px/.9 var(--mono); letter-spacing: -.05em; }
.big-number span { display: block; color: var(--paper); font-size: 17px; }
.big-number small { color: var(--dim); font: 600 9px/1 var(--mono); letter-spacing: .08em; }
.idea-card { flex: 1; padding: 17px 18px; border: 1px solid rgba(255,202,104,.35); border-radius: 14px; background: rgba(255,202,104,.06); }
.idea-card > span { color: var(--amber); font: 700 9px/1 var(--mono); letter-spacing: .12em; }
.idea-card p { margin-top: 10px !important; font-size: 16px; line-height: 1.42; }
.answer { display: block; color: var(--amber); margin-top: 11px; font-size: 14px; }
.plain-note { padding: 11px 14px; border-left: 3px solid var(--accent); background: rgba(255,255,255,.03); color: var(--muted); font-size: 13px; line-height: 1.35; }

.orbit-lab { position: relative; height: 310px; overflow: hidden; }
.earth-cut { position: absolute; width: 430px; height: 430px; left: 70px; top: 177px; border: 2px solid rgba(98,230,255,.6); border-radius: 50%; background: radial-gradient(circle at 55% 5%, #24839e, #12405c 31%, #0a1830 68%); }
.earth-cut span { position: absolute; left: 176px; top: 46px; font: 700 10px/1 var(--mono); color: rgba(255,255,255,.6); }
.person { position: absolute; width: 7px; height: 22px; left: 200px; top: -23px; background: var(--paper); border-radius: 4px; }
.person::before { content: ""; position: absolute; width: 8px; height: 8px; left: 0; top: -7px; background: var(--paper); border-radius: 50%; }
.trajectory { position: absolute; left: 272px; border-top: 2px solid; border-radius: 50%; transform-origin: left center; }
.trajectory i { position: absolute; width: 8px; height: 8px; border-radius: 50%; right: -2px; top: -5px; background: currentColor; box-shadow: 0 0 14px currentColor; }
.trajectory span { position: absolute; right: -100px; width: 145px; font: 700 10px/1.2 var(--mono); color: inherit; }
.t1 { top: 165px; width: 220px; height: 80px; color: var(--danger); transform: rotate(10deg); }
.t1 span { top: 48px; }
.t2 { top: 145px; width: 420px; height: 150px; color: var(--amber); transform: rotate(-2deg); }
.t2 span { top: 89px; }
.t3 { top: 111px; width: 720px; height: 250px; color: var(--cyan); transform: rotate(-9deg); }
.t3 span { top: 125px; }
.gravity-label { position: absolute; left: 525px; top: 220px; color: var(--muted); font: 700 9px/1 var(--mono); }
.three-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 14px; }
.three-facts article { position: relative; padding: 13px 14px 13px 42px; border-top: 1px solid var(--line); }
.three-facts article > span { position: absolute; left: 0; top: 14px; color: var(--accent); font: 700 11px/1 var(--mono); }
.three-facts p { color: var(--muted); font-size: 12px; line-height: 1.35; margin-top: 4px !important; }

.formation-flow { display: flex; align-items: center; justify-content: space-between; flex: 1; padding: 30px 26px; min-height: 260px; }
.formation-stage { flex: 1; text-align: center; }
.formation-stage > div { position: relative; width: 135px; height: 135px; margin: 0 auto 14px; }
.formation-stage b, .formation-stage span { display: block; }
.formation-stage b { color: var(--accent); font: 700 11px/1 var(--mono); letter-spacing: .08em; }
.formation-stage span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.flow-arrow { color: var(--dim); font: 300 26px/1 var(--mono); }
.cloud-shape { border-radius: 50%; filter: blur(1px); background: radial-gradient(circle at 30% 45%, rgba(255,255,255,.75), transparent 12%), radial-gradient(circle at 63% 40%, rgba(181,149,255,.8), transparent 14%), radial-gradient(circle at 50% 60%, rgba(98,230,255,.55), transparent 32%); box-shadow: inset 0 0 34px rgba(181,149,255,.3); }
.cloud-shape i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 50px 20px #fff, 80px 72px var(--cyan), 22px 95px var(--amber); }
.disk-shape::before { content: ""; position: absolute; inset: 42px 0; border-radius: 50%; background: radial-gradient(circle, #fff 0 7px, var(--amber) 8px 15px, transparent 16px), radial-gradient(ellipse, rgba(255,202,104,.42), transparent 65%); transform: rotate(-12deg); box-shadow: 0 0 30px rgba(255,202,104,.22); }
.clump-shape { border-radius: 50%; border: 1px dashed rgba(255,255,255,.18); transform: rotate(-12deg); }
.clump-shape i, .system-shape i { position: absolute; border-radius: 50%; background: var(--amber); }
.clump-shape i:nth-child(1) { width: 18px; height: 18px; left: 16px; top: 54px; }.clump-shape i:nth-child(2) { width: 8px; height: 8px; right: 20px; top: 24px; }.clump-shape i:nth-child(3) { width: 26px; height: 26px; right: 18px; bottom: 15px; }.clump-shape i:nth-child(4) { width: 11px; height: 11px; left: 45px; bottom: 24px; }
.system-shape { border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 18px, rgba(98,230,255,.22) 19px 20px); }
.system-shape::before { content:""; position:absolute; width:28px; height:28px; border-radius:50%; background:var(--amber); left:53px; top:53px; box-shadow:0 0 20px var(--amber); }
.system-shape i:nth-child(1){width:6px;height:6px;left:35px;top:40px}.system-shape i:nth-child(2){width:9px;height:9px;right:22px;top:64px;background:var(--cyan)}.system-shape i:nth-child(3){width:13px;height:13px;left:10px;top:70px;background:var(--violet)}.system-shape i:nth-child(4){width:5px;height:5px;right:5px;top:55px;background:var(--paper)}
.split-table { display: grid; grid-template-columns: 1fr 1fr 190px; gap: 10px; margin-top: 14px; }
.split-table > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; }
.split-table b, .split-table strong, .split-table small { display: block; }.split-table b { color: var(--dim); font: 700 9px/1 var(--mono); }.split-table strong { font-size: 15px; margin: 3px 0; }.split-table small { color: var(--muted); font-size: 10px; }
.dot { float: left; width: 9px; height: 9px; margin: 1px 9px 22px 0; border-radius: 50%; background: var(--amber); }.dot.gas { background: var(--violet); }
.split-table .age-badge { display: flex; align-items: center; gap: 8px; border-color: rgba(255,202,104,.38); }.age-badge strong { color: var(--amber); font: 700 35px/1 var(--mono); }.age-badge span { color: var(--muted); font-size: 11px; }
.analogy { margin-top: 9px !important; text-align: center; color: var(--muted); font: 600 10px/1.3 var(--mono); }

.planet-comparison { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; flex: 1; min-height: 0; }
table { width: 100%; border-collapse: collapse; }
.planet-comparison table { align-self: stretch; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; display: table; }
.reveal th { padding: 10px 12px; color: var(--dim); background: rgba(255,255,255,.035); border-bottom: 1px solid var(--line); font: 700 9px/1 var(--mono); letter-spacing: .08em; text-align: left; }
.reveal td { padding: 10px 12px; color: var(--muted); border-bottom: 1px solid rgba(255,255,255,.07); font-size: 12px; }
.reveal tr:last-child td { border-bottom: 0; }
.reveal td:first-child { color: var(--paper); font-weight: 700; }
.mini-planet { display: inline-block; vertical-align: middle; width: 22px; height: 22px; border-radius: 50%; margin-right: 8px; box-shadow: inset -6px -4px 8px rgba(0,0,0,.45); }.mini-planet.mercury{background:#a9a29c}.mini-planet.earth{background:linear-gradient(135deg,#399ed4 40%,#7bbf74 42% 55%,#399ed4 57%)}.mini-planet.jupiter{background:repeating-linear-gradient(#d9b28b 0 4px,#9b6758 5px 7px)}.mini-planet.exo{background:linear-gradient(135deg,var(--violet),#5936aa)}
.transit-card { padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.transit-card > span { font: 700 9px/1 var(--mono); color: var(--accent); letter-spacing: .1em; }
.star-transit { position: relative; width: 120px; height: 120px; margin: 12px 0; }.star-transit .star { position: absolute; inset: 16px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 30px rgba(255,202,104,.7); }.star-transit .planet { position: absolute; width: 20px; height: 20px; left: 50px; top: 50px; border-radius: 50%; background: #11182f; animation: transit 7s linear infinite; }
@keyframes transit { from{ transform:translateX(-90px)} to{transform:translateX(90px)} }
.transit-card svg { width: 100%; height: 80px; }.gridline{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}.transit-line{fill:none;stroke:var(--accent);stroke-width:4}.transit-card b{font:700 10px/1 var(--mono);color:var(--muted)}
.truth-callout { margin-top: 12px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--accent), transparent 64%); border-radius: 10px; background: color-mix(in srgb, var(--accent), transparent 93%); color: var(--muted); font-size: 12px; line-height: 1.35; }.truth-callout b{color:var(--paper)}

.moon-lab { display: grid; grid-template-columns: 1.4fr .6fr; gap: 18px; flex: 1; min-height: 0; }
.phase-wheel { position: relative; overflow: hidden; min-height: 390px; background: radial-gradient(circle at 50% 50%, rgba(98,230,255,.08) 0 60px, transparent 61px), linear-gradient(90deg, rgba(255,202,104,.04), transparent 50%); }
.phase-wheel::before { content:""; position:absolute; width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.17);border-radius:50%; }
.sun-source { position:absolute; left:18px;top:50%; color:var(--amber); font:700 10px/1 var(--mono); letter-spacing:.06em; }
.earth-core { position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2a8fc1,#184b69);box-shadow:0 0 28px rgba(98,230,255,.4);font:700 8px/1 var(--mono)}
.phase { position:absolute;width:27px;height:27px;border-radius:50%;background:linear-gradient(90deg,#e9e7df 50%,#12182d 51%);box-shadow:0 0 8px rgba(255,255,255,.2)}
.p1{left:calc(50% - 164px);top:calc(50% - 14px)}.p2{left:calc(50% - 122px);top:calc(50% - 122px);transform:rotate(45deg)}.p3{left:calc(50% - 14px);top:calc(50% - 164px);transform:rotate(90deg)}.p4{left:calc(50% + 95px);top:calc(50% - 122px);transform:rotate(135deg)}.p5{left:calc(50% + 137px);top:calc(50% - 14px);transform:rotate(180deg)}.p6{left:calc(50% + 95px);top:calc(50% + 95px);transform:rotate(225deg)}.p7{left:calc(50% - 14px);top:calc(50% + 137px);transform:rotate(270deg)}.p8{left:calc(50% - 122px);top:calc(50% + 95px);transform:rotate(315deg)}
.phase-name { position:absolute;font:700 8px/1 var(--mono);color:var(--muted)}.n1{left:calc(50% - 182px);top:calc(50% + 27px)}.n3{left:calc(50% - 45px);top:calc(50% - 188px)}.n5{left:calc(50% + 137px);top:calc(50% + 27px)}.n7{left:calc(50% - 45px);top:calc(50% + 177px)}
.moon-side { display:flex;flex-direction:column;gap:14px}.misconception{padding:18px;border:1px solid rgba(255,128,149,.35);border-radius:14px;background:rgba(255,128,149,.05)}.misconception span{font:700 9px/1 var(--mono);color:var(--danger)}.misconception p{font-size:17px;margin:10px 0 6px!important}.misconception small{color:var(--muted);font-size:11px}.misconception s{text-decoration-color:var(--danger);text-decoration-thickness:2px}
.tide-mini{position:relative;flex:1;min-height:180px;padding:15px}.tide-earth{position:absolute;left:70px;top:56px;width:90px;height:90px;border-radius:50%;background:#276d9a}.tide-earth::before{content:"";position:absolute;left:-20px;top:25px;width:130px;height:40px;border-radius:50%;background:rgba(98,230,255,.4)}.tide-earth i{position:absolute;inset:5px;border-radius:50%;background:#276d9a}.tide-moon{position:absolute;width:27px;height:27px;border-radius:50%;right:30px;top:88px;background:#ccc}.tide-mini span{position:absolute;left:14px;right:14px;bottom:12px;color:var(--muted);font-size:10px;line-height:1.3}

.sun-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;flex:1;min-height:0}.sun-cutaway{position:relative;display:grid;place-items:center;overflow:hidden}.sun-layer{display:grid;place-items:center;border-radius:50%;position:relative}.sun-layer>span{position:absolute;top:8px;font:700 7px/1 var(--mono);color:rgba(5,8,22,.75)}.corona{width:390px;height:390px;background:radial-gradient(circle,rgba(255,202,104,.35),rgba(255,202,104,.05) 65%,transparent 68%)}.surface{width:315px;height:315px;background:#ffbe4d;box-shadow:0 0 40px rgba(255,202,104,.6)}.convection{width:255px;height:255px;background:#f59c3f}.radiation{width:185px;height:185px;background:#ef6f43}.core{width:105px;height:105px;background:#fff4c5;box-shadow:0 0 24px #fff}.core b{color:#8d3f2c;font:700 12px/1 var(--mono)}.core small{color:#8d3f2c;font-size:8px}
.fusion-story{display:flex;flex-direction:column;justify-content:center;gap:16px}.equation{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:18px 15px;border:1px solid var(--line);border-radius:14px}.equation span{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.06);font:700 10px/1 var(--mono)}.equation .energy{background:rgba(255,202,104,.15);color:var(--amber)}.equation b{color:var(--dim);font-size:15px}.not-fire{padding:15px;border-left:3px solid var(--danger);background:rgba(255,128,149,.05)}.not-fire span{font:700 9px/1 var(--mono);color:var(--danger)}.not-fire p{font-size:14px;line-height:1.4;margin-top:5px!important;color:var(--muted)}.energy-path{display:flex;align-items:center;justify-content:space-around;color:var(--amber);font:700 11px/1 var(--mono);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.energy-path i{color:var(--dim);font-style:normal}

.stellar-map{position:relative;height:300px;padding:26px 30px;display:grid;grid-template-columns:130px 40px 150px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:10px}.stellar-start{grid-row:1/3;text-align:center}.nebula-icon{display:block;width:100px;height:100px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 40% 50%,rgba(181,149,255,.8),transparent 20%),radial-gradient(circle at 65% 40%,rgba(98,230,255,.7),transparent 25%),radial-gradient(circle,rgba(255,255,255,.1),transparent 65%);box-shadow:0 0 35px rgba(181,149,255,.25)}.stellar-start b,.stellar-node b{display:block;font:700 10px/1 var(--mono)}.stellar-arrow{grid-row:1/3;color:var(--dim)}.stellar-node{grid-row:1/3;text-align:center}.star-node span{display:block;color:var(--amber);font-size:75px;line-height:1;text-shadow:0 0 30px rgba(255,202,104,.55)}.star-node small{color:var(--muted);font-size:9px}.branch{height:90px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;font:700 9px/1.15 var(--mono);text-align:center}.branch span{color:var(--accent);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}.branch i{font-style:normal;color:var(--dim)}.branch.high{border-color:rgba(255,202,104,.28)}
.element-row{display:flex;justify-content:center;gap:10px;margin-top:11px}.element-row>div{width:115px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.element-row strong{float:left;width:32px;color:var(--accent);font:700 25px/1 var(--mono)}.element-row span,.element-row small{display:block}.element-row span{font-size:10px}.element-row small{color:var(--dim);font-size:8px}.hero-line{text-align:center;margin-top:10px!important;color:var(--amber);font-size:16px;font-weight:650}

.galaxy-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;flex:1;min-height:250px}.galaxy-gallery article{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.galaxy-gallery article:last-child{border-right:0}.galaxy{position:relative;width:150px;height:120px;margin-bottom:10px}.galaxy.spiral{border-radius:50%;background:radial-gradient(ellipse,#fff 0 4%,rgba(255,202,104,.8) 6%,rgba(98,230,255,.25) 17%,transparent 50%);transform:rotate(-15deg)}.galaxy.spiral::before,.galaxy.spiral::after{content:"";position:absolute;left:50%;top:50%;width:130px;height:45px;border:6px solid rgba(98,230,255,.45);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:translate(-50%,-50%) rotate(25deg)}.galaxy.spiral::after{transform:translate(-50%,-50%) rotate(-25deg)}.galaxy.elliptical{border-radius:50%;background:radial-gradient(ellipse,#fff 0 3%,#ffdc9e 8%,rgba(255,202,104,.42) 35%,transparent 70%)}.galaxy.irregular{border-radius:45% 55% 35% 65%;background:radial-gradient(circle at 30% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 60% 58%,rgba(98,230,255,.8),transparent 10%),radial-gradient(ellipse,rgba(181,149,255,.55),transparent 65%);box-shadow:18px 5px 30px rgba(181,149,255,.18)}.galaxy-gallery b{font:700 11px/1 var(--mono);color:var(--accent)}.galaxy-gallery span{color:var(--muted);font-size:10px;margin-top:4px}.galaxy-recipe{display:flex;align-items:center;gap:10px;margin-top:12px}.galaxy-recipe>b{font:700 9px/1 var(--mono);color:var(--dim);margin-right:4px}.galaxy-recipe>span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px}.galaxy-recipe .unknown{border-color:rgba(181,149,255,.4);color:var(--violet)}.galaxy-recipe small{color:var(--dim);font-size:8px}

.address-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:1;min-height:0}.cosmic-address{list-style:none;margin:0;padding:0;counter-reset:item}.cosmic-address li{display:grid;grid-template-columns:38px 150px 1fr;align-items:center;min-height:64px;border-bottom:1px solid var(--line)}.cosmic-address li>span{color:var(--accent);font:700 11px/1 var(--mono)}.cosmic-address b{font:700 13px/1 var(--mono)}.cosmic-address small{color:var(--muted);font-size:11px}.local-group{position:relative;overflow:hidden}.local-group::before{content:"";position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.13);border-radius:50%}.lg-label{position:absolute;left:16px;top:16px;color:var(--accent);font:700 9px/1 var(--mono)}.galaxy-dot{position:absolute;border-radius:50%;background:radial-gradient(ellipse,#fff,var(--cyan) 15%,transparent 60%)}.andromeda{width:110px;height:55px;right:50px;top:68px;transform:rotate(-15deg)}.milky{width:100px;height:55px;left:70px;bottom:74px;transform:rotate(20deg)}.triangle{width:55px;height:40px;right:72px;bottom:80px}.local-group b{position:absolute;font:700 8px/1 var(--mono);color:var(--muted)}.andromeda-name{right:55px;top:130px}.milky-name{left:65px;bottom:58px}.milky-name em{color:var(--amber)}.triangle-name{right:62px;bottom:64px}.dwarf{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px var(--violet)}.d1{left:40px;top:100px}.d2{right:40px;top:190px}.d3{left:210px;top:50px}.future-line{position:absolute;left:190px;top:190px;transform:rotate(-32deg);color:var(--dim);font:700 7px/1 var(--mono);border-top:1px dashed var(--dim);width:130px;padding-top:5px}

.measurement-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;flex:1;min-height:0}.distance-ladder{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:7px;padding:20px}.rung{height:55px;padding:10px 14px;border:1px solid rgba(98,230,255,.35);background:rgba(98,230,255,.05);display:flex;align-items:center;justify-content:space-between}.rung b{font:700 11px/1 var(--mono)}.rung span{color:var(--muted);font-size:10px}.r1{width:42%}.r2{width:58%}.r3{width:76%}.r4{width:94%;border-color:rgba(181,149,255,.4);background:rgba(181,149,255,.05)}.measure-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.parallax-card,.redshift-card{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.parallax-card>span,.redshift-card>span{font:700 9px/1 var(--mono);color:var(--accent)}.parallax-card p,.redshift-card p{font-size:10px;color:var(--muted);line-height:1.3}.parallax-diagram{position:relative;height:75px}.eye{position:absolute;bottom:5px;width:12px;height:12px;border-radius:50%;background:var(--cyan)}.e1{left:65px}.e2{right:65px}.target-star{position:absolute;left:50%;top:8px;color:var(--amber)}.target-star::before{content:"★";font-size:22px}.parallax-diagram b{position:absolute;width:90px;border-top:1px dashed var(--cyan);transform-origin:left center;left:75px;bottom:15px;transform:rotate(-31deg)}.parallax-diagram b:last-child{left:auto;right:75px;transform-origin:right center;transform:rotate(31deg)}.spectra{height:22px;margin:9px 0 3px;background:linear-gradient(90deg,#5f57ef,#55a7f2,#64e4d5,#f3dd61,#f37f50,#ef426f);position:relative}.spectra i{position:absolute;top:0;bottom:0;width:3px;background:#111}.spectra i:nth-child(1){left:20%}.spectra i:nth-child(2){left:49%}.spectra i:nth-child(3){left:72%}.spectra.shifted{opacity:.7}.spectra.shifted i:nth-child(1){left:30%}.spectra.shifted i:nth-child(2){left:60%}.spectra.shifted i:nth-child(3){left:84%}

.expansion-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1;min-height:0}.bread-model{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;padding-bottom:45px}.bread{position:relative;width:170px;height:150px;border-radius:50% 50% 40% 40%;background:rgba(255,202,104,.11);border:1px solid rgba(255,202,104,.35)}.bread.after{width:240px;height:190px}.bread i{position:absolute;width:11px;height:16px;border-radius:50%;background:#8c5a35}.bread i:nth-child(1){left:28%;top:30%}.bread i:nth-child(2){left:65%;top:25%}.bread i:nth-child(3){left:38%;top:68%}.bread i:nth-child(4){left:75%;top:62%}.bread span{position:absolute;left:10px;bottom:8px;font:700 8px/1 var(--mono);color:var(--amber)}.expand-arrow{color:var(--amber)}.bread-model p{position:absolute;left:20px;right:20px;bottom:12px;text-align:center;color:var(--muted);font-size:10px}.hubble-plot{position:relative;padding:18px 22px 30px}.hubble-plot svg{width:100%;height:100%}.axis{fill:none;stroke:rgba(255,255,255,.28);stroke-width:2}.trend{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:7 5}.plot-dots circle{fill:var(--paper)}.hubble-plot>span{position:absolute;font:700 7px/1 var(--mono);color:var(--dim)}.y-label{left:8px;top:50%;transform:rotate(-90deg) translateY(-50%);transform-origin:left top}.x-label{bottom:12px;left:50%}.hubble-plot>b{position:absolute;right:30px;top:40px;color:var(--accent);font:700 9px/1 var(--mono)}.analogy-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.analogy-limits>div{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.analogy-limits b{font:700 9px/1 var(--mono);color:var(--accent)}.analogy-limits span{color:var(--muted);font-size:10px}

.cosmic-timeline{position:relative;height:180px;overflow:hidden}.timeline-track{position:absolute;left:110px;right:25px;top:88px;border-top:3px solid; border-image:linear-gradient(90deg,var(--amber),var(--violet),var(--cyan)) 1}.timeline-track i{position:absolute;right:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.unknown-zone{position:absolute;left:22px;top:48px;width:62px;text-align:center}.unknown-zone b{display:block;color:var(--violet);font-size:34px}.unknown-zone span{font:700 7px/1 var(--mono);color:var(--muted)}.era{position:absolute;top:105px;text-align:center}.era::before{content:"";position:absolute;left:50%;top:-21px;height:15px;border-left:1px solid var(--paper)}.era b,.era span{display:block}.era b{font:700 9px/1 var(--mono)}.era span{color:var(--dim);font-size:8px}.e-hot{left:130px}.e-cmb{left:340px}.e-stars{left:595px}.e-now{right:35px}.bigbang-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px}.bigbang-grid article{height:150px;padding:13px;border:1px solid var(--line);border-radius:12px;text-align:center}.bigbang-grid article>span{font:700 8px/1 var(--mono);color:var(--dim)}.bigbang-grid p{color:var(--muted);font-size:10px;line-height:1.3}.explosion-icon{position:relative;height:65px}.explosion-icon::before{content:"✹";font-size:60px;color:var(--danger);line-height:1}.grid-icon{position:relative;height:65px;margin:5px 0;background:linear-gradient(rgba(98,230,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(98,230,255,.2) 1px,transparent 1px);background-size:16px 16px;transform:perspective(90px) rotateX(40deg)}.evidence-card{text-align:left!important}.evidence-card>span{color:var(--green)!important}.evidence-card ul{margin:12px 0 0 15px;padding:0;color:var(--muted);font-size:11px;line-height:1.7}.frontier-tag{margin-top:10px!important;padding:9px 12px;border:1px solid rgba(181,149,255,.38);border-radius:9px;background:rgba(181,149,255,.05);color:var(--muted);font-size:10px}.frontier-tag b{color:var(--violet);font:700 9px/1 var(--mono);margin-right:6px}

.cmb-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;flex:1;min-height:0}.cmb-map{display:flex;flex-direction:column;align-items:center;justify-content:center}.cmb-oval{width:440px;height:245px;border-radius:50%;overflow:hidden;background:#1b2c78;box-shadow:0 0 40px rgba(181,149,255,.18);position:relative}.cmb-dot{position:absolute;border-radius:50%;filter:blur(5px);opacity:.8}.cmb-scale{display:flex;align-items:center;gap:8px;margin-top:11px;font:700 7px/1 var(--mono);color:var(--dim)}.cmb-scale i{display:block;width:170px;height:6px;background:linear-gradient(90deg,#173eb6,#41d3db,#f4d650,#e84762);border-radius:999px}.cmb-map small{margin-top:6px;color:var(--muted);font-size:8px}.cmb-story{display:flex;flex-direction:column;justify-content:center}.cmb-step{display:grid;grid-template-columns:35px 105px 1fr;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.cmb-step>span{color:var(--accent);font:700 10px/1 var(--mono)}.cmb-step b{font:700 10px/1 var(--mono)}.cmb-step p{color:var(--muted);font-size:10px;line-height:1.25}

.lensing-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;flex:1;min-height:0}.lensing{position:relative;overflow:hidden}.distant-galaxy{position:absolute;left:35px;top:150px;text-align:center}.distant-galaxy i{display:block;width:70px;height:35px;background:radial-gradient(ellipse,#fff,var(--cyan) 12%,transparent 65%);transform:rotate(-20deg)}.distant-galaxy span,.observer-lens span{font:700 7px/1 var(--mono);color:var(--muted)}.cluster-mass{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(181,149,255,.18),transparent 65%);border:1px dashed rgba(181,149,255,.3);text-align:center;padding-top:80px}.cluster-mass i{position:absolute;width:25px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#fff,var(--amber),transparent 70%)}.cluster-mass i:nth-child(1){left:30px;top:40px}.cluster-mass i:nth-child(2){right:35px;top:65px}.cluster-mass i:nth-child(3){left:85px;bottom:30px}.cluster-mass b{font:700 9px/1.3 var(--mono)}.cluster-mass em{color:var(--violet)}.observer-lens{position:absolute;right:28px;top:140px;text-align:center;font-size:40px;color:var(--cyan)}.observer-lens span{display:block}.light-rays i{position:absolute;left:105px;width:380px;border-top:1px solid var(--cyan);transform-origin:left center}.light-rays i:first-child{top:168px;transform:rotate(-12deg)}.light-rays i:last-child{top:178px;transform:rotate(12deg)}.arc{position:absolute;right:105px;width:35px;height:90px;border:4px solid var(--amber);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%}.a1{top:80px;border-right-color:transparent}.a2{bottom:70px;border-left-color:transparent}.inference-stack{display:flex;flex-direction:column;gap:12px}.wind-analogy{padding:15px;border:1px solid rgba(98,230,255,.3);border-radius:12px;background:rgba(98,230,255,.04)}.wind-analogy span,.evidence-list>b{font:700 9px/1 var(--mono);color:var(--accent)}.wind-analogy p{margin-top:7px!important;color:var(--muted);font-size:12px;line-height:1.35}.evidence-list{flex:1;padding:15px;border:1px solid var(--line);border-radius:12px}.evidence-list ol{margin:10px 0 0;padding-left:20px}.evidence-list li{padding:8px 0;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line)}.evidence-list li:last-child{border:0}.evidence-list li span{display:block;color:var(--paper);font:700 9px/1 var(--mono);margin-bottom:3px}

.energy-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;flex:1;min-height:0}.cosmic-budget{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px}.donut{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--violet) 0 68%,#5465aa 68% 95%,var(--green) 95% 100%);box-shadow:0 0 40px rgba(181,149,255,.18)}.donut::before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--panel)}.donut>div{position:relative;text-align:center}.donut b{display:block;color:var(--violet);font:700 33px/1 var(--mono)}.donut span{font:700 8px/1.15 var(--mono)}.budget-legend{display:flex;flex-direction:column;gap:12px}.budget-legend>span{display:flex;align-items:center;gap:7px;font-size:10px}.budget-legend i{width:10px;height:10px;border-radius:3px;background:var(--violet)}.budget-legend .dm{background:#5465aa}.budget-legend .normal{background:var(--green)}.budget-legend small{color:var(--dim);font-size:8px;line-height:1.3}.acceleration-chart{position:relative;padding:20px 24px 35px}.acceleration-chart svg{width:100%;height:100%}.slow-line{fill:none;stroke:#67728f;stroke-width:3;stroke-dasharray:7 5}.fast-line{fill:none;stroke:var(--violet);stroke-width:4}.acceleration-chart>span{position:absolute;left:8px;top:50%;transform:rotate(-90deg);font:700 7px/1 var(--mono);color:var(--dim)}.chart-label{position:absolute;font:700 8px/1 var(--mono)}.chart-label.slow{right:40px;top:145px;color:#8490ac}.chart-label.fast{right:32px;top:38px;color:var(--violet)}.time-label{position:absolute;bottom:12px;left:48%;font:700 7px/1 var(--mono);color:var(--dim)}

.messenger-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1;min-height:0}.merger-scene{position:relative;overflow:hidden}.ns{position:absolute;width:62px;height:62px;border-radius:50%;top:130px;background:radial-gradient(circle at 35% 30%,#fff 0 4px,var(--cyan) 10%,#384f96 55%,#11172d 75%);box-shadow:0 0 35px rgba(98,230,255,.4)}.ns.n1{left:125px}.ns.n2{right:125px}.kilonova{position:absolute;left:50%;top:125px;transform:translate(-50%,-50%);color:var(--amber);font-size:90px;text-shadow:0 0 30px var(--amber);opacity:.8}.wave{position:absolute;left:50%;top:158px;transform:translate(-50%,-50%);border:1px solid rgba(181,149,255,.6);border-radius:50%}.w1{width:180px;height:180px}.w2{width:280px;height:280px;opacity:.6}.w3{width:390px;height:390px;opacity:.25}.merger-scene>span{position:absolute;left:20px;bottom:18px;color:var(--muted);font:700 8px/1 var(--mono)}.merger-scene>b{position:absolute;right:20px;bottom:18px;color:var(--amber);font:700 11px/1 var(--mono)}.messenger-cards{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.messenger-cards article{display:grid;grid-template-columns:65px 130px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px}.signal{grid-row:1/3;font-size:30px;color:var(--accent)}.messenger-cards b{font:700 11px/1 var(--mono)}.messenger-cards span{grid-column:3;grid-row:1/3;color:var(--muted);font-size:10px}.messenger-cards small{font-size:8px;color:var(--dim)}.black-hole-fact{display:flex;align-items:center;gap:16px;margin-top:12px;padding:10px 14px;border-left:3px solid var(--amber);background:rgba(255,202,104,.05)}.black-hole-fact span{color:var(--amber);font:700 9px/1 var(--mono)}.black-hole-fact p{color:var(--muted);font-size:11px}.black-hole-fact b{color:var(--paper)}

.webb-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;flex:1;min-height:0}.webb-mirror{position:relative;display:grid;place-items:center}.hex-grid{position:relative;width:260px;height:260px;display:grid;grid-template-columns:repeat(5,48px);grid-auto-rows:42px;align-content:center;justify-content:center}.hex-grid i{width:46px;height:52px;background:linear-gradient(135deg,#ffe3a0,#b97825);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);margin:-5px 0;border:1px solid #fff}.hex-grid i:nth-child(1),.hex-grid i:nth-child(5),.hex-grid i:nth-child(14),.hex-grid i:nth-child(18){visibility:hidden}.webb-mirror>span{position:absolute;right:15px;bottom:14px;text-align:right;color:var(--amber);font:700 9px/1.2 var(--mono)}.infrared-story{display:flex;flex-direction:column;justify-content:center;gap:13px}.why-ir{padding:15px;border:1px solid var(--line);border-radius:13px}.why-ir>b{font:700 9px/1 var(--mono);color:var(--accent)}.why-ir>div{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.why-ir span{padding:7px 10px;border-radius:999px;font:700 9px/1 var(--mono)}.visible-wave{background:linear-gradient(90deg,#516ae5,#58d9ba,#e5d55b,#e95d62);color:#07101c}.infrared-wave{background:#972f7f;color:#fff}.why-ir i{color:var(--muted);font-size:9px}.why-ir p{color:var(--muted);font-size:10px}.early-timeline{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:13px}.early-timeline>span{text-align:center;font:700 8px/1.2 var(--mono)}.early-timeline i{height:1px;flex:1;margin:0 7px;background:linear-gradient(90deg,var(--violet),var(--amber))}.early-timeline small{color:var(--dim);font-size:7px}.t-first{color:var(--amber)}.observation-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.observation-vs span{padding:11px;border-left:2px solid var(--green);background:rgba(126,240,189,.04);font-size:10px;color:var(--muted)}.observation-vs b{display:block;color:var(--green);font:700 8px/1 var(--mono);margin-bottom:3px}

.frontier-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.tension-meter{position:relative;height:228px;border:1px solid var(--line);border-radius:15px;padding:18px}.tension-meter>span{display:block;font:700 9px/1.2 var(--mono);color:var(--accent)}.tension-meter>span small{color:var(--muted)}.measure{position:absolute;top:72px}.measure b{display:block;font:700 44px/1 var(--mono)}.measure i{display:block;width:190px;border-top:4px solid;margin:7px 0}.measure em{font:700 8px/1 var(--mono);color:var(--muted)}.m-early{left:45px;color:var(--cyan)}.m-late{right:45px;color:var(--amber);text-align:right}.units{position:absolute;left:0;right:0;top:145px;text-align:center;color:var(--dim);font:700 7px/1 var(--mono)}.tension-brace{position:absolute;left:75px;right:75px;bottom:22px;padding-top:9px;border-top:1px dashed var(--violet);text-align:center;color:var(--violet);font:700 8px/1 var(--mono)}.survey-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.survey-cards article{padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,rgba(181,149,255,.07),transparent)}.survey-cards span{display:block;color:var(--violet);font:700 18px/1 var(--mono);margin-bottom:20px}.survey-cards b{display:block;font-size:13px;line-height:1.2}.survey-cards p{margin-top:8px!important;color:var(--muted);font-size:10px;line-height:1.35}.survey-cards small{display:block;margin-top:20px;color:var(--dim);font:700 7px/1 var(--mono)}.scorecard{margin-top:11px;border:1px solid var(--line)}.scorecard th,.scorecard td{padding:7px 10px!important}.scorecard td{font-size:9px!important}.status{padding:3px 7px;border-radius:999px;font:700 7px/1 var(--mono)}.status.yellow{background:rgba(255,202,104,.12);color:var(--amber)}.status.violet{background:rgba(181,149,255,.12);color:var(--violet)}

.final-slide h2{font-size:42px;margin-bottom:12px}.evidence-board{position:relative;width:700px;height:350px;margin:0 auto;flex:1;min-height:280px}.evidence-board svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.evidence-board svg path{fill:none;stroke:rgba(126,240,189,.24);stroke-width:2;stroke-dasharray:6 5}.claim,.evidence{position:absolute;z-index:2;border:1px solid var(--line);background:var(--panel);text-align:center}.center-claim{left:275px;top:112px;width:150px;height:125px;border-radius:50%;display:grid;place-items:center;padding:20px;border-color:rgba(126,240,189,.5);box-shadow:0 0 35px rgba(126,240,189,.12)}.center-claim b{font:700 11px/1.2 var(--mono)}.center-claim span{color:var(--green);font:700 18px/1 var(--mono)}.evidence{width:125px;height:62px;border-radius:12px;padding:12px}.evidence b,.evidence span{display:block}.evidence b{font:700 8px/1 var(--mono);color:var(--green)}.evidence span{margin-top:5px;color:var(--muted);font-size:8px}.ev1{left:40px;top:36px}.ev2{left:287px;top:14px}.ev3{right:40px;top:36px}.ev4{left:40px;bottom:20px}.ev5{left:287px;bottom:2px}.ev6{right:40px;bottom:20px}.open-questions{display:flex;justify-content:center;gap:7px;margin-top:7px}.open-questions span{padding:6px 8px;border:1px solid rgba(181,149,255,.3);border-radius:999px;color:var(--violet);font:700 7px/1 var(--mono)}blockquote{margin:10px auto 0!important;max-width:900px;border:0!important;box-shadow:none!important;background:none!important;color:var(--paper)!important;text-align:center;font-size:14px!important;line-height:1.35!important;font-style:normal!important}.finish-actions{display:flex;justify-content:center;gap:8px;margin-top:9px}.finish-actions button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font:700 8px/1 var(--mono);cursor:pointer}.finish-actions button:hover{border-color:var(--green);color:var(--paper)}

.side-panel { position: fixed; z-index: 90; top: 58px; right: 12px; bottom: 12px; width: min(430px, calc(100vw - 24px)); display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(10,16,36,.97); box-shadow: 0 24px 80px rgba(0,0,0,.55); backdrop-filter: blur(24px); transform: translateX(calc(100% + 30px)); transition: transform .25s ease; }
.side-panel.open { transform: translateX(0); }
.panel-head { display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.panel-head span,.panel-head b{display:block}.panel-head span{font:700 8px/1 var(--mono);color:var(--cyan);letter-spacing:.12em}.panel-head b{margin-top:6px;font-size:17px}.panel-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.panel-body{padding:20px;overflow:auto;color:var(--muted);font-size:16px;line-height:1.65}.narration-panel .panel-body{font-size:18px}.audio-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 18px;border-top:1px solid var(--line);background:rgba(98,230,255,.04);color:var(--cyan);font:700 9px/1.2 var(--mono)}.audio-status small{color:var(--dim);font:600 8px/1 var(--mono)}.panel-tip{padding:13px 18px;border-top:1px solid var(--line);color:var(--dim);font-size:10px}.source-list{margin:0;list-style:none;counter-reset:sources}.source-list li{counter-increment:sources;position:relative;padding:0 0 16px 36px;margin-bottom:16px;border-bottom:1px solid var(--line)}.source-list li::before{content:counter(sources,decimal-leading-zero);position:absolute;left:0;top:2px;color:var(--cyan);font:700 9px/1 var(--mono)}.source-list a{display:block;color:var(--paper);font-size:14px;text-decoration:none;line-height:1.35}.source-list a:hover{text-decoration:underline;text-decoration-color:var(--cyan)}.source-list small{display:block;margin-top:6px;color:var(--dim);font:600 8px/1.3 var(--mono);word-break:break-all}.panel-scrim{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.36)}
.corner-guide{position:fixed;z-index:35;left:18px;bottom:12px;display:flex;align-items:center;gap:9px;color:var(--dim);font:700 8px/1 var(--mono);pointer-events:none}.corner-guide i{width:40px;border-top:1px solid var(--line)}

@media (max-width: 700px) {
  .deck-bar { height: 44px; padding: 0 9px; }
  .brand span:last-child { display: none; }
  .deck-actions button { padding: 5px 8px; }
  .deck-actions button span { display: none; }
  .corner-guide { display: none; }
  .side-panel { top: 50px; right: 7px; bottom: 7px; width: calc(100vw - 14px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

@media print {
  .deck-bar, .side-panel, .panel-scrim, .corner-guide, .reveal .controls, .reveal .progress { display: none !important; }
  .reveal .slides section { page-break-after: always; }
}