:root{color-scheme:light;--bg: #f4f7f6;--surface: #ffffff;--ink: #102a2a;--muted: #5b6f6e;--accent: #0f766e;--accent-soft: #ccfbf1;--danger: #b91c1c;--border: #d7e3e1;--shadow: 0 10px 30px rgba(16, 42, 42, .08);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,#d1fae5 0%,transparent 40%),radial-gradient(circle at top right,#cffafe 0%,transparent 35%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}button,input{font:inherit}.app-shell{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 3rem}.hero{margin-bottom:1.5rem}.hero h1{margin:0 0 .35rem;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.03em}.hero p{margin:0;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1.25rem}.todo-form{display:grid;gap:.75rem;margin-bottom:1rem}.todo-form label{font-size:.9rem;font-weight:600}.todo-form input[type=text]{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;background:#fbfffe}.todo-form input[type=text]:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,white);border-color:var(--accent)}.form-actions{display:flex;flex-wrap:wrap;gap:.6rem}.btn{border:none;border-radius:10px;padding:.65rem 1rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.btn-danger{background:#fee2e2;color:var(--danger)}.status{margin:0 0 1rem;padding:.75rem .9rem;border-radius:10px;font-size:.95rem}.status-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.status-info{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}.todo-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.todo-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.85rem .95rem;border:1px solid var(--border);border-radius:12px;background:#fbfffe}.todo-item.completed .todo-title{text-decoration:line-through;color:var(--muted)}.todo-title{margin:0;word-break:break-word}.todo-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.empty-state{margin:0;color:var(--muted);text-align:center;padding:1.5rem .5rem}@media(max-width:640px){.todo-item{grid-template-columns:auto 1fr}.todo-actions{grid-column:1 / -1}}