:root{color-scheme:dark;--ink:#06100f;--paper:#e9eee4;--acid:#c8ff68;--muted:#aebdb6;--line:#34443d}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:1rem/1.6 system-ui,sans-serif}a{color:inherit}header{max-width:1200px;margin:auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}header a{text-decoration:none;font-weight:700}header a>span:first-child{color:var(--acid)}.home{font-weight:400;font-size:.9rem;margin-left:.8rem}.edition,.eyebrow{font:.875rem/1.6 monospace;letter-spacing:.09em;color:var(--acid)}main{max-width:1200px;padding:1rem 1.5rem;margin:auto}h1{font-size:clamp(2.7rem,7vw,4.4rem);line-height:1.1;letter-spacing:-.055em;margin:.25rem 0 .7rem}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.eyebrow{margin:.25rem 0}.intro{color:var(--muted);margin:0 0 1.6rem}.experiment{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:2rem;align-items:start}.water-stage{position:sticky;top:1rem;border:1px solid #3e686451;border-radius:1.15rem;overflow:hidden;background:#082127;box-shadow:0 25px 85px #0005}.water-stage canvas{display:block;width:100%;height:clamp(360px,44vw,570px);touch-action:none;cursor:crosshair}.scene-top,.scene-bottom{position:absolute;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;gap:.75rem;pointer-events:none}.scene-top{top:1.1rem;font:.75rem/1.4 monospace;letter-spacing:.09em;color:#b9ddd1}.scene-top #input-state{color:#a0c9c4;text-align:right}.scene-bottom{bottom:1rem;font-size:.8rem;color:#b8d3cc;align-items:end}.scene-bottom>span:first-child{max-width:72%}.level-indicator{white-space:nowrap;font:.75rem/1.6 monospace;letter-spacing:.02em}.level-indicator output{color:var(--acid);font-size:1.1rem}.stage{border-bottom:1px solid var(--line);padding:0 0 1.2rem;margin-bottom:1.2rem}#status{font-size:.875rem;color:var(--acid);margin:0}blockquote{margin:1.1rem 0;font:clamp(1.7rem,3vw,2.35rem)/1.22 Georgia,serif;min-height:3.6em;overflow-wrap:anywhere}#pose,#help,details,footer{color:var(--muted)}#pose{font-size:.875rem;margin:0}.actions,.water-actions{display:flex;flex-wrap:wrap;gap:.55rem}.water-actions{margin-top:.6rem}.water-actions button{flex:1}button,select{font:inherit;font-size:.9rem;border:1px solid var(--line);border-radius:.65rem;background:#10201a;color:var(--paper);padding:.65rem .85rem;min-height:46px}button{cursor:pointer}button.primary{background:var(--acid);color:var(--ink);font-weight:650;flex:1 1 65%}.actions #stop{flex:1}.actions #sample{background:transparent;flex:1 1 100%;min-height:42px}.water-actions #preview{border-color:#74c9be66;color:#c4f6e9}#preview[aria-pressed=true]{background:#205768;color:#ecfffb}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #72ead5;outline-offset:3px}#help{font-size:.875rem;margin:1rem 0;min-height:3em}.settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.8rem;padding:.7rem 0 0;border-top:1px solid var(--line)}label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem}select{width:100%;min-width:0;padding-right:1.5rem}.mute{grid-column:1/-1;flex-direction:row;align-items:center;min-height:44px;gap:.65rem}input{accent-color:var(--acid)}input[type=checkbox]{width:1.2rem;height:1.2rem}input[type=range]{width:100%;height:30px;margin:0;cursor:pointer}.water-settings{padding:.9rem 0 0}.tilt-controls{margin:.55rem 0 0;border-top:1px solid #34443d88}.tilt-controls summary{font-size:.875rem;min-height:44px}.tilt-controls summary span{color:var(--muted);font-size:.8rem;margin-left:.5rem}.tilt-controls[open]{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.tilt-controls summary{grid-column:1/-1}.small{padding:.3rem .65rem;font-size:.8rem;min-height:40px;background:transparent;margin-top:.3rem}.voice-note{font-size:.8rem;color:#b1c7bf;margin:.25rem 0 0}.about{max-width:850px;border-top:1px solid var(--line);margin:2rem 0 1rem;padding:.6rem 0}.about p{font-size:.95rem}summary{cursor:pointer;color:var(--paper);padding:.5rem 0}footer{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 2rem;font-size:.875rem}.speaking blockquote{color:var(--acid)}.submerged .water-stage{border-color:#508599}.submerged #water-state{color:#f0fffb}@media(max-width:760px){header{padding:1rem}.edition{display:none}main{padding:.4rem 1rem}.intro{margin-bottom:1rem}.experiment{grid-template-columns:1fr;gap:1.15rem}.water-stage{position:relative;top:0}.water-stage canvas{height:clamp(290px,83vw,430px)}.stage{padding-bottom:.9rem;margin-bottom:.9rem}blockquote{font-size:1.8rem;min-height:2.5em;margin:.65rem 0}.scene-top,.scene-bottom{left:.9rem;right:.9rem}.scene-top{top:.8rem}.scene-bottom{bottom:.7rem}.actions #sample{flex:1 1 auto}.actions .primary{flex:1 1 58%}.actions #stop{flex:0 1 20%}.water-settings{display:grid;grid-template-columns:1fr 1.8fr;gap:1rem}.tilt-controls{margin:0;border:0}.tilt-controls summary{padding-top:0}.tilt-controls[open]{display:block}.tilt-controls label{display:inline-flex;width:48%}.tilt-controls .small{width:100%}.tilt-controls summary span{display:none}#help{min-height:0}.about{margin-top:1.5rem}}@media(max-width:380px){.settings,.water-settings{grid-template-columns:1fr}.water-stage canvas{height:285px}h1{font-size:2.7rem}.scene-top{font-size:.7rem}.scene-bottom{font-size:.75rem}.home{font-size:.8rem}button{font-size:.85rem}.actions .primary{flex-basis:70%}}@media(orientation:landscape) and (max-height:600px) and (min-width:650px){header{padding:.5rem 1rem}main{padding-top:0}h1{font-size:2.5rem}.eyebrow,.intro{display:none}.experiment{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;margin-top:1rem}.water-stage{position:sticky;top:1rem}.water-stage canvas{height:calc(100svh - 50px);min-height:260px}.water-settings{display:block}.stage blockquote{font-size:1.7rem}.water-actions{flex-wrap:wrap}.water-actions button{flex-basis:45%}}@media(prefers-reduced-motion:no-preference){blockquote{transition:color .2s}}