:root{color-scheme:light;font-family:system-ui,sans-serif;color:#193b34;background:#f4f1e9}body{margin:0;min-width:340px}main{max-width:750px;margin:auto;padding:32px 24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.1;letter-spacing:-.04em}p{line-height:1.6}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.12em}label{display:flex;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #cbd1c7;line-height:1.45}input{width:20px;height:20px;flex-shrink:0;accent-color:#235d4c}button{font:inherit;padding:12px 16px;border:1px solid #235d4c;border-radius:6px;background:#235d4c;color:white;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px}#reset{background:transparent;color:#193b34}a{color:#174f9b}footer{margin-top:30px;font-size:13px}#progress{font-weight:700}:focus-visible{outline:3px solid #d77a15;outline-offset:3px}