.bar[data-astro-cid-qhme4oun]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:20px;display:flex}.switch[data-astro-cid-qhme4oun]{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative;@media (width<=600px){width:100%;display:grid}&:before{background:var(--ink);border-radius:var(--radius-full);width:calc(50% - 3px);transition:translate .45s var(--ease-out);content:"";position:absolute;inset:3px auto 3px 3px}&:has(button[value=after][aria-pressed=true]):before{translate:100%}& button{min-width:104px;height:34px;color:var(--muted);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;transition:color .3s;display:inline-flex;position:relative;@media (pointer:coarse){height:40px}&:before{background:var(--bad);content:"";border-radius:50%;width:7px;height:7px}&[value=after]:before{background:var(--good)}&[aria-pressed=true]{color:var(--bg)}}}.stage[data-astro-cid-qhme4oun]{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}figure[data-astro-cid-qhme4oun]{padding:44px 24px 36px;position:relative;@media (width<=600px){padding:28px 20px}}canvas[data-astro-cid-qhme4oun]{width:100%;height:100%;position:absolute;inset:0}ol[data-astro-cid-qhme4oun]{justify-content:space-between;gap:14px;display:flex;position:relative;@media (width<=600px){flex-direction:column;gap:34px}}li[data-astro-cid-qhme4oun]{text-align:center;align-content:start;justify-items:center;gap:4px;width:18%;display:grid;@media (width<=600px){text-align:left;grid-template-columns:52px 1fr;place-items:center start;gap:0 18px;width:100%;& i{grid-row:1/3;margin:0!important}}& i{width:52px;height:52px;font:500 12px/1 var(--font-mono);color:var(--accent);background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);transition:border-color .25s ease, box-shadow .25s ease, color .25s ease, scale .3s var(--ease-out);border-radius:50%;place-items:center;margin-bottom:14px;font-style:normal;display:grid}& strong{font-size:15px;line-height:1.3}& span{font:13px/1.4 var(--font-mono);color:var(--muted)}&[data-flash=bad] i[data-astro-cid-qhme4oun]{color:var(--bad);border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb, var(--bad) 22%, transparent);scale:1.12}&[data-flash=good] i[data-astro-cid-qhme4oun]{color:var(--good);border-color:var(--good);box-shadow:0 0 0 4px color-mix(in srgb, var(--good) 22%, transparent);scale:1.12}&[data-flash=hit] i[data-astro-cid-qhme4oun]{border-color:var(--accent);box-shadow:0 0 0 4px var(--glow);scale:1.12}}dl[data-astro-cid-qhme4oun]{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;@media (width<=600px){grid-template-columns:1fr}&>div[data-astro-cid-qhme4oun]{background:var(--bg);flex-direction:column-reverse;gap:6px;padding:22px 24px;display:flex}&[data-state=bad]>div[data-astro-cid-qhme4oun]:last-child dd[data-astro-cid-qhme4oun]{color:var(--bad)}&[data-state=good]>div[data-astro-cid-qhme4oun]:last-child dd[data-astro-cid-qhme4oun]{color:var(--good)}}dt[data-astro-cid-qhme4oun]{font:13px/1.4 var(--font-mono);color:var(--muted)}dd[data-astro-cid-qhme4oun]{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);font-size:clamp(2rem,4.4vw,3rem);font-weight:600;line-height:1}.legend[data-astro-cid-qhme4oun]{font:13px/1.4 var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:8px 22px;display:flex;& li{text-align:left;flex-direction:row;align-items:center;gap:9px;width:auto;display:flex;&:before{background:var(--accent);content:"";border-radius:50%;width:10px;height:10px}&:nth-child(2):before{border:1.5px dashed var(--accent);box-shadow:none;background:0 0}&:nth-child(3):before{background:var(--muted);box-shadow:none;border-radius:2px;rotate:45deg}&:nth-child(4):before{background:var(--bad)}}}.caption[data-astro-cid-qhme4oun]{max-width:64ch;min-height:3.4em;color:var(--ink);margin-top:20px;font-size:16px;line-height:1.7;& small{font:13px var(--font-mono);color:var(--muted);margin-top:6px;display:block}}.aside[data-astro-cid-vrw26y3a]{color:var(--muted);margin-top:32px}