:root{--bg: #efe7d6;--panel: #e6dcc6;--ink: #2a1f17;--ink-soft: #5a4938;--rule: #c9bca0;--accent: #c46a2c;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1c1410;--panel: #241a15;--ink: #efe7d6;--ink-soft: #b3a48f;--rule: #3a2a20;--accent: #e89456}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;line-height:1.5;display:flex;justify-content:center;padding:2rem 1.25rem 4rem}main{width:100%;max-width:36rem}h1{font-size:1.75rem;letter-spacing:-.01em}.tagline{color:var(--ink-soft)}.stage{margin:2rem 0;padding:1.25rem;background:var(--panel);border:1px solid var(--rule);border-radius:.75rem}.transport{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}button{background:var(--accent);color:var(--bg);border:0;border-radius:.5rem;padding:.8rem 2.25rem;min-width:7rem;font:inherit;font-weight:600;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkbox{display:flex;align-items:center;gap:.4rem;color:var(--ink-soft);cursor:pointer}.readout{margin-top:1.1rem;font-variant-numeric:tabular-nums;font-size:1.05rem;min-height:1.6em}.ladder{margin-top:1rem}.ladder-track{position:relative;height:2.5rem;border-left:2px solid var(--rule);border-right:2px solid var(--rule)}.ladder-track:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--rule)}.ladder-ticks .tick{position:absolute;top:26%;bottom:26%;width:2px;margin-left:-1px;border-radius:1px;background:var(--ink-soft);opacity:.8}.ladder-marker{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--accent);border-radius:2px;transition:left 90ms linear}.ladder-scale{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.ladder-marker{transition:none}}.controls{display:grid;gap:1rem}.control{display:grid;grid-template-columns:9rem 1fr auto;align-items:center;gap:.75rem}.control label{color:var(--ink-soft);font-size:.9rem}.control output{font-variant-numeric:tabular-nums;font-size:.9rem;min-width:3.5rem;text-align:right}select,input[type=range]{width:100%;font:inherit;accent-color:var(--accent)}select{padding:.5rem;background:var(--panel);color:var(--ink);border:1px solid var(--rule);border-radius:.4rem}input[type=range]{height:2rem}.control-note{color:var(--ink-soft);font-size:.85rem;font-variant-numeric:tabular-nums}@media(max-width:30rem){.control{grid-template-columns:1fr auto}.control label{grid-column:1 / -1;margin-bottom:-.5rem}}footer{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);color:var(--ink-soft);font-size:.9rem;display:grid;gap:.75rem}