:root{--bg: #f5f6f8;--card: #ffffff;--text: #1c1f24;--muted: #6b7280;--border: #e3e5e9;--accent: #4f46e5;--accent-text: #ffffff;--danger: #dc2626;--ok: #059669;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #111317;--card: #1b1e24;--text: #e8eaed;--muted: #9aa0a6;--border: #2e323a;--accent: #818cf8;--accent-text: #111317}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}.container{max-width:560px;margin:0 auto;padding:48px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}.auth{max-width:400px;margin:0 auto}h1{margin:0 0 4px;font-size:1.5rem}.muted{color:var(--muted)}.small{font-size:.85rem;margin:0}.center{text-align:center;padding:16px 0}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;margin:16px 0 8px}input[type=email],input[type=password],.row input,.edit{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{padding:10px 16px;border-radius:8px;border:1px solid var(--border);font:inherit;cursor:pointer;background:var(--card);color:var(--text)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent}.btn.google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.links{display:flex;justify-content:space-between;margin-top:14px}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.msg{padding:10px 12px;border-radius:8px;font-size:.9rem;margin:12px 0 0;cursor:default}.msg.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);cursor:pointer}.msg.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.filters{display:flex;gap:6px;margin:12px 0}.chip{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:.85rem}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.todos{list-style:none;padding:0;margin:0}.todos li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border)}.todos li input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.todos .title{flex:1;word-break:break-word;cursor:text}.todos li.done .title{text-decoration:line-through;color:var(--muted)}.icon{background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;line-height:1;padding:0 6px}.icon:hover{color:var(--danger)}.bottom{display:flex;justify-content:space-between;margin-top:14px}