:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app{display:grid;min-height:100vh;place-items:center;padding:24px}.task-card{width:min(100%,680px);padding:40px;border:1px solid #e4eaf2;border-radius:20px;background:#fff;box-shadow:0 20px 60px #1f293714}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;color:#111827;font-size:clamp(2rem,8vw,3.25rem);letter-spacing:-.05em}.summary{margin:8px 0 0;color:#6b7280}.add-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:32px 0 20px}.add-form input,.edit-input{min-width:0;border:1px solid #d5dce7;border-radius:10px;outline:none}.add-form input{padding:13px 14px}.add-form input:focus,.edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.add-form button{border:0;border-radius:10px;padding:0 18px;color:#fff;background:#2563eb;font-weight:700}.add-form button:hover{background:#1d4ed8}.task-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.task-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border:1px solid #e7ebf1;border-radius:12px}.task-list li.completed>span{color:#9ca3af;text-decoration:line-through}.task-list input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.edit-input{width:100%;padding:8px 10px}.actions{display:flex;gap:4px}.text-button{border:0;padding:7px 8px;color:#4b5563;background:transparent;font-size:.875rem}.text-button:hover{color:#111827}.text-button.danger:hover{color:#dc2626}@media(max-width:560px){.task-card{padding:28px 20px}.add-form{grid-template-columns:1fr}.add-form button{min-height:46px}.task-list li{grid-template-columns:auto minmax(0,1fr)}.actions{grid-column:2}}