:root{color:#1f2937;background:#f3f4f6;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border-radius:16px;width:min(100%,600px);padding:32px;box-shadow:0 12px 35px #1f29371f}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem;font-weight:700}h1{margin:12px 0 8px}.subtitle{color:#4b5563}.task-list{margin:24px 0 0;padding:0;list-style:none}.task-list li{border-top:1px solid #e5e7eb;padding:14px 0}.task-list label{cursor:pointer;align-items:center;gap:12px;display:flex}.completed{color:#6b7280;text-decoration:line-through}form{gap:12px;margin-top:24px;display:flex}form input[type=text]{font:inherit;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:12px}button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:12px 16px;font-weight:700}button:hover{background:#1d4ed8}.error{color:#b91c1c;font-weight:700}