:root{color-scheme:light;--bg: #f3f6f4;--ink: #14201a;--accent: #1f6b4a;--error: #9b1c1c;--muted: #5a6b62;--line: #c5d2cb;font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#d9ece3 0%,transparent 45%),linear-gradient(160deg,#f3f6f4,#e7efe9);color:var(--ink)}.app{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem}header h1{margin:0;font-size:2rem;letter-spacing:-.02em}header p,.muted{color:var(--muted)}.error{color:var(--error);background:#fde8e8;padding:.75rem 1rem;border-radius:.35rem}.ok{color:var(--accent)}.task-list__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-list__header h2{margin:0}.task-list__form{display:flex;gap:.5rem;margin:1rem 0}input{flex:1;padding:.6rem .75rem;border:1px solid var(--line);border-radius:.35rem;background:#fff}button{background:var(--accent);color:#fff;border:0;border-radius:.35rem;padding:.6rem 1rem;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}button.danger{color:var(--error)}.task-list__items{list-style:none;padding:0;margin:0}.task-list__items li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.task-list__items label{display:flex;align-items:center;gap:.6rem;flex:1}.task-list__items li.done span{text-decoration:line-through;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}