@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@500;700;900&display=swap";:root{--bg-deep:#050509;--bg-panel:#080812b8;--bg-panel-solid:#080812eb;--border:#ffffff14;--border-strong:#ffffff2e;--text-primary:#f5f6fa;--text-secondary:#c2c7d4;--text-muted:#7d8493;--accent:#f97316;--accent-rgb:249, 115, 22;--accent-soft:#f973162e;--sans:"Inter", system-ui, -apple-system, sans-serif;--tech:"Orbitron", monospace;--header-h:64px;--footer-h:168px}[data-accent=orange]{--accent:#f97316;--accent-rgb:249, 115, 22;--accent-soft:#f973162e}[data-accent=purple]{--accent:#c084fc;--accent-rgb:192, 132, 252;--accent-soft:#c084fc2e}[data-accent=yellow]{--accent:#facc15;--accent-rgb:250, 204, 21;--accent-soft:#facc152e}[data-accent=cyan]{--accent:#22d3ee;--accent-rgb:34, 211, 238;--accent-soft:#22d3ee2e}[data-accent=red]{--accent:#f87171;--accent-rgb:248, 113, 113;--accent-soft:#f871712e}[data-accent=spectrum]{--accent:#a855f7;--accent-rgb:168, 85, 247;--accent-soft:#a855f72e}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .4);border-radius:4px}.app-container{grid-template-rows:var(--header-h) 1fr var(--footer-h);width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.app-header{z-index:30;pointer-events:none;background:linear-gradient(#0000008c,#0000);grid-row:1;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.app-header>*{pointer-events:auto}.app-brand{align-items:baseline;gap:14px;display:flex}.app-brand-mark{font-family:var(--tech);letter-spacing:3px;background:linear-gradient(135deg, var(--accent) 0%, #fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.app-brand-sub{color:var(--text-secondary);letter-spacing:.3px;font-size:13px;font-weight:500}.mode-toggle{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--text-primary);font-family:var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mode-toggle:hover{border-color:rgba(var(--accent-rgb), .6);color:var(--accent)}.mode-toggle-label{letter-spacing:.3px}.stage-3d{background:radial-gradient(ellipse at center, rgba(var(--accent-rgb), .08) 0%, transparent 60%), var(--bg-deep);grid-row:2;width:100%;height:100%;transition:background .8s;position:relative;overflow:hidden}.stage-placeholder{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.stage-placeholder-eyebrow{font-family:var(--tech);letter-spacing:4px;color:var(--accent);text-transform:uppercase;opacity:.85;font-size:16px}.stage-placeholder-hint{color:var(--text-muted);font-size:15px}.stage-3d canvas{width:100%;height:100%;display:block}.stage-overlay{z-index:15;pointer-events:none;color:var(--accent);animation:.5s cubic-bezier(.16,1,.3,1) cardIn;position:absolute}.stage-overlay--satellite{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:10px 16px 10px 12px;display:flex;top:20px;right:20px;box-shadow:0 8px 28px #00000073}.stage-overlay--satellite svg{filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .4));flex-shrink:0}.stage-overlay-text{color:var(--text-primary);flex-direction:column;gap:2px;display:flex}.stage-overlay-title{font-family:var(--tech);letter-spacing:.5px;color:var(--accent);font-size:14px;font-weight:700}.stage-overlay-sub{color:var(--text-secondary);font-size:11px}.stage-overlay--legend{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;padding:12px 14px;bottom:20px;right:20px}.cmb-legend{flex-direction:column;gap:6px;min-width:180px;display:flex}.cmb-legend-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.cmb-legend-bar{border:1px solid var(--border);background:linear-gradient(90deg,#1e3a8a 0%,#3b82f6 25%,#c4b5fd 50%,#fb923c 75%,#dc2626 100%);border-radius:4px;height:12px}.cmb-legend-scale{justify-content:space-between;font-size:11px;font-weight:500;display:flex}.cmb-legend-cold{color:#60a5fa}.cmb-legend-hot{color:#f87171}.cmb-legend-delta{color:var(--text-muted);margin-top:2px;font-size:10px;line-height:1.4}.cmb-legend--compact .cmb-legend-bar{height:10px}.cmb-legend--compact{min-width:150px}.chapter-card-stepper{font-family:var(--tech);letter-spacing:.5px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .4);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}.chapter-card{z-index:20;left:32px;bottom:calc(var(--footer-h) + 24px);background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;width:min(560px,42vw);padding:22px 26px;animation:.5s cubic-bezier(.16,1,.3,1) cardIn;position:absolute;box-shadow:0 20px 60px #0000008c}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chapter-card-eyebrow{align-items:center;gap:12px;margin-bottom:8px;display:flex}.chapter-card-number{background:var(--accent);color:#050509;width:28px;height:28px;font-family:var(--tech);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:inline-flex}.chapter-card-tagline{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:500}.chapter-card-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.1}.chapter-card-punchline{color:var(--accent);margin-bottom:0;font-size:19px;font-weight:500;line-height:1.4}.mode-review .chapter-card{width:min(620px,46vw)}.chapter-card-body{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.chapter-card-body p{color:var(--text-secondary);font-size:14px;line-height:1.55}.chapter-card-factoid{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin-top:6px;padding:10px 14px}.chapter-card-factoid-title{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-size:12px;font-weight:700}.chapter-card-factoid-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.chapter-card-metric{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:16px;padding-top:14px;display:flex}.chapter-card-metric-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.chapter-card-metric-value{font-family:var(--tech);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.1}.chapter-card-metric-unit{color:var(--text-secondary);margin-left:4px;font-size:18px;font-weight:500}.chapter-card-metric-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.mode-presentation .chapter-card-body{display:none}.mode-presentation .chapter-card-title{font-size:32px}.mode-presentation .chapter-card-punchline{font-size:21px}.app-footer{-webkit-backdrop-filter:blur(10px);z-index:30;background:linear-gradient(#0003,#000000bf);flex-direction:column;grid-row:3;justify-content:center;gap:10px;padding:16px 28px 14px;display:flex}.app-footer-hint{text-align:center;color:var(--text-muted);letter-spacing:.3px;font-size:11px}.timeline{justify-content:center;align-items:center;gap:28px;display:flex}.timeline-nav{align-items:center;gap:10px;display:flex}.timeline-btn{background:var(--bg-panel-solid);border:1px solid var(--border-strong);width:52px;height:52px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.timeline-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.timeline-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-btn--play{background:var(--accent);border-color:var(--accent);color:#050509;width:60px;height:60px}.timeline-btn--play:hover:not(:disabled){filter:brightness(1.1);color:#050509}.timeline-btn--play:disabled{opacity:.25}.timeline-chips{align-items:center;gap:8px;display:flex}.timeline-chip{min-width:92px;color:var(--text-muted);cursor:pointer;font-family:var(--sans);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;transition:all .2s;display:flex}.timeline-chip:hover{color:var(--text-secondary);background:#ffffff0a}.timeline-chip-number{font-family:var(--tech);border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.timeline-chip-label{letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:500}.timeline-chip.is-past{color:var(--text-secondary)}.timeline-chip.is-active{color:var(--accent);background:var(--accent-soft);border-color:rgba(var(--accent-rgb), .4)}.timeline-chip.is-active .timeline-chip-number{background:var(--accent);color:#050509;border-color:var(--accent)}@media (width<=1100px){.chapter-card{width:min(480px,60vw);padding:18px 20px;left:20px}.chapter-card-title{font-size:24px}.chapter-card-punchline{font-size:16px}}@media (width<=768px){:root{--header-h:56px;--footer-h:200px}.app-container{grid-template-rows:var(--header-h) 1fr auto}.app-brand-sub{display:none}.chapter-card{border-left:none;border-top:4px solid var(--accent);border-radius:0;width:100%;padding:16px 18px;position:relative;bottom:0;left:0}.stage-3d{grid-row:2}.timeline{flex-direction:column;gap:14px}.timeline-chips{flex-wrap:wrap;justify-content:center}.timeline-chip{min-width:76px;padding:6px 10px}.app-footer-hint{display:none}}