:root{--ink:#18181b;--ink-2:#52525b;--dim:#a1a1aa;--faint:#e4e4e7;--bg:#fff;--block:#fafafa;--accent:#15803d;--accent-soft:#15803d1f;--fs:12.5px;--lh:1.65;--ease-out:cubic-bezier(.2, 0, 0, 1);--btn-radius:8px;--btn-shadow:0 1px 2px #0000001a, 0 2px 6px -2px #0000001f;--ease-icon:var(--ease-out);--dur-icon:.2s}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs);line-height:var(--lh);color:var(--ink);background:var(--bg);overflow-x:clip}::selection{background:var(--accent-soft)}.page{max-width:600px;margin:0 auto;padding:34px 20px 60px}i{font-style:normal}.s{color:var(--dim);-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}[data-r]{animation:enter .5s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms)}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.doc-top{color:var(--dim);white-space:nowrap;justify-content:space-between;align-items:baseline;margin-bottom:34px;display:flex}.coil{color:var(--accent);transform-origin:50%;will-change:transform;display:inline-block}.lbtn{font:inherit;color:#fff;background:var(--ink);border-radius:var(--btn-radius);corner-shape:squircle;cursor:pointer;height:22px;box-shadow:var(--btn-shadow);transition:background .16s var(--ease-out), scale .14s var(--ease-out);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10.5px;line-height:1;display:inline-flex;position:relative}.lbtn:after{content:"";position:absolute;inset:-6px}.lbtn:hover{background:#27272a}.lbtn:active{scale:.96}.lbtn svg{flex:none;width:10px;height:10px;display:block}.lbtn svg [data-color=color-2]{opacity:.55}.ic{flex:none;justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.ic svg{width:10px;height:10px;transition:opacity var(--dur-icon) var(--ease-icon), scale var(--dur-icon) var(--ease-icon), filter var(--dur-icon) var(--ease-icon);position:absolute;inset:0}.ic .ic-check,.lbtn.done .ic-copy{opacity:0;filter:blur(4px);scale:.25}.lbtn.done .ic-check{opacity:1;filter:blur();scale:1}.lbtn.soft{background:var(--bg);color:var(--ink-2);box-shadow:0 0 0 1px #00000012, var(--btn-shadow)}.lbtn.soft:hover{background:var(--block);color:var(--ink)}.lbtn.soft.on{background:var(--ink);color:#fff;box-shadow:var(--btn-shadow)}.lnk{color:var(--ink-2);transition:color .16s var(--ease-out);white-space:nowrap;align-items:center;gap:.45ch;text-decoration:none;display:inline-flex}.lnk:hover{color:var(--accent)}.lnk svg{flex:none;width:11px;height:11px;display:block}.lbtn.icon{width:22px;padding:0}h1{margin-bottom:14px;font-size:15px;font-weight:700;line-height:1.4}h1 .s{font-weight:400}.caret{vertical-align:-.14em;background:var(--accent);width:.62ch;height:1.02em;margin-left:3px;animation:1.12s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.bq{color:var(--ink-2);text-indent:-2.2ch;max-width:62ch;margin-bottom:40px;padding-left:2.2ch}.bq .s{margin-right:.4ch}section{margin-bottom:36px}.label{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:500;display:flex}.label .r{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.fence{margin-bottom:10px}.fl{color:var(--dim);-webkit-user-select:none;user-select:none}.fl.foot{justify-content:space-between;align-items:baseline;margin-top:8px;margin-bottom:2px;display:flex}.fb{background:var(--block);border-radius:4px;padding:10px 12px;overflow:hidden}.srow{grid-template-columns:10ch 1fr 4.5ch;align-items:center;gap:10px;padding:5px 0;display:grid}.srow label{color:var(--ink-2);font-size:11.5px}.srow output{text-align:right;font-variant-numeric:tabular-nums;font-size:11.5px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--faint);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:7px;height:15px;transition:background .14s var(--ease-out), scale .12s var(--ease-out);border-radius:1.5px;margin-top:-6.5px}input[type=range]:active::-webkit-slider-thumb{background:var(--accent);scale:1.3 1.15}input[type=range]::-moz-range-thumb{transition:background .14s var(--ease-out), scale .12s var(--ease-out)}input[type=range]:active::-moz-range-thumb{background:var(--accent);scale:1.3 1.15}input[type=range]::-moz-range-track{background:var(--faint);height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:1.5px;width:7px;height:15px}input[type=range]:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.presets{border-top:1px solid var(--faint);flex-wrap:wrap;gap:14px;margin-top:7px;padding-top:9px;display:flex}.plot{cursor:crosshair;touch-action:pan-y;position:relative}.plot .cur{border-left:1px dashed var(--ink-2);opacity:0;pointer-events:none;width:0;transition:opacity .16s var(--ease-out);position:absolute;top:0;bottom:0}.plot.scrub .cur{opacity:1}.plot pre{letter-spacing:0;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:13px;overflow:hidden}.plot .guides{color:var(--faint)}.plot .art{color:var(--accent);position:absolute;inset:0}.meta{color:var(--dim);font-variant-numeric:tabular-nums;justify-content:space-between;padding:2px 1px 0;font-size:11.5px;display:flex}.rail-line{height:20px;position:relative;overflow:hidden}.rail{color:var(--faint);white-space:pre;line-height:20px}.ball{color:var(--accent);line-height:20px;position:absolute;top:0;left:0}.ball.plain{color:var(--dim)}.tick{color:var(--dim);-webkit-user-select:none;user-select:none;pointer-events:none;line-height:20px;position:absolute;top:0}.run-row{justify-content:space-between;align-items:baseline;margin-top:10px;padding:2px 1px 0;display:flex}.run-row .hint{color:var(--dim);font-size:11.5px}.cmp{grid-template-columns:18ch 1fr;align-items:center;gap:12px;padding:3px 0;display:grid}.cmp .cn{color:var(--ink-2);white-space:nowrap;font-size:11.5px}.cmp .cn.accent{color:var(--accent)}.cmp .rail-line{height:16px}.cmp .rail,.cmp .ball,.cmp .tick{line-height:16px}.code{white-space:pre-wrap;overflow-wrap:break-word;color:var(--ink-2);font-size:12px;line-height:1.7}.code .k{color:var(--ink)}.code .c{color:var(--dim)}.tk-kw{color:#8250df}.tk-str{color:var(--accent)}.tk-num{color:#b45309}.tk-sel{color:#0f766e}.tk-pun{color:var(--dim)}.fl .lang{color:var(--ink-2)}.fb.has-ln{padding-left:calc(14px + 4ch);position:relative}.ln{text-align:right;width:3ch;color:var(--dim);white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;line-height:20.4px;position:absolute;top:10px;left:12px}.linear-out{text-indent:-7ch;color:var(--ink);padding-left:7ch}.note{color:var(--ink-2);text-indent:-2.2ch;margin-top:6px;padding-left:2.2ch;font-size:11.5px}.note .s{margin-right:.4ch}.hr{color:var(--dim);-webkit-user-select:none;user-select:none;margin:42px 0 12px}footer{color:var(--dim);justify-content:space-between;align-items:baseline;font-size:11.5px;display:flex}footer .links{gap:14px;display:flex}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@media (width<=520px){.page{padding:24px 14px 48px}.cmp{grid-template-columns:15ch 1fr}}@media (hover:hover){input[type=range]:hover::-webkit-slider-thumb{scale:1.3 1.15}input[type=range]:hover::-moz-range-thumb{scale:1.3 1.15}.fl.foot .lbtn:not(:hover):not(.done):not(.on){opacity:.8}.fl.foot .lbtn{transition:background .16s var(--ease-out), opacity .16s var(--ease-out), scale .14s var(--ease-out)}}@media (prefers-reduced-motion:reduce){[data-r],.caret{animation:none}*{transition-duration:.01ms!important}}.code .stop{transition:background .12s var(--ease-out);border-radius:2px}.code .stop.hot{background:var(--accent-soft)}