@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/1-manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
body{margin:0;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:500;background:#FFF2E8;color:#1F1F1F;overflow-x:hidden}
header{background:#EA7E40;color:#fff;padding:22px 20px;font-weight:800;font-size:1.5rem}
main{max-width:480px;margin:0 auto;padding:20px}
.card{background:#fff;border:1px solid #F0DACA;border-radius:18px;padding:20px;margin-bottom:16px}
h1{font-size:1.3rem;margin:0 0 6px}
.dots{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.dot{width:26px;height:26px;border-radius:50%;border:2px solid #EA7E40}
.dot.on{background:#EA7E40}
.msg{font-weight:700}
.muted{color:#666B6B;font-size:.9rem}
button{font:inherit;font-weight:800;background:#EA7E40;color:#fff;border:0;border-radius:12px;padding:14px 18px;font-size:1.15rem;width:100%}
input{font:inherit;width:100%;padding:12px;border:1px solid #F0DACA;border-radius:10px;margin:10px 0}
[hidden]{display:none}
a{color:#1F1F1F}
button.link{background:none;color:#1F1F1F;text-decoration:underline;font-weight:500;font-size:.9rem;width:auto;padding:4px 0}
h2{font-size:1.05rem;margin:1.4em 0 .3em}
.todo{background:#fff;border:1px solid #F0DACA;border-radius:10px;padding:10px 14px}