:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-color: #f9fafb;--surface-color: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent-color: #2563eb;--danger-color: #ef4444;--radius: 8px;--shadow: 0 1px 2px 0 rgb(0 0 0 / .05)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{max-width:600px;margin:0 auto;padding:3rem 1.5rem}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em}h1{font-size:1.5rem;margin-bottom:2.5rem;text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:1rem}h2{font-size:.75rem;margin-bottom:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}button{cursor:pointer;border:none;background:none;font-family:inherit}input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.95rem;background:var(--surface-color);transition:border-color .15s,box-shadow .15s}input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb1a}.card{background:var(--surface-color);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);overflow:hidden}.item-list{list-style:none;padding:0;margin:0}.item{display:flex;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);gap:.75rem;transition:background-color .1s}.item:last-child{border-bottom:none}.item:hover{background-color:#f9fafb}.item.completed span{text-decoration:line-through;color:var(--text-secondary)}.btn-add{background:var(--text-primary);color:#fff;padding:0 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:opacity .2s}.btn-add:hover{opacity:.9}.btn-icon{color:var(--border-color);padding:.25rem;border-radius:4px;line-height:1;font-size:1.25rem}.item:hover .btn-icon{color:var(--text-secondary)}.btn-icon:hover{background:#fee2e2;color:var(--danger-color)!important}.section{margin-bottom:3rem}.form-row{display:flex;gap:.5rem;margin-bottom:1rem}.status-bar{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);padding-top:2rem;border-top:1px solid var(--border-color)}input[type=checkbox]{appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.25em;height:1.25em;border:1.5px solid var(--border-color);border-radius:.25em;display:grid;place-content:center;cursor:pointer}input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#fff}input[type=checkbox]:checked{background-color:var(--text-primary);border-color:var(--text-primary)}input[type=checkbox]:checked:before{transform:scale(1);box-shadow:none;background-color:#fff}