body{font-family:Segoe UI,Arial,sans-serif;background:#f6f8fa;margin:0;padding:0}.todo-container{max-width:380px;margin:48px auto;background:#fff;padding:28px 24px 20px;border-radius:10px;box-shadow:0 2px 12px #3c485814}h1{color:#2d3748;text-align:center;margin-bottom:18px;font-size:1.7rem;font-weight:600;letter-spacing:.5px}input[name=todoName]{padding:8px;width:65%;border:1px solid #d1d5db;border-radius:5px;font-size:1rem;margin-right:8px;transition:border .2s}input[name=todoName]:focus{outline:none;border-color:#6366f1}button{padding:8px 14px;background:#6366f1;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .18s}button:hover{background:#4f46e5}ul{list-style:none;padding:0;margin:18px 0 0}li{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid #f1f1f6;font-size:1.04rem}li:last-child{border-bottom:none}li input[type=checkbox]{margin-right:12px;accent-color:#6366f1;width:16px;height:16px}li button{margin-left:auto;background:#e53e3e;padding:6px 10px;font-size:.95rem;border-radius:4px}li button:hover{background:#b91c1c}li input[type=checkbox]:checked+span{text-decoration:line-through;color:#a0aec0}span{transition:color .2s,text-decoration .2s}p{color:#555;text-align:center;margin-top:14px;font-size:1rem}.todo-stats-row{display:flex;justify-content:space-between;margin-top:14px}.todo-stats-row p{margin:0}.todo-input-row{display:flex;justify-content:space-between}