:root{--bg: #fbfaf7;--panel: #ffffff;--ink: #1f2a37;--muted: #5b6673;--line: #d9d4c7;--accent: #1d4e89;--accent-ink: #ffffff;--erosion: #d9534f;--transport: #e8a33d;--deposition: #3b8ea5;--erosion-fill: rgba(217, 83, 79, .16);--transport-fill: rgba(232, 163, 61, .18);--deposition-fill: rgba(59, 142, 165, .16);--band-even: rgba(0, 0, 0, .025);--band-odd: rgba(0, 0, 0, 0);--ok: #2e7d32;--bad: #b3261e;--warn-bg: #fff6df;--radius: 10px;--touch: 44px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.45;color:var(--ink);background:var(--bg)}h1{font-size:1.35rem;margin:0}h2{font-size:1.25rem;margin:0 0 .5rem}h3{font-size:1rem;margin:0 0 .4rem}p{margin:.4rem 0}b{font-weight:650}.muted{color:var(--muted)}button{font:inherit}sup{font-size:.75em}.site-header{padding:14px 16px 8px}.tagline{color:var(--muted);margin:2px 0 0;font-size:.95rem}.site-footer{padding:16px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);margin-top:24px}.site-footer code{font-size:.85em}main{padding:0 16px}.module{padding:20px 0 8px;border-top:1px solid var(--line)}.intro{color:var(--muted)}.placeholder{color:var(--muted);font-style:italic}.panel{position:sticky;top:0;z-index:10;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 2px 8px #0000000d;padding:8px 16px 10px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-summary{font-size:.95rem;min-height:24px}.panel-toggle{min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);white-space:nowrap}.panel-body{margin-top:8px}.panel-note{margin:8px 0 0}.slider[hidden]{display:none}@media(max-width:899px){.panel-body{position:absolute;left:0;right:0;top:100%;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 8px 16px #0000001f;padding:8px 16px 12px;margin:0;max-height:min(65vh,560px);overflow-y:auto;overscroll-behavior:contain}}.panel-grid{display:grid;grid-template-columns:1fr;gap:10px 20px}@media(min-width:560px){.panel-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.panel-grid{grid-template-columns:1fr 1fr 1fr}}.scenarios{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.scenarios-label{color:var(--muted);font-size:.9rem;margin-right:2px}.chip{min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.chip:hover{border-color:var(--accent)}.slider{display:flex;flex-direction:column;gap:2px}.slider-label{display:flex;align-items:baseline;gap:8px;font-size:.95rem}.slider-label .symbol{font-family:Times New Roman,Georgia,serif;font-size:1.15rem;min-width:1.4em}.slider-label .name{color:var(--muted);flex:1}.slider-value{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.slider-row{display:flex;align-items:center;gap:6px}.slider-readout{color:var(--muted);font-size:.9rem;padding-left:calc(var(--touch) + 6px);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grain-icon{flex:0 0 auto}.nudge{width:var(--touch);height:var(--touch);flex:0 0 auto;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}.nudge:disabled,input[type=range]:disabled{opacity:.4}input[type=range]{flex:1;width:100%;height:var(--touch);margin:0;background:transparent;-webkit-appearance:none;appearance:none;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--line)}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 4px #0000004d}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 4px #0000004d}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.seg-row{display:flex;flex-wrap:wrap;gap:6px}.seg{min-height:var(--touch);padding:4px 10px;border-radius:8px;flex:1 1 auto;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15}.seg-value{font-size:.75rem;color:var(--muted)}.seg[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.seg[aria-pressed=true] .seg-value{color:#fffc}.module-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.module-grid{grid-template-columns:minmax(0,3fr) minmax(260px,2fr);align-items:start}}.side{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:.95rem}.side ul{padding-left:1.1em;margin:0}.side li+li{margin-top:.6em}.status{font-size:1.05rem;margin-top:6px}.caption.warn{background:var(--warn-bg);border-left:3px solid var(--transport);padding:6px 10px;border-radius:4px;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.btn{min-height:var(--touch);padding:6px 16px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-weight:500}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.flood-report{font-size:.92rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;line-height:1.5}.plot{width:100%}.plot.dragging{cursor:grabbing}.hjulstrom-svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none;font-family:var(--font)}.hjulstrom-svg .band.even{fill:var(--band-even)}.hjulstrom-svg .band.odd{fill:var(--band-odd)}.hjulstrom-svg .band-label{font-size:.92em;fill:var(--muted)}.hjulstrom-svg .band-group{font-size:.92em;font-weight:600;letter-spacing:.06em}.hjulstrom-svg .field.erosion{fill:var(--erosion-fill)}.hjulstrom-svg .field.transport{fill:var(--transport-fill)}.hjulstrom-svg .field.deposition{fill:var(--deposition-fill)}.hjulstrom-svg .field-label{font-size:1.08em;font-weight:700;letter-spacing:.1em;fill:#1f2a378c;pointer-events:none}.hjulstrom-svg .curve{fill:none;stroke-width:2.5px;stroke-linejoin:round}.hjulstrom-svg .curve.erosion{stroke:var(--erosion)}.hjulstrom-svg .curve.erosion.reference{stroke:#1f2a3773;stroke-width:1.5px;stroke-dasharray:2 3;opacity:0}.hjulstrom-svg .curve.erosion.reference.visible{opacity:1}.hjulstrom-svg .curve.deposition{stroke:var(--deposition)}.hjulstrom-svg .curve.ghost{stroke-dasharray:6 4;opacity:0;stroke-width:2px}.hjulstrom-svg .curve.ghost.visible{opacity:.75}.hjulstrom-svg .axis text{font-size:1em;fill:var(--ink)}.hjulstrom-svg .axis line,.hjulstrom-svg .axis path{stroke:var(--line)}.hjulstrom-svg .axis .grid{stroke:#00000014}.hjulstrom-svg .axis.phi text{fill:var(--muted);font-size:.92em}.hjulstrom-svg .axis-title{font-size:1.08em;fill:var(--ink)}.hjulstrom-svg .marker{cursor:grab;outline:none}.hjulstrom-svg .marker .hit{fill:transparent}.hjulstrom-svg .marker .dot{fill:var(--accent);stroke:#fff;stroke-width:3px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.hjulstrom-svg .marker .crosshair{stroke:var(--accent);stroke-width:1.5px;opacity:.7}.hjulstrom-svg .marker:focus-visible .dot{stroke:#ffd166}.hjulstrom-svg .flood-mark path{stroke:#fff;stroke-width:1px}.hjulstrom-svg .flood-mark.eroded path{fill:var(--erosion)}.hjulstrom-svg .flood-mark.deposited path{fill:var(--deposition)}.hjulstrom-svg .flood-mark.off path{opacity:.5}.hjulstrom-svg .flood-mark text{font-size:.92em;font-weight:700;fill:var(--ink)}.check{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:12px 14px}.check-question{font-size:1rem}.check-actions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.check-live{font-size:.95rem;background:var(--bg);padding:6px 10px;border-radius:6px}.check-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.check-option{min-height:var(--touch);padding:6px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.check-option.correct{border-color:var(--ok);background:#e8f4ea}.check-option.incorrect{border-color:var(--bad);background:#fbe9e7}.check-feedback{margin-top:8px;font-size:.95rem}.check-feedback.correct{color:var(--ok)}.check-feedback.incorrect{color:var(--bad)}.check-feedback.gated{color:var(--muted);font-style:italic}.check-feedback:empty{display:none}.regime-bar{margin:8px 0 4px;padding-top:26px}.rb-track{position:relative;height:34px;border-radius:6px;overflow:visible;background:var(--line)}.rb-zone{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;letter-spacing:.04em;overflow:hidden;white-space:nowrap}.rb-zone:first-child{border-radius:6px 0 0 6px}.rb-zone.z-a{background:#d5e6f2;color:#1c4a6b}.rb-zone.z-b{background:#f4e2b9;color:#6a4a08}.rb-zone.z-c{background:#f2cfcb;color:#7a1f1a}.rb-pointer{position:absolute;top:-8px;bottom:-8px;width:4px;margin-left:-2px;background:var(--ink);border-radius:2px;transition:left .12s linear}.rb-pointer-value{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.rb-ticks{position:relative;height:18px;font-size:.75rem;color:var(--muted)}.rb-tick{position:absolute;transform:translate(-50%);top:2px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.rb-pointer{transition:none}}.equation{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.eq-formula{font-family:Times New Roman,Georgia,serif;font-size:1.5rem;margin-bottom:6px}.eq-formula .frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.15;margin:0 2px}.eq-formula .frac>span:first-child{border-bottom:1.5px solid currentColor;padding:0 4px}.eq-formula .sqrt{border-top:1.5px solid currentColor;padding:0 3px;margin-left:1px}.eq-vars{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:.95rem}.eq-vars dt{font-family:Times New Roman,Georgia,serif;font-size:1.15rem}.eq-vars dd{margin:0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.eq-name{color:var(--muted)}.eq-value{font-variant-numeric:tabular-nums;font-weight:600}.eq-result{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:1.1rem}.anim{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#eef4f8;margin:0 auto;max-width:100%}.anim-canvas{display:block;width:100%}.anim-play{position:absolute;right:8px;bottom:8px}.btn.small{min-height:36px;padding:4px 12px;font-size:.9rem}.regime-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-size:.95rem}.module-grid>div>*+*{margin-top:10px}h3.sub{margin-top:18px}.small{font-size:.9rem}.anim-caption{margin:6px 0 0;font-size:.95rem}.anim-caption.small{margin-top:2px}.legend{font-size:.92rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px}.legend p{margin:4px 0;padding-left:26px;position:relative}.legend .sw{position:absolute;left:0;top:.35em;width:18px;height:0;border-top:3px solid}.legend .sw.erosion{border-color:var(--erosion)}.legend .sw.deposition{border-color:var(--deposition)}.legend .sw.ghost{border-color:var(--deposition);border-top-style:dashed}.legend .sw.reference{border-color:#1f2a3780;border-top-style:dotted;border-top-width:2px}.legend .sw.fields{height:10px;border:none;background:linear-gradient(90deg,var(--erosion-fill) 0 33%,var(--transport-fill) 33% 66%,var(--deposition-fill) 66%);top:.25em}.legend .sw.warn{height:10px;border:none;background:var(--warn-bg);outline:1px solid var(--transport);top:.25em}.legend .f-erosion{background:var(--erosion-fill);padding:0 4px;border-radius:3px}.legend .f-transport{background:var(--transport-fill);padding:0 4px;border-radius:3px}.legend .f-deposition{background:var(--deposition-fill);padding:0 4px;border-radius:3px}.tabs{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--line);margin:12px 0 0}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:0 0 auto}.tab{min-height:var(--touch);padding:6px 14px;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;border-radius:6px 6px 0 0}.tab:hover{color:var(--ink);background:#00000008}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tabs.module-tabs{position:sticky;top:var(--panel-height, 52px);z-index:9;background:var(--bg)}.tabs.sub-tabs{margin-top:18px;border-bottom-width:1px}.tabs.sub-tabs .tab{font-size:.95rem}.module{border-top:none;padding-top:14px}.explore-panel{padding-top:10px}.explore-panel>*+*{margin-top:10px}.select{min-height:var(--touch);padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}.mixed-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.mixed-grid{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start}}.histogram{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px}.histogram-svg{width:100%;height:auto;display:block;font-family:var(--font);font-size:11px}.histogram-svg .bars.bed rect{fill:#c9a26a}.histogram-svg .bars.gone rect{fill:#1d4e898c}.histogram-svg .erodible{fill:#d9534f24;stroke:#d9534f80;stroke-dasharray:3 3}.histogram-svg .sw-bed{fill:#c9a26a}.histogram-svg .sw-gone{fill:#1d4e898c}.histogram-svg .sw-win{fill:#d9534f24;stroke:#d9534f80}.histogram-svg .axis-title{font-size:11px;fill:var(--ink)}.histogram-svg .tick text{fill:var(--ink)}.histogram-svg .domain,.histogram-svg .tick line{stroke:var(--line)}.hjulstrom-svg .overlay .u-line{stroke:#1f2a3780;stroke-width:1.5px;stroke-dasharray:4 4}.hjulstrom-svg .overlay .u-window{stroke:var(--erosion);stroke-width:6px;stroke-linecap:round;opacity:.85}.hjulstrom-svg .overlay .u-label{font-size:.92em;font-weight:600;fill:var(--erosion)}.mode{padding:0 5px;border-radius:3px;border:2px solid;font-weight:600}.mode.traction{border-color:#7a3e00}.mode.saltation{border-color:#e8781d}.mode.suspension{border-color:#1d4e89}.toggle{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch);font-size:.9rem;color:var(--muted);cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.module .segmented{margin-bottom:4px}.anim[hidden]{display:none}