*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font:16px system-ui}main{max-width:700px;margin:auto;padding:2rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{margin:0;font-size:1.5rem}.badge{border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.badge.ok{color:#166534;background:#dcfce7}.badge.off{color:#991b1b;background:#fee2e2}form{gap:.5rem;margin:1rem 0;display:flex}input[type=text],form input{border:1px solid #d8e0ed;border-radius:5px;flex:1;padding:.6rem}button{color:#fff;background:#2463eb;border:0;border-radius:5px;padding:.55rem .8rem}ul{margin:0;padding:0;list-style:none}li{background:#fff;border:1px solid #d8e0ed;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.7rem;display:flex}li span{flex:1}li.done span{color:#526178;text-decoration:line-through}li input[type=checkbox]{width:1.1rem;height:1.1rem}.error{color:#991b1b}.empty{color:#526178}