:root{font-family:system-ui,sans-serif;color:#263a37;background:#f3f0e6;font-size:17px;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:56px 24px}header{max-width:700px;margin-bottom:36px}h1{font:600 clamp(38px,7vw,64px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:16px 0}h2{font:600 25px/1.3 Georgia,serif}p{max-width:70ch}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px}section{margin:24px 0;padding:24px;border:1px solid #c5cdc0;border-radius:18px;background:#fbfaf5}label{display:block;margin-bottom:8px;font-weight:600}textarea,select{font:inherit;color:inherit;background:white;border:1px solid #98ac9d;border-radius:8px;padding:12px;width:100%}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.suggestion{border-left:3px solid #719d76;padding-left:16px}.timer{background:#e2ebde}.timer h2{margin-bottom:8px}output{display:block;font:600 clamp(52px,10vw,84px)/1.3 ui-monospace,monospace;letter-spacing:-.05em;margin-bottom:16px}.controls{display:flex;gap:10px;flex-wrap:wrap}button{cursor:pointer;font:600 16px system-ui,sans-serif;border:1px solid #274e40;border-radius:8px;padding:12px 18px;background:#274e40;color:#fff}.secondary{background:transparent;color:#274e40}button:disabled{opacity:.55;cursor:default}.small,footer{font-size:14px}a{color:#125c45;text-underline-offset:4px}summary{cursor:pointer;font-weight:600}details{margin-top:24px}footer{margin-top:36px;border-top:1px solid #bdc8bc;padding-top:16px}:focus-visible{outline:3px solid #b45e24;outline-offset:4px}[hidden]{display:none!important}@media(max-width:540px){main{padding:32px 16px}.fields{grid-template-columns:1fr}section{padding:20px}.controls button{width:100%}}