.st-hw{font:400 1.18em/1 var(--hand);letter-spacing:0;color:var(--signal);display:inline-block;transform:rotate(-3deg)}.st-body{position:relative}.st-body>.dot{top:14px}.st-body h2,.wk-text h2{max-width:18ch;transition:rotate .5s var(--ease)}.wk-text h2{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}.st-text{gap:var(--sp-2);margin-top:var(--sp-3);max-width:58ch;font-size:var(--fs-lead);color:var(--muted);display:grid}.st-solder{margin:0;line-height:0;position:absolute;top:0;right:4%}.st-solder .sprite{--h:clamp(220px,24vw,300px)}.st-nums{max-width:820px;margin-top:var(--sp-4)}.st-nums dt{color:var(--signal);font-size:clamp(24px,5.4vw,72px)}.st-taught{margin-top:var(--sp-4);font-size:var(--fs-body)}.st-learnt{margin-top:var(--sp-4)}:root{--humor:.75}.hm-dry,.hm-max,.dial,:root:not(.has-dial) .st-dial,[data-humor=dry] :is(.hm-fun,.hm-mid),[data-humor=max] .hm-mid{display:none}[data-humor=dry] .hm-dry,[data-humor=max] h1 .hm-max{display:inline}[data-humor=max] .hm-max{margin-left:6px;display:inline-block}[data-humor=max] h1 .hm-max{margin:0}.hm-live :is(.hm-fun,.hm-mid,.hm-dry,.hm-max){animation:hm-in .4s var(--ease)}@keyframes hm-in{0%{opacity:0;filter:blur(6px)}}body{--sig0:var(--signal)}.has-dial :is(main,footer){--signal:color-mix(in srgb,var(--sig0) calc(min(var(--humor)/.75,1)*100%),var(--muted))}[data-humor=max] .ch:nth-of-type(odd) :is(.st-body h2,.wk-text h2){rotate:-1.6deg}[data-humor=max] .ch:nth-of-type(2n) :is(.st-body h2,.wk-text h2){rotate:1.2deg}.st-hero>.wrap{grid-template-columns:minmax(0,1fr) clamp(280px,34vw,400px)}.st-dial{justify-content:center;align-items:stretch;gap:var(--sp-2)}.st-stage{height:clamp(240px,36vh,340px);position:relative}.st-stage:after{content:"";z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 30%,transparent),transparent);border-radius:50%;height:14px;position:absolute;bottom:2px;left:18%;right:18%}.st-stage canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.st-stage canvas:active{cursor:grabbing}.st-dial-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-2);display:flex}.st-dial-k,.st-scale{font:500 var(--fs-xs)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.st-dial-n{font:600 clamp(48px,5vw,72px)/.9 var(--sans);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--signal);transform-origin:100% 100%;scale:calc(.8 + var(--humor)*.2);transition:rotate .5s var(--ease),color .3s;display:block}[data-humor=max] .st-dial-n{rotate:-4deg}.st-credit{font-size:var(--fs-s);line-height:1.5}.st-credit a{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.st-range{appearance:none;cursor:grab;background:0 0;width:100%;height:44px;margin:0}.st-range:active{cursor:grabbing}.st-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--signal) calc(var(--humor)*100%),var(--line) 0);border-radius:99px;height:10px}.st-range::-moz-range-track{background:linear-gradient(90deg,var(--signal) calc(var(--humor)*100%),var(--line) 0);border-radius:99px;height:10px}.st-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid var(--paper);width:34px;height:34px;box-shadow:0 0 0 2px var(--signal),0 8px 16px -6px #00000080;border-radius:50%;margin-top:-12px;transition:scale .16s ease-out}.st-range::-moz-range-thumb{background:var(--ink);border:3px solid var(--paper);width:28px;height:28px;box-shadow:0 0 0 2px var(--signal),0 8px 16px -6px #00000080;border-radius:50%}.st-range:active::-webkit-slider-thumb{scale:1.14}.st-scale{letter-spacing:.1em;justify-content:space-between;display:flex}.st-dial-hint{margin-top:var(--sp-1);align-self:flex-start;transition:opacity .4s;transform:rotate(-3deg)}.hm-live .st-dial-hint{opacity:0}.has-dial .dial{top:calc(12px + env(safe-area-inset-top,0px));z-index:30;width:max-content;max-width:calc(100% - var(--gl) - var(--gr));margin:var(--sp-3) var(--gr) calc(-44px - var(--sp-3)) auto;border:1px solid var(--line);background:var(--raised);min-height:44px;box-shadow:0 14px 30px -20px color-mix(in srgb,var(--ink) 60%,transparent);font:500 var(--fs-xs)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky}.dial input{width:120px;accent-color:var(--signal);cursor:pointer;margin:0}.dial output{min-width:4ch;color:var(--ink);font-variant-numeric:tabular-nums}.dial-say{border-left:1px solid var(--line);font:400 var(--fs-hand-s)/1 var(--hand);letter-spacing:.02em;text-transform:none;color:var(--signal);padding-left:10px}.st-fall{transform-origin:50% 100%;display:inline-block}.js [data-reveal=words].shown .st-fall{animation:2.6s both st-fall}.js [data-reveal=words].shown .st-lot .w{transition-delay:2.3s}@keyframes st-fall{0%,30%{animation-timing-function:ease-in;transform:none}42%{transform:perspective(600px)rotateX(86deg)}47%{transform:perspective(600px)rotateX(72deg)}52%,74%{animation-timing-function:cubic-bezier(.3,1.4,.5,1);transform:perspective(600px)rotateX(86deg)}to{transform:none}}.st-split{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 300px;align-items:center;display:grid}.st-receipt{--r:2deg;filter:drop-shadow(0 18px 22px #281e0a47);transform:rotate(var(--r));transition:transform .5s var(--ease)}[data-humor=dry] .st-receipt{--r:0deg}.st-receipt ul{background:var(--print);color:var(--print-ink);font:500 var(--fs-xs)/1.3 var(--mono);margin:0;padding:22px 20px 30px;list-style:none;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}.st-receipt li{border-bottom:1px dashed color-mix(in srgb,var(--print-ink) 30%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.st-receipt .rc-head{letter-spacing:.14em;text-transform:uppercase;justify-content:center}.st-receipt b{font-weight:500}.st-receipt small{color:color-mix(in srgb,var(--print-ink) 60%,transparent);margin-top:3px;font-size:11px;display:block}.st-receipt i{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--print-signal);border:1.5px solid;border-radius:4px;flex:none;padding:5px 7px;rotate:-5deg}.st-receipt .cloud i{color:color-mix(in srgb,var(--print-ink) 62%,transparent);rotate:4deg}.st-receipt .rc-total{font-size:var(--fs-body);border-bottom:0;font-weight:600}.st-receipt .rc-total b{font-weight:600}.st-receipt .rc-note{font:400 var(--fs-hand)/1 var(--hand);color:var(--print-signal);border:0;justify-content:flex-end;padding:0;rotate:-4deg}.js .st-receipt li{transition:opacity 10ms linear calc(.5s + var(--i,0)*.22s)}.js .st-receipt i{transition:opacity .12s linear calc(1.9s + var(--i,0)*.14s),scale .3s cubic-bezier(.3,1.6,.5,1) calc(1.9s + var(--i,0)*.14s)}.js .st-receipt:not(.shown) :is(li,i){opacity:0}.js .st-receipt:not(.shown) i{scale:1.8}@media (width<=900px){.st-solder{display:none}.st-split{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.st-receipt{max-width:300px}}@media (width<=760px){.st-hero>.wrap{grid-template-columns:minmax(0,1fr)}.st-dial{flex-direction:column;align-items:stretch;min-height:0}.dial-say{display:none}.dial input{width:96px}}
