:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101b18;color:#f4f1e8;line-height:1.6}*{box-sizing:border-box}body{margin:0}main,header,footer{max-width:70rem;margin:auto;padding:1.25rem}header{border-bottom:1px solid #52665d}a{color:#b7f4ce;text-underline-offset:.2em}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.15}h2{font-size:1.15rem}p{max-width:65ch}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#b7f4ce}section.card{padding:1.5rem;border:1px solid #789888;border-radius:1rem;background:#1b3028}.controls{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:1rem 0}button,.launch{font:inherit;font-weight:650;border:1px solid #b7f4ce;border-radius:.5rem;background:#243d31;color:#fff;padding:.6rem 1rem;min-height:44px;cursor:pointer}.launch{display:inline-block}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{background:#b7f4ce;color:#102016}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffce69;outline-offset:3px}.sliders{display:flex;flex-wrap:wrap;gap:1.5rem}.sliders label{display:block;min-width:12rem}.sliders input{display:block;width:100%;min-height:44px}.track{border-top:1px solid #52665d;padding:1rem 0}.track h2{display:inline-block;min-width:8rem;margin:0 0 .75rem}.steps{display:grid;grid-template-columns:repeat(16,minmax(44px,1fr));gap:6px;padding:8px 4px;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.steps button{padding:.35rem;min-width:44px}.steps button:nth-child(4n+1){border-left:3px solid #ffce69}.steps .current{outline:2px dashed #ffce69;outline-offset:1px}#status{min-height:2em;font-weight:bold}.note{color:#d7e4da;font-size:.95rem}footer{border-top:1px solid #52665d;margin-top:2rem}@media(max-width:600px){main,header,footer{padding:1rem}.sliders{display:block}.sliders label{margin:.75rem 0}.track>button{margin-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.steps .current{outline:none}}