*{box-sizing:border-box}body{background:#f6f7f9;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{color:#171923;background:#f6f7f9;min-height:100vh;padding:48px 20px}.todo-panel{max-width:720px;margin:0 auto}.site-footer{text-align:center;max-width:720px;margin:32px auto 0;font-size:13px}.site-footer a{color:#667085;text-decoration:none}.site-footer a:hover{color:#2563eb;text-decoration:underline}.todo-panel h1{margin:0 0 24px;font-size:32px;line-height:1.2}.todo-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.todo-header h1{margin:0}.todo-header button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:6px;padding:7px 12px}.todo-header button:hover{background:#f2f4f7}.auth-summary{color:#667085;align-items:center;gap:12px;display:flex}.auth-form{gap:12px;max-width:360px;display:grid}.auth-form input{height:44px;font:inherit;color:#171923;background:#fff;border:1px solid #d9dde5;border-radius:6px;padding:0 12px}.auth-form button{height:44px;font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:0 18px;font-weight:600}.auth-form button:hover{background:#1d4ed8}.auth-form input:disabled,.auth-form button:disabled{cursor:not-allowed;opacity:.6}.auth-mode-button{color:#2563eb;cursor:pointer;font:inherit;background:0 0;border:0;margin-top:12px;padding:0}.auth-mode-button:hover{color:#1d4ed8}.todo-form{gap:12px;margin-bottom:20px;display:flex}.todo-form input{min-width:0;height:44px;font:inherit;color:#171923;background:#fff;border:1px solid #d9dde5;border-radius:6px;flex:1;padding:0 12px}.todo-form button{height:44px;font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:0 18px;font-weight:600}.todo-form button:hover{background:#1d4ed8}.todo-form input:disabled,.todo-form button:disabled{cursor:not-allowed;opacity:.6}.todo-filters{gap:8px;margin-bottom:16px;display:flex}.todo-filters button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:999px;padding:6px 12px}.todo-filters button:hover{background:#f2f4f7}.todo-filters button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.todo-search{gap:8px;margin-bottom:16px;display:flex}.todo-search input{color:#171923;background:#fff;border:1px solid #d9dde5;border-radius:6px;flex:1;min-width:0;height:40px;padding:0 12px}.todo-search button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:6px;flex:none;padding:0 12px}.todo-search button:hover{background:#f2f4f7}.error-message{color:#b42318;margin:0 0 16px}.muted{color:#667085}.todo-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.todo-item{background:#fff;border:1px solid #e3e6ee;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 14px;display:flex}.todo-content{align-items:center;gap:10px;min-width:0;display:flex}.todo-content input{flex:none;width:18px;height:18px}.todo-title{overflow-wrap:anywhere}.todo-title.completed{color:#667085;text-decoration:line-through}.todo-actions{flex:none;gap:8px;display:flex}.todo-actions button,.todo-edit-form button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:6px;padding:6px 10px}.todo-actions button:hover,.todo-edit-form button:hover{background:#f2f4f7}.todo-actions button:disabled,.todo-edit-form button:disabled,.todo-edit-form input:disabled,.todo-content input:disabled{cursor:not-allowed;opacity:.6}.todo-edit-form{align-items:center;gap:8px;width:100%;display:flex}.todo-edit-form input{color:#171923;background:#fff;border:1px solid #d9dde5;border-radius:6px;flex:1;min-width:0;height:36px;padding:0 10px}.delete-button{color:#b42318;cursor:pointer;background:#fff5f3;border:1px solid #f0b4ad;border-radius:6px;flex:none;padding:6px 10px}.delete-button:hover{background:#ffe8e3}.todo-pagination{color:#667085;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.todo-pagination button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:6px;padding:7px 12px}.todo-pagination button:disabled{cursor:not-allowed;opacity:.5}.todo-pagination button:not(:disabled):hover{background:#f2f4f7}@media (width<=560px){.app{padding:28px 14px}.todo-form{flex-direction:column}.todo-form button,.todo-search button{width:100%}.todo-search{flex-direction:column}.todo-item,.todo-edit-form{flex-direction:column;align-items:stretch}.todo-actions{justify-content:flex-end}.todo-pagination{flex-direction:column;align-items:stretch}}