.demo.svelte-1c5fiyw{margin-block:0 2rem}.readout.svelte-1c5fiyw{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;color:var(--element);font-size:.875rem}output.svelte-1c5fiyw{color:var(--element-alt);font-variant-numeric:tabular-nums}.slider.svelte-1c5fiyw{--blood-color: oklch(.55 .18 23);--water-color: color-mix(in oklab, oklch(from var(--element-alt) l c 245), var(--blood-color) var(--blood-tint));position:relative;height:64px}.tank.svelte-1c5fiyw{display:block;width:100%;height:100%;overflow:visible}.track.svelte-1c5fiyw{fill:var(--bg-alt)}.rim.svelte-1c5fiyw{fill:none;pointer-events:none}.divider.svelte-1c5fiyw{fill:var(--element-alt)}.surface.svelte-1c5fiyw{fill:none;stroke:oklch(from var(--water-color) calc(l + .12) c h);stroke-width:1;stroke-opacity:.5}.water-fill.svelte-1c5fiyw{fill:var(--water-color)}.fish.svelte-1c5fiyw{color:color-mix(in oklab,oklch(from var(--element-alt) calc(l + .08) c var(--fish-hue)),var(--blood-color) var(--injury))}.dead.svelte-1c5fiyw{opacity:.8}.fish-body.svelte-1c5fiyw,.fish-tail.svelte-1c5fiyw{fill:currentColor}.fish-tail.svelte-1c5fiyw{transform-box:fill-box;transform-origin:right center;animation:svelte-1c5fiyw-tail var(--tail-duration) ease-in-out infinite alternate}.dead.svelte-1c5fiyw .fish-tail:where(.svelte-1c5fiyw){animation:none}.fish-fin.svelte-1c5fiyw{fill:var(--bg-alt);fill-opacity:.2}.fish-eye.svelte-1c5fiyw{fill:var(--bg)}.dead-eye.svelte-1c5fiyw{fill:none;stroke:var(--bg);stroke-width:1.1;stroke-linecap:round}.blood-drop.svelte-1c5fiyw{fill:var(--blood-color)}.tank-status.svelte-1c5fiyw{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.8rem;color:var(--element);font-size:.75rem}button.svelte-1c5fiyw{flex-shrink:0;border:0;background:none;color:var(--element-alt);font:inherit;padding:.25rem 0;cursor:pointer}button.svelte-1c5fiyw:hover{text-decoration:underline}button.svelte-1c5fiyw:focus-visible{outline:1px solid var(--element-alt);outline-offset:4px}@keyframes svelte-1c5fiyw-tail{0%{transform:scale(.85,.6)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.fish-tail.svelte-1c5fiyw{animation:none}}input.svelte-1c5fiyw{position:absolute;inset:0;width:calc(100% - var(--end-gap));height:100%;margin:0;opacity:0;cursor:grab;touch-action:none;appearance:none;z-index:2}input.svelte-1c5fiyw:active{cursor:grabbing}input.svelte-1c5fiyw::-webkit-slider-thumb{appearance:none;width:var(--divider-width);height:100%}input.svelte-1c5fiyw::-webkit-slider-runnable-track{height:100%}input.svelte-1c5fiyw::-moz-range-track{height:100%}input.svelte-1c5fiyw::-moz-range-thumb{width:var(--divider-width);height:100%;border:0}.slider.svelte-1c5fiyw:has(input:where(.svelte-1c5fiyw):focus-visible) .rim:where(.svelte-1c5fiyw){stroke:var(--element-alt);stroke-width:2}@media(max-width:480px){.slider.svelte-1c5fiyw{height:56px}}.project-page.svelte-1oni1n3{max-width:var(--site-width);margin:0 auto}header.svelte-1oni1n3{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #3d3339}h1.svelte-1oni1n3{margin-bottom:.5rem;font-size:2.5rem;font-weight:600}.meta.svelte-1oni1n3{display:flex;align-items:center;gap:.75rem;color:var(--element);font-size:.875rem;margin-bottom:1rem}.tag.svelte-1oni1n3{font-size:.75rem;background:var(--bg-alt);padding:.2rem .5rem;border-radius:4px;text-transform:capitalize}.description.svelte-1oni1n3{color:var(--element);line-height:1.6}