main.svelte-agpf56.svelte-agpf56{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.loading-container.svelte-agpf56.svelte-agpf56{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#6c757d}.spinner.svelte-agpf56.svelte-agpf56{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:svelte-agpf56-spin 1s linear infinite;margin-bottom:16px}@keyframes svelte-agpf56-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.app-container.svelte-agpf56.svelte-agpf56{display:flex;flex-direction:column;flex:1}header.svelte-agpf56.svelte-agpf56{text-align:center;margin-bottom:40px}header.svelte-agpf56 h1.svelte-agpf56{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}header.svelte-agpf56 p.svelte-agpf56{color:#7f8c8d;font-size:1.1rem}footer.svelte-agpf56.svelte-agpf56{margin-top:auto;text-align:center;padding-top:40px;color:#95a5a6}@media(max-width: 600px){main.svelte-agpf56.svelte-agpf56{padding:10px}header.svelte-agpf56 h1.svelte-agpf56{font-size:2rem}header.svelte-agpf56 p.svelte-agpf56{font-size:1rem}}/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 100vh;
}

/* Focus styles for accessibility */
button:focus,
input:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

/* Smooth transitions */
* {
  transition: color 0.2s ease, background-color 0.2s ease,
    border-color 0.2s ease;
}
.login-container.svelte-1yr3sk4.svelte-1yr3sk4{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:20px}.login-card.svelte-1yr3sk4.svelte-1yr3sk4{background:white;border-radius:12px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);padding:40px;width:100%;max-width:400px}.login-header.svelte-1yr3sk4.svelte-1yr3sk4{text-align:center;margin-bottom:30px}.login-header.svelte-1yr3sk4 h1.svelte-1yr3sk4{color:#333;font-size:28px;font-weight:600;margin:0 0 8px 0}.subtitle.svelte-1yr3sk4.svelte-1yr3sk4{color:#666;font-size:16px;margin:0}.login-form.svelte-1yr3sk4.svelte-1yr3sk4{display:flex;flex-direction:column;gap:20px}.form-group.svelte-1yr3sk4.svelte-1yr3sk4{display:flex;flex-direction:column;gap:8px}.form-group.svelte-1yr3sk4 label.svelte-1yr3sk4{color:#333;font-weight:500;font-size:14px}.form-group.svelte-1yr3sk4 input.svelte-1yr3sk4{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color 0.2s}.form-group.svelte-1yr3sk4 input.svelte-1yr3sk4:focus{outline:none;border-color:#667eea}.form-group.svelte-1yr3sk4 input.svelte-1yr3sk4:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message.svelte-1yr3sk4.svelte-1yr3sk4{background-color:#fee;color:#c33;padding:12px;border-radius:6px;font-size:14px;text-align:center}.login-button.svelte-1yr3sk4.svelte-1yr3sk4{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:transform 0.2s, box-shadow 0.2s;display:flex;align-items:center;justify-content:center;gap:8px}.login-button.svelte-1yr3sk4.svelte-1yr3sk4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(102, 126, 234, 0.3)}.login-button.svelte-1yr3sk4.svelte-1yr3sk4:disabled{opacity:0.7;cursor:not-allowed}.spinner.svelte-1yr3sk4.svelte-1yr3sk4{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-1yr3sk4-spin 1s linear infinite}@keyframes svelte-1yr3sk4-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-mode.svelte-1yr3sk4.svelte-1yr3sk4{text-align:center;margin-top:24px;color:#666;font-size:14px}.link-button.svelte-1yr3sk4.svelte-1yr3sk4{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline;padding:0;margin-left:4px}.link-button.svelte-1yr3sk4.svelte-1yr3sk4:hover{color:#764ba2}@media(max-width: 480px){.login-container.svelte-1yr3sk4.svelte-1yr3sk4{padding:10px}.login-card.svelte-1yr3sk4.svelte-1yr3sk4{padding:30px 20px}.login-header.svelte-1yr3sk4 h1.svelte-1yr3sk4{font-size:24px}}.todo-container.svelte-pau8iw.svelte-pau8iw{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);overflow:hidden}.user-header.svelte-pau8iw.svelte-pau8iw{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.user-info.svelte-pau8iw.svelte-pau8iw{display:flex;align-items:center;gap:8px}.welcome-text.svelte-pau8iw.svelte-pau8iw{font-size:14px;color:#495057;font-weight:500}.logout-button.svelte-pau8iw.svelte-pau8iw{background:#dc3545;color:white;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color 0.2s}.logout-button.svelte-pau8iw.svelte-pau8iw:hover{background:#c82333}.error-banner.svelte-pau8iw.svelte-pau8iw{display:flex;justify-content:space-between;align-items:center;background:#f8d7da;color:#721c24;padding:12px 20px;border-bottom:1px solid #f5c6cb;font-size:14px}.error-close.svelte-pau8iw.svelte-pau8iw{background:none;border:none;color:#721c24;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.error-close.svelte-pau8iw.svelte-pau8iw:hover{background:#f1b0b7}.loading-state.svelte-pau8iw.svelte-pau8iw{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.loading-state.svelte-pau8iw .spinner.svelte-pau8iw{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:svelte-pau8iw-spin 1s linear infinite;margin-bottom:16px}@keyframes svelte-pau8iw-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.todo-input-container.svelte-pau8iw.svelte-pau8iw{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.toggle-all.svelte-pau8iw.svelte-pau8iw{width:20px;height:20px;margin-right:12px;cursor:pointer}.todo-input.svelte-pau8iw.svelte-pau8iw{flex:1;border:none;outline:none;font-size:16px;padding:8px 0;background:transparent}.todo-input.svelte-pau8iw.svelte-pau8iw::placeholder{color:#adb5bd}.todo-list.svelte-pau8iw.svelte-pau8iw{list-style:none;margin:0;padding:0}.todo-item.svelte-pau8iw.svelte-pau8iw{border-bottom:1px solid #e9ecef;position:relative}.todo-item.svelte-pau8iw.svelte-pau8iw:last-child{border-bottom:none}.todo-item.editing.svelte-pau8iw .todo-view.svelte-pau8iw{display:none}.todo-view.svelte-pau8iw.svelte-pau8iw{display:flex;align-items:center;padding:12px 20px}.todo-checkbox.svelte-pau8iw.svelte-pau8iw{width:18px;height:18px;margin-right:12px;cursor:pointer}.todo-text.svelte-pau8iw.svelte-pau8iw{flex:1;font-size:16px;line-height:1.4;word-break:break-word;cursor:pointer;user-select:none}.todo-text.completed.svelte-pau8iw.svelte-pau8iw{text-decoration:line-through;color:#6c757d}.todo-delete.svelte-pau8iw.svelte-pau8iw{background:none;border:none;font-size:20px;color:#dc3545;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:0;transition:opacity 0.2s, background-color 0.2s}.todo-item.svelte-pau8iw:hover .todo-delete.svelte-pau8iw{opacity:1}.todo-delete.svelte-pau8iw.svelte-pau8iw:hover{background-color:#f8d7da}.todo-edit-input.svelte-pau8iw.svelte-pau8iw{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #007bff;outline:none;font-size:16px;padding:12px 20px;background:white;z-index:1}.todo-footer.svelte-pau8iw.svelte-pau8iw{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f8f9fa;font-size:14px;color:#6c757d}.todo-count.svelte-pau8iw.svelte-pau8iw{flex:1}.todo-filters.svelte-pau8iw.svelte-pau8iw{display:flex;list-style:none;margin:0;padding:0;gap:8px}.filter-btn.svelte-pau8iw.svelte-pau8iw{background:none;border:none;padding:4px 8px;cursor:pointer;color:#6c757d;border-radius:4px;transition:color 0.2s, background-color 0.2s}.filter-btn.svelte-pau8iw.svelte-pau8iw:hover{color:#495057;background-color:#e9ecef}.filter-btn.selected.svelte-pau8iw.svelte-pau8iw{color:#007bff;border:1px solid #007bff}.clear-completed.svelte-pau8iw.svelte-pau8iw{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color 0.2s, background-color 0.2s}.clear-completed.svelte-pau8iw.svelte-pau8iw:hover{color:#dc3545;background-color:#f8d7da}.empty-state.svelte-pau8iw.svelte-pau8iw{text-align:center;padding:40px 20px;color:#6c757d;font-size:16px}@media(max-width: 600px){.todo-footer.svelte-pau8iw.svelte-pau8iw{flex-direction:column;gap:12px;align-items:flex-start}.todo-filters.svelte-pau8iw.svelte-pau8iw{width:100%;justify-content:center}}