:root{--paper:#fff;--ink:#111;--coral:#ff6f61;--turq:#2ec4b6;--turq-deep:#1a8c82;--font-hand:"Shantell Sans", "Comic Neue", "Segoe Print", system-ui, sans-serif;--font-brush:"Potta One", "Shantell Sans", system-ui, sans-serif;--font-machine:"DotGothic16", ui-monospace, "SFMono-Regular", monospace;--gutter:clamp(12px, 1.4vw, 22px);--rule:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.35}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}svg{overflow:visible}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb, var(--coral) 55%, transparent);border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.narration{background:var(--paper);border:var(--rule) solid var(--ink);padding:.35em .7em .4em;font-size:.95em;font-weight:500;line-height:1.3;display:inline-block}.tone{background-image:radial-gradient(var(--tone-color,var(--turq)) 1.3px, transparent 1.7px);background-size:7px 7px}html[data-intro=play] [data-step]{visibility:hidden;animation:0s 5s forwards intro-failsafe}@keyframes intro-failsafe{to{visibility:visible}}.pending{visibility:hidden}html[data-subscribed] .when-new,html:not([data-subscribed]) .when-subscribed{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}