:root{--text:#6b7280;--text-strong:#111827;--bg:#fff;--border:#e5e7eb;--accent:#4f46e5;--accent-muted:#4f46e51a;--error:#dc2626;--radius:6px;--font:system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-strong:#f9fafb;--bg:#111827;--border:#374151;--accent:#818cf8;--accent-muted:#818cf81f}}*,:before,:after{box-sizing:border-box}body{font:16px/1.5 var(--font);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;margin:0}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}h1{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 24px;font-size:1.75rem;font-weight:600}p{margin:0}p+p{margin-top:8px}[role=alert]{min-height:1.25rem;color:var(--error);font-size:.875rem}form{flex-direction:column;gap:10px;display:flex}input[type=email],input[type=password],input[type=text]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-strong);font:inherit;outline-offset:2px;padding:8px 12px}input:focus-visible{outline:2px solid var(--accent)}button{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}#root{flex-direction:column;align-items:center;min-height:100svh;display:flex}.auth-page{width:100%;max-width:400px;padding:48px 24px}.auth-page>button{margin-top:8px}#todo-page{width:100%;max-width:560px;padding:32px 24px}.todo-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.todo-header h1{margin:0}.todo-create-form{flex-flow:wrap;align-items:center;margin-bottom:8px}.todo-create-form input{flex:1}.todo-create-error,.todo-item-error{flex-basis:100%}.todo-filters{gap:4px;margin-bottom:12px;display:flex}.todo-filter-btn{padding:4px 12px;font-size:.875rem}.todo-filter-btn--active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.todo-list{margin:0;padding:0;list-style:none}.todo-item{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.todo-item span{text-align:left;flex:1}.todo-title--completed{opacity:.5;text-decoration:line-through}.todo-delete-btn{padding:4px 10px;font-size:.875rem}.todo-empty{text-align:center;padding:32px 0}