@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff)format("woff")}:root,[data-theme=night]{--bg-solid:#070b16;--bg:radial-gradient(120% 60% at 50% 0%, #142240 0%, #070b16 60%) fixed, #070b16;--fg:#e9eefc;--dim:#8592b6;--accent:#ffb347;--on-accent:#1a1205;--traffic:#5cf2a5;--hot:#ffb347;--scope-bg:radial-gradient(circle at 50% 50%, #0b2a2a 0%, #050d14 75%);--card:#ffffff0d;--chip:#ffffff12;--line:#ffffff17;--danger:#ff7a7a;--radius:16px;--font-ui:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=retro]{--bg-solid:#020603;--bg:#020603;--fg:#b6ffc8;--dim:#6fdc8f;--accent:#39ff7a;--on-accent:#021006;--traffic:#39ff7a;--hot:#eaffef;--scope-bg:radial-gradient(circle, #04220f 0%, #010703 72%);--card:#041409;--chip:#06180c;--line:#0f4a22;--radius:3px;--font-ui:"JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=retro] body{letter-spacing:.01em;text-shadow:0 0 2px #39ff7a59;font-size:16px}[data-theme=retro] .scope{position:relative}[data-theme=retro] .scope:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){[data-theme=retro] .scope:after{display:none}}[data-motion=reduce][data-theme=retro] .scope:after{display:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}:root{--target-min:24px}button,a,input,select,summary{min-height:var(--target-min)}button,input[type=checkbox],input[type=radio]{min-width:var(--target-min)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.skip-link{z-index:100;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.app>main{padding:env(safe-area-inset-top) 16px 96px;flex:1}.tabbar{z-index:20;padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-solid) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar ul{gap:4px;width:100%;max-width:560px;list-style:none;display:flex}.tabbar li{flex:1}.tabbar a{color:var(--dim);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar svg{width:22px;height:22px}.screen-title{letter-spacing:-.01em;padding:24px 0 8px;font-size:28px;font-weight:700}.screen-sub{color:var(--dim);line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.mono{font-family:var(--font-mono)}.dim{color:var(--dim)}.btn{background:var(--accent);color:var(--on-accent);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.btn.ghost{background:var(--chip);color:var(--fg);font-weight:500}.chip{background:var(--chip);color:var(--dim);border:1px solid #0000;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[data-motion=reduce] *,[data-motion=reduce] :before,[data-motion=reduce] :after{transition:none!important;animation:none!important}.toast{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:50;background:var(--bg-solid);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed}.toast span{flex:160px}.offline-banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:8px 0 0;padding:8px 12px;font-size:14px}.install-hint{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.install-hint p{flex:180px}.chips{scrollbar-width:none;gap:8px;padding:16px 0 4px;display:flex;overflow-x:auto}.chips .chip{flex:none}.story-list{gap:12px;margin-top:12px;display:grid}.story-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,border-color .2s}.story-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));transform:translateY(-2px)}.story-card.hero{background:radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--card)}.story-card.hero h2{font-size:24px}.story-link{padding:16px;text-decoration:none;display:block}.story-card h2{margin:6px 0;font-size:18px;line-height:1.25}.story-card p{font-size:14px;line-height:1.45}.story-meta{color:var(--dim);letter-spacing:.04em;gap:10px;font-size:11px;display:flex}.badge{border:1px solid var(--line);color:var(--dim);border-radius:6px;margin-top:8px;padding:3px 8px;font-size:11px;display:inline-block}.scope{aspect-ratio:1;background:var(--scope-bg);border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000bf}[data-theme=retro] .scope{border-radius:50%}.scope canvas{display:block}.player{padding-bottom:24px}.story-head{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:20px 0 10px;display:grid}.story-head .back{color:var(--dim);padding:2px 6px;font-size:22px;text-decoration:none}.story-head h1{font-size:20px;line-height:1.2}.story-head .meta{letter-spacing:.05em;font-size:11px}.chapters ol{gap:6px;list-style:none;display:flex}.chapters li{flex:1;min-width:0}.chapters button{text-align:left;width:100%;color:var(--dim);padding:4px 0;font-size:11px}.chapters .bar{background:var(--line);border-radius:2px;height:3px;margin-bottom:6px;transition:background .3s;display:block}.chapters .done .bar{background:color-mix(in srgb, var(--accent) 60%, transparent)}.chapters [aria-current=step]{color:var(--fg)}.chapters [aria-current=step] .bar{background:var(--accent)}.chapters .label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chapter{padding-top:14px;animation:.3s ease-out both chapter-in}@keyframes chapter-in{0%{opacity:0;transform:translateY(8px)}}.chapter-title{margin-bottom:8px;font-size:24px}.chapter-body{color:color-mix(in srgb, var(--fg) 88%, transparent);margin-bottom:14px;line-height:1.55}.fact-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:14px;display:grid}.fact-cards dt{letter-spacing:.06em;text-transform:uppercase;font-size:10px}.fact-cards dd{margin-top:4px;font-weight:500}.cite{font-family:var(--font-mono);color:var(--accent);padding:0 2px;font-size:11px}.captions{gap:8px;min-height:92px;margin-top:12px;display:grid}.caption{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.caption.past{opacity:.55}.caption-who{letter-spacing:.06em;color:var(--dim);align-items:center;gap:6px;font-size:11px;display:flex}.caption[data-speaker=controller] .caption-who{color:var(--accent)}.on-air{background:var(--hot);border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.caption-words{font-size:calc(16px * var(--caption-scale,1));margin-top:6px;line-height:1.45}.caption-words .w,.caption-words .term{animation:.12s ease-out both word-in}@keyframes word-in{0%{opacity:0;filter:blur(3px)}}.term{border-bottom:1.5px dashed var(--accent);line-height:inherit;padding:0}.player-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.play{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.play svg{width:20px;height:20px;fill:var(--on-accent)}.play:disabled{opacity:.4}.scrub{flex:1;min-width:140px}.scrub input{width:100%;accent-color:var(--accent)}.times{justify-content:space-between;font-size:11px;display:flex}.audio-error{border:1px solid var(--danger);border-radius:12px;flex-basis:100%;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.steps{gap:8px;margin-top:14px;list-style:none;display:grid}.steps li{line-height:1.45;animation:.3s ease-out both chapter-in}.transcript-wrap{margin-top:16px}.transcript-wrap summary{cursor:pointer;color:var(--dim);padding:6px 0;font-size:14px}.transcript{gap:2px;max-height:320px;list-style:none;display:grid;overflow:auto}.transcript button{text-align:left;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;padding:8px;font-size:14px;display:grid}.transcript .who{color:var(--dim);font-size:11px}.transcript .text{grid-column:2;line-height:1.4}.transcript [aria-current=true] button{background:var(--chip)}.next{justify-content:flex-end;margin-top:24px;display:flex}.gate{gap:12px;margin-top:16px;line-height:1.5;display:grid}.gate h2{outline:none;font-size:20px}.gate-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz{gap:12px;display:grid}.quiz-q .q{margin-bottom:10px;font-weight:500}.options{gap:8px;display:grid}.option{text-align:left;background:var(--chip);border:1px solid #0000;border-radius:12px;padding:10px 12px}.option.right{border-color:var(--traffic);color:var(--traffic)}.option.wrong{border-color:var(--danger)}.feedback{margin-top:10px;line-height:1.45}.complete{border-color:var(--traffic)}.sheet-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out both fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-solid);border:1px solid var(--line);width:100%;max-width:560px;max-height:80vh;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0;gap:12px;line-height:1.5;animation:.35s cubic-bezier(.2,.9,.3,1.1) both sheet-up;display:grid;overflow:auto}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grab{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 4px}.sheet h2{font-size:20px}.citations,.licences{gap:6px;padding-left:20px;font-size:14px;display:grid}.citations .focus{color:var(--accent)}.caption-landline{border:1px dashed var(--line);color:var(--dim);letter-spacing:.02em;border-radius:6px;margin-left:auto;padding:1px 6px}.caption.landline{border-style:dashed}.caption.landline .caption-words{font-style:italic}.traffic-list{margin-top:10px}.traffic-list summary{cursor:pointer;min-height:32px;color:var(--dim);align-items:center;display:flex}.traffic-list ul{font-family:var(--font-mono);margin:6px 0 0 18px;font-size:13px}
