.panel{align-content:start;gap:var(--space-2);display:grid}.panel[data-open=true]{padding-block:var(--space-2) var(--space-4);scroll-padding-block:var(--space-2) var(--space-4);-webkit-mask-image:linear-gradient(to bottom, transparent, var(--color-ink) var(--space-2), var(--color-ink) calc(100% - var(--space-4)), transparent);mask-image:linear-gradient(to bottom, transparent, var(--color-ink) var(--space-2), var(--color-ink) calc(100% - var(--space-4)), transparent)}.panel[data-open=true]+.dock-foot{border-block-start:1px solid var(--color-line);margin-block-start:var(--space-2);padding-block-start:var(--space-2)}.panel p,.panel h2,.alert-card p,.alarm p,.alarm h2{margin:0}.echo{max-inline-size:85%;padding:var(--space-2) var(--space-3);border-inline-end:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-stage);white-space:pre-wrap;overflow-wrap:anywhere;justify-self:end}.progress{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);display:flex}.progress:not(:empty):before{content:"";border:2px solid var(--color-accent);border-radius:var(--radius-round);border-block-start-color:#0000;flex:none;block-size:1em;inline-size:1em;animation:.9s linear infinite turn}@keyframes turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.progress:not(:empty):before{border-block-start-color:var(--color-accent);animation:1.6s ease-in-out infinite alternate pulse}}@keyframes pulse{to{opacity:.3}}.question{gap:var(--space-2);display:grid}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip,.secondary,.primary{min-block-size:var(--target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-stage);color:var(--color-ink);font:inherit;cursor:pointer}.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000;font-weight:600}@media (height<=45rem){.chip{padding-inline:var(--space-3)}.pinned{margin-block-end:var(--space-1);padding-block:0}.pinned .call{padding-block:0}.home:has(.pinned) .panel[data-open=true]+.dock-foot{margin-block-start:0}}.text-button{min-inline-size:var(--target);min-block-size:var(--target);padding:0 var(--space-2);color:var(--color-muted);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;text-decoration:underline}.card,.alert-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-stage);display:grid}.consent p{font-size:var(--text-sm)}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.alert-card{border-color:var(--color-alert);font-size:var(--text-md);border-inline-start-width:4px}.alert-card h2,.alarm h2{font-size:var(--text-md);font-weight:600}.alert-card.flash{animation-name:flash-alert}@keyframes flash-alert{0%{background:color-mix(in srgb, var(--color-alert) 20%, transparent);box-shadow:0 0 0 2px var(--color-alert)}}.alert-card .secondary{justify-self:start}.alert-card a:not(.call),.alarm a:not(.call){min-inline-size:var(--target);min-block-size:var(--target);padding-inline:var(--space-3);border:2px solid var(--color-alert);border-radius:var(--radius-md);color:var(--color-ink);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.pinned{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.pinned p{font-size:var(--text-sm);flex:10rem}.call{min-block-size:var(--target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-alert);color:var(--color-stage);font-size:var(--text-md);text-align:center;justify-content:center;align-items:center;margin:0;font-weight:700;text-decoration:none;display:flex}details summary{padding-block:var(--space-3);cursor:pointer}details ul{margin:var(--space-2) 0 0;padding-inline-start:var(--space-4)}.explanations{gap:var(--space-2);display:grid}.framing{color:var(--color-muted);font-size:var(--text-sm)}.explanation{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-stage)}.explanation h2{font:inherit}.explanation h2 button{align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:600;display:flex}.explanation h2 button>span:last-child{flex:1}.prevalence{color:var(--color-muted);font-size:var(--text-sm);font-weight:400;display:block}.explanation h2 button:after{content:"";block-size:.5em;inline-size:.5em;margin-inline:var(--space-2);border-bottom:2px solid;border-right:2px solid;flex:none;transform:translateY(-25%)rotate(45deg)}.explanation h2 button[aria-expanded=true]:after{transform:translateY(25%)rotate(-135deg)}.explanation-body{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);display:grid}.explanation-body[hidden]{display:none}.care strong{display:block}.player{gap:var(--space-1);border-block-end:1px solid var(--color-line);padding-block-end:var(--space-2);display:grid}.player-bar{align-items:center;gap:var(--space-1);min-block-size:var(--target);display:flex}.player-bar p{color:var(--color-muted);font-size:var(--text-sm);flex:1}.step-count{white-space:nowrap}.icon-button{inline-size:var(--target);block-size:var(--target);border:1px solid var(--color-line);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-ink);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25rem;inline-size:1.25rem}.start-button{align-items:center;gap:var(--space-1);min-block-size:var(--target);padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border:0;flex:none;font-weight:600;display:inline-flex}.start-button svg{fill:currentColor;block-size:1.125rem;inline-size:1.125rem}.compare{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.compare-option{min-block-size:var(--target);padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;line-height:1.25}.compare-option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.caption{font-weight:600}.say,.not-drawn{font-size:var(--text-sm)}.say{color:var(--color-muted)}.alarm{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;padding:max(var(--gutter), env(safe-area-inset-top)) var(--inline-gutter) max(var(--gutter), env(safe-area-inset-bottom));background:var(--color-stage);color:var(--color-ink);border:0;margin:0}.alarm::backdrop{background:var(--color-stage)}.alarm-body{gap:var(--space-3);flex-direction:column;min-block-size:100%;max-inline-size:36rem;margin-inline:auto;display:flex}.alarm h1{font-size:var(--text-lg);margin:0;font-weight:700}[tabindex="-1"]:focus{outline:none}.alarm .call{min-block-size:calc(var(--target) + var(--space-3));font-size:var(--text-lg)}.alarm-call{gap:var(--space-3);border-inline-start:4px solid var(--color-alert);flex-direction:column;padding-inline-start:var(--space-3);display:flex}.later{gap:var(--space-2);border-block-start:1px solid var(--color-line);margin-block-start:var(--space-4);padding-block-start:var(--space-3);display:grid}.later-slot{min-block-size:var(--target)}.alarm .text-button{align-self:start;padding-inline:0}.alarm .notice{margin-block:auto 0}.privacy-actions{justify-content:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.home>header{position:relative}.credits{min-inline-size:var(--target);min-block-size:var(--target);color:var(--color-muted);font:inherit;font-size:var(--text-sm);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-block-start:calc((var(--text-lg) * var(--leading) - var(--target)) / 2);padding:0;text-decoration:underline;position:absolute;inset-block-start:max(var(--gutter), env(safe-area-inset-top));inset-inline-end:var(--inline-gutter)}.credits-dialog{max-inline-size:min(32rem, 100% - 2 * var(--inline-gutter));padding:var(--gutter);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink)}.credits-dialog::backdrop{background:color-mix(in srgb, var(--color-stage) 80%, transparent)}.credits-dialog h2{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:600}.credits-dialog p{margin:0 0 var(--space-3)}.credits-dialog a{min-block-size:var(--target);color:var(--color-accent);align-items:center;display:inline-flex}.credits-dialog form{text-align:end}.credits-dialog form button{min-inline-size:var(--target);min-block-size:var(--target);padding-inline:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);font:inherit;cursor:pointer;background:0 0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-stage:#06080d;--color-glow:#17606a;--color-surface:#121722;--color-line:#6b7588;--color-ink:#e9edf3;--color-muted:#aab3c2;--color-accent:#5fd4e4;--color-accent-soft:#5fd4e433;--color-on-accent:#04161b;--color-alert:#ff8f80;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--text-sm:.875rem;--text-md:1rem;--text-input:max(16px, var(--text-md));--text-lg:1.375rem;--leading:1.5;--leading-arabic:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-8:2rem;--gutter:var(--space-4);--radius-md:.75rem;--radius-lg:1.25rem;--radius-round:50%;--target:44px;--dock-width:40rem;--color-ghost:#7fcfe8;--color-system-digestive:#e9a23b;--color-organ-liver:#b0613c;--color-system-respiratory:#5ab8ef;--color-effect-inflamed:#ea8f76;--color-effect-irritated:#f2b98a;--color-effect-low-oxygen:#8fa7c9;--color-effect-damaged:#a58c7b;--color-stuff-blood:#e0787c;--color-stuff-air:#d4ecf5;--color-stuff-food:#f6ecd6;--color-stuff-acid:#d9f76b;--color-stuff-bile:#9fcf78;--color-stuff-urine:#ecdc7c;--color-stuff-signal:#bdf2ff;--color-stuff-mucus:#dbe6cf;--color-stuff-gas:#c3e1ea;--color-stuff-stool:#6e4a2e;--color-system-cardiovascular:#ef5b62;--color-system-nervous:#f1d15a;--color-system-musculoskeletal:#d4a574;--color-system-integumentary:#e8b49a;--color-system-urinary:#9bd95b;--color-system-reproductive:#f083c0;--color-system-endocrine:#b48cf2;--color-system-lymphatic:#52d6a4;--color-system-sensory:#8da8ff}@media (width>=64rem){:root{--gutter:var(--space-8)}}@media (prefers-contrast:more){:root{--color-muted:var(--color-ink);--color-line:var(--color-ink)}}*{box-sizing:border-box}html,body,#root{block-size:100%;margin:0}body{overscroll-behavior:none;background:var(--color-stage);color:var(--color-ink);font:var(--text-md) / var(--leading) var(--font-sans)}:lang(ar){line-height:var(--leading-arabic)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.home{--inline-gutter:max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));--stage-min:calc(45dvh + 1px + var(--target) + var(--space-2));grid-template:auto minmax(var(--stage-min), 1fr) minmax(0, auto) auto / minmax(0, 1fr);block-size:100dvh;display:grid}.stage{contain:size;grid-row:2;overflow:clip}.stage canvas{animation:.4s ease-out appear}@keyframes appear{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.stage canvas{animation:none}}.home>header{align-items:center;column-gap:var(--space-3);padding:max(var(--gutter), env(safe-area-inset-top)) var(--inline-gutter) 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.header-links{gap:var(--space-3);margin-block:calc((var(--text-lg) * var(--leading) - var(--target)) / 2);grid-area:1/2;display:flex}.header-links .credits{margin:0;position:static}h1{font-size:var(--text-lg);margin:0;font-weight:600}.tagline{margin:var(--space-1) 0 0;max-inline-size:36rem;color:var(--color-muted);font-size:var(--text-sm);grid-column:1/-1}.dock{grid-row:3/span 2;grid-template-rows:subgrid;inline-size:min(var(--dock-width), 100% - 2 * var(--inline-gutter));min-block-size:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);justify-self:center;margin-block-end:max(var(--gutter), env(safe-area-inset-bottom));display:grid}.panel{overscroll-behavior:contain;min-block-size:0;overflow-y:auto}@media (width>=64rem){.home:has(.panel[data-open=true]){grid-template:auto minmax(0,1fr) auto/min(28rem,34vw) minmax(0,1fr)}.home:has(.panel[data-open=true])>header{grid-column:1/-1}.home:has(.panel[data-open=true]) .stage{grid-area:2/2/span 2}.home:has(.panel[data-open=true]) .dock{inline-size:auto;grid-area:2/1/span 2;justify-self:stretch;margin-block-start:var(--space-4);margin-inline-start:var(--inline-gutter)}}.notice{margin:0 0 var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.flash{animation:1.2s ease-out flash}@keyframes flash{0%{background:var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-accent)}}.input{align-items:end;gap:var(--space-2);display:flex}.input textarea{min-block-size:var(--target);max-block-size:10rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-stage);color:var(--color-ink);font:inherit;font-size:var(--text-input);text-align:start;resize:none;field-sizing:content;flex:1}.input textarea::placeholder{color:var(--color-muted);opacity:1}.input button{inline-size:var(--target);block-size:var(--target);border-radius:var(--radius-round);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;border:1px solid #0000;flex:none;place-items:center;display:grid}.input button[aria-busy=true]{opacity:.5;cursor:progress}.input svg{block-size:1.25rem;inline-size:1.25rem}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .input svg{transform:scaleX(-1)}@media (height<=60rem){.home:has(.panel[data-open=true]) .tagline{display:none}}@media (height<=45rem){.home>header{padding-block-start:max(var(--space-2), env(safe-area-inset-top))}.dock{padding:var(--space-2) var(--space-3);margin-block-end:max(var(--space-2), env(safe-area-inset-bottom))}.home:where(:has(.consent),:has(.pinned):not(:has(.explanations))){--stage-min:calc(30dvh + 1px + var(--target) + var(--space-2))}.home:where(:has(.player[data-compare])){--stage-min:calc(36dvh + 1px + var(--target) + var(--space-2))}}@media (height<=30rem){.home{--stage-min:calc(2 * var(--target) + 3 * var(--space-2))}.home .tagline{display:none}}