:root{color-scheme:dark;font:16px system-ui;background:#121a2a;color:#f1f6ff}*{box-sizing:border-box}main{max-width:960px;margin:auto;padding:clamp(16px,4vw,48px)}h1{font-size:clamp(2rem,6vw,4rem);margin:.2em 0}small,a{color:#ffb27a}section,form{padding:20px;background:#1c293d;border:1px solid #394963;border-radius:16px;margin:16px 0;overflow-wrap:anywhere}.grid,form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}form{align-items:end}label{display:grid;gap:6px}input,button{padding:10px;font:inherit;border:1px solid #596780;border-radius:8px;width:100%}button{background:#ffb27a;color:#23170e;font-weight:700}strong{font-size:2.5rem}progress{width:100%;display:block;margin-top:12px;accent-color:#71e4ad}.orange{accent-color:#ffb27a}.red{accent-color:#ff767f}