:root{--bg:#0f1115;--panel:#1a1d24;--border:#2a2f3a;--text:#e6e8ee;--muted:#8a91a0;--accent:#6c8cff;--danger:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:520px;margin:64px auto;padding:0 20px}h1{margin:0 0 4px;font-size:2rem}.count{color:var(--muted);margin:0 0 24px;font-size:.9rem}.add-form{gap:8px;margin-bottom:24px;display:flex}.add-form input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;flex:1;padding:12px 14px;font-size:1rem}.add-form input:focus{border-color:var(--accent);outline:none}.add-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 20px;font-size:1rem;font-weight:600}.add-form button:disabled{opacity:.5;cursor:not-allowed}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user{align-items:center;gap:10px;display:flex}.user .email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.85rem;overflow:hidden}.auth-actions{gap:10px;margin-top:8px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:6px 12px;font-size:.85rem}.error{color:var(--danger);margin:0 0 16px;font-size:.9rem}.todo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo-list li{background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.todo-list li.empty{color:var(--muted);justify-content:center}.todo-list label{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.todo-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.todo-list li.done span{color:var(--muted);text-decoration:line-through}.delete{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1}.delete:hover{color:var(--danger)}