:root{--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--step--1:.833rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.5rem;--step-3:1.9rem;--step-4:2.4rem;--lh-body:1.65;--lh-tight:1.2;--measure:68ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--accent:#0d7d7d;--warn:#c2571a;--bg:#fcfcfb;--surface-1:#f6f7f6;--surface-2:#eef0ee;--border:color-mix(in oklab, var(--accent) 12%, #d9dcd9);--text:#2a2e30;--strong:#0c0e0d;--muted:#5c635c;--faint:#8a908a;--link:var(--accent);--fg:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#3fbcbc;--warn:#e8873f;--bg:#0d0f0e;--surface-1:#151815;--surface-2:#1b1f1c;--border:color-mix(in oklab, var(--accent) 18%, #2a2e2b);--text:#c5cbc5;--strong:#f2f5f2;--muted:#9aa39a;--faint:#6b736b}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--lh-body)}body{margin:0}h1,h2,h3{line-height:var(--lh-tight);font-weight:680}a{color:var(--link);text-underline-offset:2px}strong,b{color:var(--strong);font-weight:700}:not(pre)>code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.prose{max-width:var(--measure)}.prose h2{font-size:var(--step-2);margin:var(--space-7) 0 var(--space-3)}.prose p{margin:0 0 var(--space-4)}.kiddy{border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--muted)}.scene-card{border:1px solid var(--border);background:var(--surface-1);padding:var(--space-5);margin:var(--space-6) 0;border-radius:10px}.controls-slot{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-4)}.term{font:inherit;color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 70%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 70%, transparent);text-underline-offset:3px;cursor:help;background:0 0;border:none;margin:0;padding:0;display:inline;position:relative}.term .tip{background:var(--surface-1);width:max-content;max-width:16rem;color:var(--text);border:1px solid var(--border);font-size:var(--step--1);text-align:left;z-index:20;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:.5rem .7rem;font-weight:400;line-height:1.45;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000024}.term .tip strong{color:var(--accent)}.term:hover .tip,.term:focus-visible .tip,.term.open .tip{opacity:1;visibility:visible;pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{gap:var(--space-5);margin:var(--space-6) 0;grid-template-columns:minmax(0,1fr) 15rem;align-items:start;display:grid}.stage .scene-card{margin:0}@media (width<=900px){.stage{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
