:root{--accent: 24, 146, 255;--ground: #05060a;--ink: 236, 238, 243;--mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:rgb(var(--ink));font-family:var(--mono);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.plate{position:fixed;inset:0;pointer-events:none;padding:clamp(14px,2.4vmin,30px);display:grid;grid-template-rows:1fr auto auto;grid-template-columns:1fr auto;row-gap:0}.state{grid-row:1;grid-column:1 / -1;align-self:end;font-size:clamp(9px,1.2vmin,12px);letter-spacing:.22em;text-transform:uppercase;opacity:.62;min-height:2.9em;line-height:1.45;max-width:80ch}.state #detail{display:block;text-transform:none;letter-spacing:.05em;opacity:.68;font-size:.94em}.line{grid-row:2;grid-column:1;margin:.55em 0 1.5em;font-size:clamp(10px,1.32vmin,14px);letter-spacing:.045em;opacity:.62;max-width:56ch}.num{grid-row:2;grid-column:2;align-self:end;margin-bottom:1.5em;padding-left:2em;font-size:clamp(9px,1.15vmin,12px);letter-spacing:.06em;opacity:.34;text-align:right;white-space:nowrap;min-width:24ch;min-height:1.3em;font-variant-numeric:tabular-nums}.track{grid-row:3;grid-column:1 / -1;align-self:end;position:relative;height:1px;background:rgba(var(--ink),.16);pointer-events:auto;cursor:ew-resize;margin-bottom:2px}.track:before{content:"";position:absolute;inset:-14px 0}.tick{position:absolute;top:-2px;width:1px;height:5px;background:rgba(var(--ink),.26)}.knob{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:rgb(var(--accent));box-shadow:0 0 12px rgba(var(--accent),.55);transition:none}.intro{position:fixed;top:clamp(14px,2.4vmin,30px);left:clamp(14px,2.4vmin,30px);max-width:42ch;pointer-events:auto;z-index:2;font-size:clamp(10px,1.22vmin,13px);line-height:1.58;letter-spacing:.035em;color:rgba(var(--ink),.8);background:#05060af0;padding:13px 16px 11px;transition:opacity .42s ease}.intro.gone{opacity:0;pointer-events:none}.intro p{margin:0 0 .85em}.intro em{font-style:normal;color:rgb(var(--accent))}.introclose{appearance:none;border:0;background:none;padding:0;margin:0;color:rgb(var(--ink));font:inherit;letter-spacing:.18em;text-transform:uppercase;opacity:.5;cursor:pointer}.introclose:hover,.introclose:focus-visible{opacity:.9}.probe{position:fixed;top:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .12s ease;font-size:11px;line-height:1.55;letter-spacing:.08em;color:rgb(var(--ink));background:#05060ad1;padding:7px 9px 6px;white-space:nowrap;will-change:transform}.probe.on{opacity:.95}.probe .bar{display:flex;width:120px;height:5px;margin-bottom:6px}.probe .bar i{display:block;height:100%}.probe .mix{opacity:.85}.probe .sw i{display:inline-block;width:9px;height:9px;vertical-align:-1px;margin-left:3px}.probe .sw{opacity:.7;margin-top:2px}.probe .tail{opacity:.55;margin-top:2px}@media(max-width:560px){.plate{grid-template-rows:1fr auto auto auto}.line{grid-row:2;grid-column:1 / -1;max-width:34ch;margin-bottom:.7em}.num{grid-row:3;grid-column:1 / -1;align-self:start;margin:0 0 1.4em;padding-left:0;text-align:left;font-size:9px;min-width:0;white-space:normal;line-height:1.45}.state{grid-row:1;line-height:1.4;min-height:5.4em}.track{grid-row:4}.probe{font-size:10px}.probe .bar{width:96px}.intro{top:auto;bottom:clamp(14px,2.4vmin,30px);right:clamp(14px,2.4vmin,30px);max-width:none;font-size:11px;background:var(--ground)}}