:root{--accent: #4f46e5;--accent-dark: #4338ca;--bg: #f7f7fb;--card-bg: #ffffff;--border: #e5e5ef;--text: #1f2233;--text-muted: #6b7080;--danger: #dc2626;--danger-bg: #fef2f2;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}h1{font-size:1.5rem;margin:0}.landing{max-width:420px;margin-top:15vh;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.landing-copy{color:var(--text-muted);line-height:1.5}.app-shell{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-user{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.app-main{display:flex;flex-direction:column;gap:16px}.btn{font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--border)}.btn--danger{background:var(--danger-bg);color:var(--danger)}.btn--danger:hover:not(:disabled){background:#fee2e2}.add-todo-form{display:flex;gap:8px}.add-todo-input{flex:1;font-family:inherit;font-size:.95rem;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);color:var(--text)}.add-todo-input:focus{outline:2px solid var(--accent);outline-offset:1px}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.todo-row{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;position:relative;flex-wrap:wrap}.todo-checkbox{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.todo-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.todo-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.95rem}.todo-row--done .todo-title{text-decoration:line-through;color:var(--text-muted)}.todo-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.todo-file-input{display:none}.todo-error{flex-basis:100%;margin:4px 0 0;font-size:.8rem;color:var(--danger)}.loading-state,.empty-state{color:var(--text-muted);text-align:center;padding:24px 0}.error-state{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius);padding:10px 14px;font-size:.9rem}@media (max-width: 480px){.app-header{flex-wrap:wrap}}