*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}img,svg{display:block}:where(a,button,summary):focus-visible{outline-offset:3px}.wrap{width:100%;max-width:var(--container-max);padding-inline:var(--gutter);margin-inline:auto}.wrap-narrow{max-width:672px;margin-inline:auto}.result-layout{justify-items:stretch;display:grid}.stack>*+*{margin-top:var(--space-4)}.muted{color:var(--muted)}.fg-2{color:var(--fg-2)}.meta{color:var(--meta)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:var(--tracking-display)}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xs)}.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}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header__inner{align-items:center;gap:var(--space-4);min-height:60px;display:flex}.brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-announce);display:inline-flex}.brand__mark{color:var(--meta)}.site-nav{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.site-nav a,.site-nav button{align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);transition:background-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;display:inline-flex}.site-nav a:hover,.site-nav button:hover{background:var(--surface-quiet);color:var(--fg);text-decoration:none}.site-footer{margin-top:var(--section-y);border-top:1px solid var(--border);background:var(--surface)}.site-footer__inner{padding-block:var(--space-8);gap:var(--space-4);display:grid}.site-footer__links{gap:var(--space-4);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.site-footer__legal{gap:var(--space-1);font-size:var(--text-xs);color:var(--meta);display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--text-sm);font-weight:var(--weight-emphasize);transition:background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);display:inline-flex}.btn:hover{background:var(--surface-quiet);border-color:var(--muted);text-decoration:none}.btn:active{background:var(--border-soft);transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{background:var(--accent-active)}.btn--quiet{color:var(--muted);background:0 0;border-color:#0000}.btn--quiet:hover{background:var(--surface-quiet);color:var(--fg)}.btn--block{width:100%}.btn.is-loading{pointer-events:none;opacity:.7}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--elev-ring);transition:border-color var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease)}.card--flat{box-shadow:none;border:1px solid var(--border)}.card__title{font-size:var(--text-xl);font-weight:var(--weight-announce);letter-spacing:var(--tracking-display)}.card__note{color:var(--muted);font-size:var(--text-sm)}.divide>*+*{border-top:1px solid var(--border-soft)}.list-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);display:flex}.list-row__body{flex:1;min-width:0}.list-row__title{font-size:var(--text-lg);font-weight:var(--weight-emphasize)}.list-row__note{color:var(--muted);font-size:var(--text-sm)}.list-row__icon{color:var(--meta);flex:none}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-quiet);color:var(--muted);font-size:var(--text-xs);display:inline-flex}.accent-text{color:var(--accent)}.accent-soft{background:var(--accent-soft)}.crumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.crumbs a:hover{color:var(--fg)}.crumbs__sep{color:var(--meta)}.home-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;display:grid}.home-grid__main{gap:var(--space-3);grid-column:1/-1;align-content:start;display:grid}.home-grid__main .stage{min-height:320px}@media (width>=768px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid__main{grid-column:1/-1}}@media (width>=1024px){.home-grid{grid-template-columns:2fr 1fr 1fr}.home-grid__main{grid-column:auto}}.tool-card{gap:var(--space-3);flex-direction:column;min-height:180px;display:flex}.tool-card__head{align-items:center;gap:var(--space-2);color:var(--meta);display:flex}.tool-card__name{font-size:var(--text-lg);font-weight:var(--weight-announce);color:var(--fg)}.tool-card__desc{color:var(--muted);font-size:var(--text-sm);flex:1}.tool-card__link{font-size:var(--text-sm);font-weight:var(--weight-emphasize)}.tool-card--main{justify-content:space-between;min-height:320px}.tool-card--main .tool-card__name{font-size:var(--text-2xl)}.stage{justify-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-ring);display:grid}.stage__object{width:var(--tool-stage-max);aspect-ratio:1;border-radius:var(--radius-lg);background:var(--surface-quiet);max-width:100%;color:var(--accent);transition:transform var(--motion-instant) var(--ease), background-color var(--motion-instant) var(--ease);touch-action:manipulation;border:0;place-items:center;display:grid}.stage__object:hover{background:var(--border-soft)}.stage__object:active{transform:scale(.985)}.stage__object:disabled{opacity:.6;cursor:default}.stage__counter{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--weight-announce);color:var(--fg);font-variant-numeric:tabular-nums}.stage__counter--accent{color:var(--accent)}.stage__hint{color:var(--muted);font-size:var(--text-sm);text-align:center}.stage__controls{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.stage__meta{justify-content:center;gap:var(--space-4);color:var(--meta);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.stage__meta span{align-items:center;gap:var(--space-1);display:inline-flex}.bubble-grid{grid-template-columns:repeat(var(--bubble-columns,10), minmax(0, 1fr));gap:var(--space-2);width:var(--tool-stage-max);max-width:100%;padding-bottom:var(--space-2);display:grid}.bubble{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-quiet);min-width:0;min-height:0;transition:background-color var(--motion-instant) var(--ease), transform var(--motion-instant) var(--ease);padding:0}.bubble:hover{border-color:var(--muted)}.bubble.is-popped{background:var(--border-soft);transform:scale(.88)}.bubble.is-start{border-color:var(--accent)}.sticky-actions{z-index:2;gap:var(--space-2);padding:var(--space-3) var(--gutter);background:var(--surface);border-top:1px solid var(--border);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;display:flex;position:sticky;bottom:0}.state{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--muted);font-size:var(--text-sm);background:var(--surface-quiet)}.state--error{border-style:solid;border-color:var(--danger);color:var(--danger);background:var(--surface)}.state--success{border-style:solid;border-color:var(--success);color:var(--success);background:var(--surface)}.state__row{align-items:center;gap:var(--space-2);display:flex}.skeleton{border-radius:var(--radius-sm);background:var(--border-soft);width:100%;height:1em;margin-block:var(--space-2)}.state-note{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);display:flex}.baton-grid{padding-block:var(--space-2);font-family:var(--font-mono);font-size:var(--text-lg);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);white-space:pre-line;color:var(--fg-2);margin:0}.result-card{gap:var(--space-4);display:grid}.result-card__headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-announce);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.result-data{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xl);color:var(--fg-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.result-data__item{align-items:baseline;gap:var(--space-1);display:inline-flex}.result-data__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted)}.narrative{font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg-2)}.share-bar{gap:var(--space-3);display:grid}.share-bar__preview{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface)}.share-bar__preview canvas{max-width:100%;height:auto}.share-bar__fallback{gap:var(--space-2);display:grid}.copy-text{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-body);resize:vertical}.faq{border-top:1px solid var(--border-soft)}.faq__item{border-bottom:1px solid var(--border-soft)}.faq__q{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding-block:var(--space-2);cursor:pointer;font-weight:var(--weight-emphasize);font-size:var(--text-base);display:flex}.faq__q::marker{color:var(--meta)}.faq__a{padding-bottom:var(--space-4);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.prose{gap:var(--space-4);display:grid}.prose p{color:var(--fg-2);line-height:var(--leading-body)}.prose blockquote{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--fg);padding-left:var(--space-4);border-left:0}.section{padding-block:var(--section-y)}.section__head{gap:var(--space-2);margin-bottom:var(--space-3);display:grid}.section__title{font-size:var(--text-2xl);font-weight:var(--weight-announce);letter-spacing:var(--tracking-display)}.related{gap:var(--space-2);flex-wrap:wrap;display:flex}.related a{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);transition:border-color var(--motion-fast) var(--ease);display:inline-flex}.related a:hover{border-color:var(--muted);text-decoration:none}.fact-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.fact-table th,.fact-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:top}.fact-table th{color:var(--muted);font-weight:var(--weight-emphasize);width:34%}.fact-table td{color:var(--fg-2)}.consent{inset-inline:var(--gutter);bottom:var(--gutter);z-index:10;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--elev-raised);flex-wrap:wrap;display:flex;position:fixed}dialog[data-clear-dialog]{max-width:420px;width:calc(100% - var(--space-8));border:1px solid var(--border)}dialog[data-clear-dialog]::backdrop{background:color-mix(in srgb, var(--fg) 26%, transparent)}.stage__hint:empty,.stage__meta span:empty{display:none}.narrative,.muted,.card__note,.list-row__note,.state{overflow-wrap:anywhere}.stage__states{gap:var(--space-2);width:100%;display:grid}.stage--compact{padding:var(--space-4);gap:var(--space-3)}.stage--compact .stage__object{width:min(52vw,260px);color:var(--fg-2)}.stage--compact .sticky-actions{border:0;padding:0;position:static}.timer{justify-items:center;gap:var(--space-3);display:grid}.timer svg{transform:rotate(-90deg)}.timer .stage__controls{margin-top:0}.crumbs ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.crumbs li{align-items:center;gap:var(--space-2);display:inline-flex}.crumbs a{align-items:center;gap:var(--space-1);display:inline-flex}.consent__text{min-width:200px;color:var(--muted);font-size:var(--text-sm);flex:1}.consent[hidden]{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage__object:active,.btn:active{transform:none}}.home__lead{margin-top:var(--space-2)}.home__daily{margin-top:var(--space-1);font-size:var(--text-sm)}.home__stage{margin-top:var(--space-5)}.home__stage[hidden]{display:none}.home__more-link{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.baton-canvas{gap:var(--space-1);width:min(100%,360px);margin-block:var(--space-4);padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-quiet);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.baton-canvas__cell{aspect-ratio:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--border);border-radius:var(--radius-sm);place-items:center;line-height:1;display:grid}.baton-canvas__cell--background{color:var(--meta)}.baton-canvas__cell--stroke{color:var(--fg-2)}.baton-canvas__cell--latest{color:var(--accent);background:var(--accent-soft)}.baton-canvas__cell--breath{animation:breath var(--breath-seconds,6s) var(--ease) infinite;animation-delay:var(--breath-delay,0s)}.baton-canvas__cell.is-echo{background:var(--accent-soft)}@keyframes breath{0%,to{opacity:.5}50%{opacity:1}}.baton-plain{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm)}.baton-plain>summary{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);cursor:pointer;list-style:none;display:flex}.baton-plain>summary::-webkit-details-marker{display:none}.baton-plain>summary:before{content:"+";font-family:var(--font-mono);color:var(--meta)}.baton-plain[open]>summary:before{content:"−"}.baton-notes{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.baton-notes>summary{cursor:pointer;min-height:var(--touch-target-min);align-items:center;display:flex}.baton-notes p{padding-bottom:var(--space-2);line-height:var(--leading-body)}.baton-plain pre{margin-top:var(--space-2);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-tight);background:var(--surface-quiet);color:var(--fg-2);border-radius:var(--radius-sm);overflow-x:auto}.more{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.more--inline{margin-top:var(--space-4)}.more>summary{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);cursor:pointer;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-emphasize);list-style:none;display:flex}.more>summary::-webkit-details-marker{display:none}.more>summary:before{content:"+";font-family:var(--font-mono);color:var(--meta)}.more[open]>summary:before{content:"−"}.more>summary:focus-visible{outline:2px solid var(--accent)}.more__body{gap:var(--space-4);padding-top:var(--space-3);display:grid}.more--inline .more__body{gap:var(--space-2)}.consent{padding:var(--space-2) var(--space-3);gap:var(--space-2);align-items:center}.consent__text{font-size:var(--text-xs);min-width:0}.consent__detail{font-size:var(--text-xs);color:var(--muted)}.consent__detail>summary{min-height:var(--touch-target-min);white-space:nowrap;cursor:pointer;align-items:center;display:flex}.consent__detail p{max-width:48ch;padding-block:var(--space-2);line-height:var(--leading-body)}.consent .btn{min-height:var(--touch-target-min);padding-inline:var(--space-3);font-size:var(--text-xs)}.home>.section,.result-layout .section{padding-block:var(--space-4)}.home .more,.result-layout .more{margin-top:var(--space-3)}@media (width<=760px){.site-nav{gap:0}.site-nav a,.site-nav button{padding-inline:var(--space-2)}.baton-canvas{width:100%}.section__head{margin-bottom:var(--space-3)}.bubble-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (pointer:coarse){.bubble-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.baton-canvas__cell--breath{opacity:.8;animation:none}.baton-canvas__cell.is-echo{background:0 0}}
