:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f0f4f8; color: #183049; }
body { margin: 0; }
main { max-width: 40rem; margin: auto; padding: clamp(1rem, 5vw, 3rem); }
.label { color: #425870; font-weight: 650; }
h1 { font-size: clamp(2rem, 7vw, 3rem); }
section { background: white; padding: 1.25rem; border: 1px solid #d7e0ea; border-radius: .8rem; margin: 1rem 0; }
a[href] { display: inline-block; padding: .65rem 1rem; border-radius: .5rem; background: #174d78; color: white; }

#start:not([hidden]) + button { display: none; }
button:disabled { padding: .65rem 1rem; color: #425870; background: #eef2f6; border: 1px solid #cbd5df; border-radius: .5rem; font: inherit; }