:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; color: #17202a; background: #f5f6f8; }
body { margin: 0; padding: 20px; }
main { max-width: 620px; margin: auto; }
h1 { font-size: 1.6rem; }
label { display: block; margin: 20px 0 6px; font-weight: 600; }
input, button { box-sizing: border-box; font: inherit; width: 100%; padding: 12px; }
input { background: white; border: 1px solid #aeb6bf; border-radius: 6px; }
button { margin-top: 18px; border: 0; border-radius: 6px; background: #175ba2; color: white; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
li { margin: 18px 0; overflow-wrap: anywhere; }
progress { display: block; width: 100%; height: 18px; margin: 8px 0; }
.good { color: #176432; } .bad { color: #a51d24; }
.note, small { color: #4c5663; font-size: .88rem; }