:root{--white:#f1f4f4;--steel-2:#c6d0d3;--ink-2:#3c484e;--accent:#7fd3e0;--ease-out:cubic-bezier(.22,.8,.2,1);--on-water:#f2f4f3;--clear-amt:0;color-scheme:light}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0}a{color:inherit}button{font:inherit;color:inherit}.water-canvas{height:100lvh}.water-stage{--murk: #3e4744;-webkit-user-select:none}.water-stage.is-gl[data-stage="4"]{cursor:crosshair}.water-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;z-index:1}#water,.pin-spacer:has(>#water){width:100%!important;max-width:100%!important}.water-stage.is-gl:before,.water-stage.is-gl:after{display:none}.copy-panel{bottom:calc(100lvh - 100svh)}.copy-panel a,.copy-panel button{pointer-events:auto}.copy-panel-hero .soon{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}#p-raw .copy-panel-inner>*{opacity:0;animation:tarn-show 0s linear 2.5s forwards}.tarn-ready #p-raw .copy-panel-inner>*{opacity:1;animation:none}.no-js .copy-panel-stage{visibility:visible}.readout{bottom:calc(28px + env(safe-area-inset-bottom,0px) + 100lvh - 100svh)}.readout-state{min-height:1lh}.readout-stage-button{border:1px solid color-mix(in oklab,currentColor 32%,transparent)}.readout-stage-button:hover{border-color:color-mix(in oklab,currentColor 70%,transparent)}.readout-stage-button.is-done{opacity:.92;border-color:color-mix(in oklab,currentColor 60%,transparent)}.readout-stage-button.is-now{opacity:1;border-color:currentColor;background:color-mix(in oklab,currentColor 14%,transparent)}.water-prompt{top:calc(50% - ((100lvh - 100svh)/2))}.readout-gauge:empty{visibility:hidden}.readout-gauge svg{display:block;width:100%;height:100%;overflow:visible}.g-line{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.g-needle{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.g-fill{fill:currentColor;opacity:.22}.g-dot{fill:currentColor}.g-last{fill:var(--clear);stroke:currentColor;stroke-width:.75;vector-effect:non-scaling-stroke}.water-floor-caption{bottom:calc(28px + env(safe-area-inset-bottom,0px) + 100lvh - 100svh)}.water-floor-caption>span>span{display:block}.water-floor-caption>span>span+span{text-wrap:balance}.tag{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(-7px,-7px);font:500 .68rem/1 var(--f-mono);letter-spacing:.08em;white-space:nowrap;transition:opacity .8s var(--ease-out)}.tag i{position:relative;width:14px;height:14px;border:1px solid currentColor;border-radius:50%}.tag i:after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor}.tag span{padding:6px 9px;background:color-mix(in oklab,var(--paper) 72%,transparent);border:1px solid color-mix(in oklab,currentColor 28%,transparent)}.tag.is-gone{opacity:0}.water-stage:not([data-stage="4"]) .readout-log{display:none}.water-stage:not(.is-gl) .water-prompt,.water-stage:not(.is-gl) .readout-instrument,.water-stage:not(.is-gl) .readout-extra,.water-stage:not(.is-gl) .water-floor-caption{display:none}::selection{background:var(--clear);color:var(--ink)}:focus-visible{outline:2px solid var(--clear-on-light);outline-offset:3px}.water-stage :focus-visible{outline-color:var(--clear)}a[href],button,[role=button],summary,label[for]{cursor:pointer}@container (max-width:860px){.water-prompt{display:none}}@container (max-width:560px){.readout{top:calc(104px + env(safe-area-inset-top,0px));bottom:auto;gap:6px}}@container (max-width:560px){.readout-stages{display:none}}@container (max-width:560px){.water-floor-caption{max-width:calc(100cqi - 32px)}}@container (max-width:560px){.copy-panel-row{flex-wrap:nowrap;gap:18px}}@container (max-width:560px){.copy-panel-label.copy-panel-cue{max-width:7.2em;line-height:1.45}}@container (max-width:560px){.copy-panel.copy-panel-stage{align-items:flex-end;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}@container (max-width:560px){.copy-panel.copy-panel-hero{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.readout-stage-button,.water-prompt-text{transition:none}}@keyframes tarn-show{to{opacity:1}}