.at-water{--at-thumb:22px;gap:6px;display:grid}.at-water__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.at-water__label{font:600 16px / 1.3 var(--font-display)}.at-water__says{font:400 14px / 1.3 var(--font-display);color:var(--at-dim)}.at-water__track{height:28px;position:relative}.at-water__band{background:var(--at-faint);height:6px;transition:background-color var(--dur-2) var(--ease-out);position:absolute;top:11px}.at-water__band[data-on=true]{background:var(--blue)}.at-water__window{background:var(--at-line);width:2px;height:16px;margin-left:-1px;position:absolute;top:6px}.at-water__break{background:var(--charcoal);height:12px;position:absolute;top:8px}.at-water__input{top:0;left:calc(var(--at-thumb) / -2);width:calc(100% + var(--at-thumb));appearance:none;cursor:pointer;background:0 0;height:100%;margin:0;position:absolute}.at-water__input::-webkit-slider-runnable-track{background:0 0;height:100%}.at-water__input::-webkit-slider-thumb{width:var(--at-thumb);height:var(--at-thumb);appearance:none;background:var(--paper);border:3px solid var(--charcoal);margin-top:3px}.at-water__input::-moz-range-track{background:0 0}.at-water__input::-moz-range-thumb{box-sizing:border-box;width:var(--at-thumb);height:var(--at-thumb);background:var(--paper);border:3px solid var(--charcoal);border-radius:0}.at-water__ends{font:400 10.5px / 1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--at-dim);justify-content:space-between;display:flex}.at-water__chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.at-water__chip{border:1px solid var(--at-line);color:var(--at-dim);font:400 11px / 1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;padding:5px 10px}.at-water__chip:hover{color:var(--paper)}.at-water__chip[data-on=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}@media (min-width:900px){.at-water{grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;grid-template-areas:"head track chips""head ends chips";align-items:center;gap:0 24px}.at-water__head{grid-area:head;gap:2px;display:grid}.at-water__track{grid-area:track}.at-water__ends{grid-area:ends}.at-water__chips{flex-wrap:nowrap;grid-area:chips;margin-top:0}}@media (max-width:640px){.at-water__chips{flex-wrap:nowrap;justify-content:space-between;gap:4px}.at-water__chip{letter-spacing:.02em;padding:5px 6px;font-size:10px}}
.at-wheel{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.at-wheel:active{cursor:grabbing}.at-wheel__pipe{fill:var(--paper)}.at-wheel__knob{fill:var(--charcoal);stroke:var(--paper);stroke-width:3px}.at-wheel__pointer{stroke:var(--blue);stroke-width:4px;stroke-linecap:square}.at-wheel__stream{stroke:var(--blue);stroke-dasharray:12 5;animation:.45s linear infinite at-flow}.at-wheel__rim{fill:none;stroke:var(--at-line);stroke-width:2px}.at-wheel__spoke{stroke:var(--at-faint);stroke-width:1.5px}.at-wheel__spoke--index{stroke:var(--at-line);stroke-width:4px}.at-wheel__trace{fill:none;stroke:var(--paper);stroke-opacity:.45;stroke-width:1.5px;stroke-linejoin:round}.at-wheel__cupgroup{cursor:pointer}.at-wheel__back{fill:var(--charcoal)}.at-wheel__water{fill:var(--blue)}.at-wheel__cup{fill:none;stroke:var(--paper);stroke-width:2.5px}.at-wheel__drip{stroke:var(--blue);stroke-width:2.5px;stroke-dasharray:3 7;animation:.8s linear infinite at-drip}.at-wheel__ghost rect{fill:none;stroke:var(--paper);stroke-width:2px;stroke-dasharray:4 3;opacity:.8}.at-wheel__hub{fill:var(--paper);stroke:var(--charcoal);stroke-width:2px}.at-wheel__hub[data-dir=clockwise]{fill:var(--red)}.at-wheel__hub[data-dir=anticlockwise]{fill:var(--yellow)}.at-wheel__weight{fill:var(--paper);stroke:var(--charcoal);stroke-width:3px}.at-wheel[data-paused=true] .at-wheel__stream,.at-wheel[data-paused=true] .at-wheel__drip{animation-play-state:paused}@keyframes at-flow{to{stroke-dashoffset:-17px}}@keyframes at-drip{to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){.at-wheel__stream,.at-wheel__drip{animation:none}}
.at{--at-dim:color-mix(in srgb, var(--paper) 64%, transparent);--at-line:color-mix(in srgb, var(--paper) 34%, transparent);--at-faint:color-mix(in srgb, var(--paper) 16%, transparent);--at-rule:color-mix(in srgb, var(--paper) 20%, transparent);--at-pad:24px;border:2px solid var(--at-rule);background:var(--charcoal);max-width:1320px;color:var(--paper);font-family:var(--font-display);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"top top""wf pf""water water""wa pa""wr pr""err err";margin-inline:auto;display:grid}.at :focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.at-top{padding:18px var(--at-pad);border-bottom:2px solid var(--at-rule);grid-area:top;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.at-caption{max-width:72ch;min-height:2.8em;font:500 clamp(17px, 1.5vw, 20px) / 1.4 var(--font-display);letter-spacing:-.01em;margin:0}.at-top__controls{flex:none;gap:8px;display:flex}.at-control{align-items:center;gap:8px;display:inline-flex}.at-short{display:none}.at-control__icon{fill:currentColor;width:12px;height:12px}.at-fig{min-width:0;padding:18px var(--at-pad) 12px;grid-template-rows:auto auto 1fr;gap:4px;display:grid}.at-fig--wheel{grid-area:wf}.at-fig--path{border-left:2px solid var(--at-rule);grid-area:pf}.at .at-eyebrow{font:400 11px / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--at-dim);margin:0}.at-sub{font:400 14px / 1.45 var(--font-display);color:var(--at-dim);margin:0}.at-sub strong{color:var(--paper);font-weight:600}.at-figure{height:clamp(300px,min(34vw,100svh - 430px),520px);margin-top:8px;position:relative}.at-row--water{padding:14px var(--at-pad);border-block:2px solid var(--at-rule);grid-area:water}.at-cell{min-width:0;padding:16px var(--at-pad) 0}.at-cell--wheel-acts{grid-area:wa}.at-cell--path-acts{border-left:2px solid var(--at-rule);grid-area:pa}.at-cell--wheel-read{grid-area:wr;padding-bottom:18px}.at-cell--path-read{border-left:2px solid var(--at-rule);grid-area:pr;padding-bottom:18px}.at-path{position:absolute;inset:0}.at-path__canvas{touch-action:pan-y;cursor:crosshair;-webkit-tap-highlight-color:transparent;width:100%;height:calc(100% - 44px);position:absolute;inset:22px 0}.at-path__axis{font:400 11px / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--at-dim);pointer-events:none;position:absolute}.at-path__axis--top{top:0;left:50%;translate:-50%}.at-path__axis--bottom{bottom:0;left:50%;translate:-50%}.at-path__axis--left{color:var(--yellow);bottom:0;left:0}.at-path__axis--right{color:var(--red);bottom:0;right:0}.at-error{padding:16px var(--at-pad);color:var(--at-dim);grid-area:err;margin:0}@media (max-width:1100px){.at-path__axis--bottom{display:none}}
@media (max-width:640px){.at{--at-pad:12px;border-width:0;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"top top""wf pf""water water""wa wa""pa pa""wr wr""pr pr""err err"}.at-top{padding:14px var(--at-pad) 12px}.at-caption{min-height:4.2em;font-size:16px}.at-top__controls{gap:6px}.at-control{justify-content:center;width:40px;height:40px;padding:0}.at-control__label,.at-button__label,.at-long{display:none}.at-short{display:inline}.at-fig{padding:14px 8px 8px var(--at-pad)}.at-sub{font-size:12px}.at-figure{height:min(54vw,224px)}.at-path__canvas{height:calc(100% - 32px);inset:16px 0}.at-path__axis{letter-spacing:.02em;font-size:9px}.at-cell{padding:12px 8px 0 var(--at-pad)}.at-actions{gap:6px}.at-button{justify-content:center;min-width:40px;padding-inline:10px}.at-fig--path{border-left-width:1px;padding-left:10px}.at-cell--path-acts{padding:8px var(--at-pad) 0;border-left:0}.at-cell--wheel-read,.at-cell--path-read{padding:12px var(--at-pad) 14px;border-left:0}.at-cell--path-read{border-top:1px solid var(--at-rule)}}
.at-actions{flex-wrap:wrap;gap:8px;display:flex}.at-button{align-items:center;gap:8px;display:inline-flex}.at-turn{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:14px;height:14px}.at-readout{align-content:start;gap:8px;min-height:96px;margin:0;display:grid}.at-readout__text{font:400 14px / 1.5 var(--font-display);color:var(--at-dim);margin:0}.at-readout>.at-readout__text{color:var(--paper)}.at-tally__bar{background:var(--charcoal-3);height:10px;display:flex}.at-tally__bar [data-part]{transition:width var(--dur-2) var(--ease-out)}.at-tally__bar [data-part=settled-clockwise]{background:var(--red)}.at-tally__bar [data-part=clockwise]{background:color-mix(in srgb, var(--red) 45%, var(--charcoal))}.at-tally__bar [data-part=anticlockwise]{background:color-mix(in srgb, var(--yellow) 45%, var(--charcoal))}.at-tally__bar [data-part=settled-anticlockwise]{background:var(--yellow)}.at-digits{border-collapse:collapse;width:100%;max-width:420px;font:400 12px / 1.4 var(--font-mono);font-variant-numeric:tabular-nums}.at-digits th,.at-digits td{text-align:right;white-space:pre;padding:1px 0}.at-digits thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--at-dim);font-size:10.5px}.at-digits tbody th{text-align:left;font:400 12px / 1.4 var(--font-mono);color:var(--at-dim);padding-right:8px}.at-digits mark{color:var(--yellow);background:0 0}@media (max-width:640px){.at-readout{min-height:88px}.at-readout__text{font-size:13px}.at-digits{font-size:11px}}
.at-notes h3{font:600 18px / 1.3 var(--font-display);margin:28px 0 8px}.at-notes h3:first-child{margin-top:0}.at-notes p{max-width:68ch;margin:0}.at-notes p+p{margin-top:12px}.at-notes code{font:400 .86em / 1 var(--font-mono)}.at-notes .at-notes__math{border-left:2px solid var(--ink);font:400 15px / 1.8 var(--font-mono);padding-left:16px}.at-notes__list{gap:8px;max-width:68ch;margin:12px 0;padding-left:1.2em;display:grid}.at-sources{gap:10px;max-width:68ch;margin:0;padding-left:1.2em;font-size:14px;line-height:1.5;display:grid}.at-out{color:inherit;text-underline-offset:3px;text-decoration:underline}.at-out__arrow{width:.72em;height:.72em;margin-left:.28em}