:root{color-scheme:light;--paper:#f5f0df;--ink:#123c46;--muted:#3f5b60;--line:#b5c3b7;--sea:#103d48;--foam:#faf0cc;--focus:#943722}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Georgia,'Times New Roman',serif}header,main{max-width:1100px;margin:auto;padding:0 32px}header{padding-top:24px;display:flex;justify-content:space-between;gap:16px;font:13px/1.5 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,summary{font:inherit}button,summary{min-height:46px;padding:10px 15px;cursor:pointer}button{border:1px solid var(--ink);border-radius:3px;background:var(--paper);color:var(--ink);font:600 14px/1.4 system-ui,sans-serif}button:hover:not(:disabled){background:#e1e7d8}button[aria-pressed=true],#run{background:var(--ink);color:var(--paper)}button:disabled{color:var(--muted);border-style:dashed;cursor:default}button[aria-pressed=true]:hover,#run:hover:not(:disabled){background:#234f54}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}#sea:focus-visible{outline-color:var(--focus);outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;z-index:5;background:var(--paper);padding:12px}.skip:focus{top:8px}.intro{padding:64px 0 40px;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font:12px/1.7 system-ui,sans-serif;color:var(--muted)}h1{font-weight:normal;font-size:clamp(54px,8vw,105px);letter-spacing:-.055em;line-height:1.05;margin:18px 0 28px}h1 em{font-weight:normal}.dek{font-size:clamp(20px,3vw,27px);line-height:1.55}.boundary,.small,#gesture,#motion-note,.studies>p:last-child{font:14px/1.65 system-ui,sans-serif;color:var(--muted);max-width:78ch}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}h2{font-size:28px;line-height:1.2;font-weight:normal;margin:8px 0 20px}h3{font-size:21px;font-weight:normal;margin:0}p{margin:12px 0}#motion-state,.sea-caption,#clock{font:13px/1.5 system-ui,sans-serif}.transport,.actions,.study-buttons{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font:13px/1.4 system-ui,sans-serif;min-height:46px}.check input{width:24px;height:24px;accent-color:var(--ink)}#sea{background:var(--sea);border-radius:100px 100px 8px 8px;overflow:hidden;touch-action:none;cursor:crosshair;user-select:none;margin-top:24px}#water{display:block;width:100%;height:auto;min-height:240px}.sea-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 24px 18px;color:var(--foam)}.voices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:24px}.voices button{padding:10px 4px}.selected{font:16px/1.6 system-ui,sans-serif;margin-top:20px}label{display:block;font:14px/1.6 system-ui,sans-serif}output{display:block;font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{display:block;width:100%;height:44px;margin:2px 0 10px;accent-color:var(--ink);cursor:ew-resize}.tuning{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-bottom:1px solid var(--line);padding-bottom:12px}.forces{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0}.forces p{font-size:16px;max-width:36ch}.forces label{margin-top:18px}.measurement{font:18px/1.5 system-ui,sans-serif;border-top:1px solid var(--line);padding-top:20px}.studies,.logbook{margin-top:48px;border-top:1px solid var(--line);padding-top:28px}#study-note{font-size:22px;max-width:65ch}#feedback{font:15px/1.65 system-ui,sans-serif;min-height:3em}.logbook>p{max-width:72ch}.actions{margin:24px 0}#record-summary{border-left:3px solid var(--ink);padding:1px 18px}#record-summary p{font:15px/1.7 system-ui,sans-serif}details{border-top:1px solid var(--line);margin-top:26px}summary{font:16px/1.6 system-ui,sans-serif;padding-left:0}#voice-ledger{font:15px/1.8 system-ui,sans-serif;padding-left:24px}#sources{margin-top:48px}#sources summary{font-size:18px;padding:20px 0}.source-prose{max-width:75ch}.source-prose h3{margin-top:30px}.source-prose p{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);margin-top:45px;padding:25px 0 45px;display:flex;justify-content:space-between;gap:20px;font:13px/1.6 system-ui,sans-serif}@media(max-width:600px){header,main{padding-left:20px;padding-right:20px}header{flex-direction:column;gap:4px}.intro{padding-top:42px}.voices{grid-template-columns:repeat(3,minmax(0,1fr))}.forces,.tuning{grid-template-columns:1fr;gap:14px}.forces section+section{border-top:1px solid var(--line);padding-top:22px}#sea{border-radius:45px 45px 6px 6px}#water{min-height:230px}.sea-caption{font-size:12px;padding:8px 14px 14px}.transport button{flex-grow:1}.check{width:100%}.study-buttons{flex-direction:column}.actions button{flex:1 1 125px}footer{flex-direction:column}#study-note{font-size:20px}h2{font-size:25px}#gesture{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
