.container.svelte-19puqok{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg) var(--space-5xl);min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.page-header.svelte-19puqok{padding:var(--space-2xl) 0 var(--space-xl)}.header-content.svelte-19puqok{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg)}.page-title.svelte-19puqok{font-size:var(--font-size-3xl);font-weight:700;margin:0;color:var(--color-text-primary);line-height:1.2}.stats.svelte-19puqok{display:flex;gap:var(--space-lg);align-items:flex-end}.stat-item.svelte-19puqok{display:flex;flex-direction:column;align-items:flex-end}.stat-item.overdue.svelte-19puqok .stat-number:where(.svelte-19puqok){color:var(--color-danger)}.stat-number.svelte-19puqok{font-size:var(--font-size-2xl);font-weight:700;line-height:1;color:var(--color-text-primary)}.stat-label.svelte-19puqok{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;margin-top:var(--space-xs)}.welcome-state.svelte-19puqok,.empty-state.svelte-19puqok{text-align:center;padding:var(--space-5xl) var(--space-lg);margin-top:var(--space-3xl)}.welcome-icon.svelte-19puqok,.empty-icon.svelte-19puqok{font-size:3rem;margin-bottom:var(--space-xl);display:block}.welcome-title.svelte-19puqok,.empty-title.svelte-19puqok{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.welcome-text.svelte-19puqok,.empty-text.svelte-19puqok{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-2xl) 0}.welcome-cta.svelte-19puqok{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-weight:600;transition:all var(--animation-fast);box-shadow:var(--shadow-md)}.welcome-cta.svelte-19puqok:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.welcome-arrow.svelte-19puqok{width:1.25rem;height:1.25rem}.todos-container.svelte-19puqok{margin-top:var(--space-lg)}.todo-list.svelte-19puqok{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.todo-item.svelte-19puqok{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--animation-fast);position:relative;overflow:hidden}.todo-item.svelte-19puqok:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-color);opacity:.8}.todo-item.svelte-19puqok:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.todo-item[data-disabled=true].svelte-19puqok{opacity:.6;filter:grayscale(.2)}.todo-indicator.svelte-19puqok{width:12px;height:12px;border-radius:var(--radius-full);background:var(--accent-color);margin-top:var(--space-xs);flex-shrink:0}.todo-content.svelte-19puqok{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.todo-title.svelte-19puqok{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);line-height:1.4}.todo-meta.svelte-19puqok{display:flex;flex-direction:column;gap:var(--space-sm)}.context-badge.svelte-19puqok{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500;width:fit-content}.badge-icon.svelte-19puqok{width:.875rem;height:.875rem;stroke-width:2}.time-info.svelte-19puqok{display:flex;align-items:center;gap:var(--space-sm)}.urgency-badge.svelte-19puqok{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.025em}.todo-time.svelte-19puqok{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.todo-actions.svelte-19puqok{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.inline-form.svelte-19puqok{display:contents}.action-btn.svelte-19puqok{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--animation-fast);flex-shrink:0}.cancel-btn.svelte-19puqok{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary)}.cancel-btn.svelte-19puqok:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse);transform:scale(1.05)}.action-btn.svelte-19puqok svg:where(.svelte-19puqok){width:1.25rem;height:1.25rem;stroke-width:2}.fab.svelte-19puqok{position:fixed;width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--animation-normal);z-index:30}.fab.svelte-19puqok:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.fab.svelte-19puqok:active{transform:translateY(0)}.primary-fab.svelte-19puqok{right:var(--space-lg);bottom:var(--space-lg);background:var(--color-primary);color:var(--color-text-inverse)}.secondary-fab.svelte-19puqok{left:var(--space-lg);bottom:var(--space-lg);background:var(--color-secondary);color:var(--color-text-inverse)}.fab.svelte-19puqok svg:where(.svelte-19puqok){width:1.5rem;height:1.5rem;stroke-width:2}.modal-overlay.svelte-19puqok{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:50;animation:svelte-19puqok-modalFadeIn var(--animation-normal)}@keyframes svelte-19puqok-modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-19puqok{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:400px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:svelte-19puqok-modalSlideIn var(--animation-normal)}@keyframes svelte-19puqok-modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header.svelte-19puqok{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) 0}.modal-title.svelte-19puqok{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close.svelte-19puqok{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--animation-fast)}.modal-close.svelte-19puqok:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-close.svelte-19puqok svg:where(.svelte-19puqok){width:1.25rem;height:1.25rem;stroke-width:2}.modal-form.svelte-19puqok{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.form-field.svelte-19puqok{display:flex;flex-direction:column;gap:var(--space-sm)}.field-label.svelte-19puqok{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.field-input.svelte-19puqok{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--animation-fast);background:var(--color-surface);color:var(--color-text-primary)}.field-input.svelte-19puqok:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a1a1a1a}.field-input.svelte-19puqok::placeholder{color:var(--color-text-muted)}.form-actions.svelte-19puqok{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-sm)}.btn.svelte-19puqok{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;transition:all var(--animation-fast);border:1px solid;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-primary.svelte-19puqok{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary.svelte-19puqok:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px)}.btn-secondary.svelte-19puqok{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-secondary.svelte-19puqok:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-block.svelte-19puqok{width:100%}.bottom-sheet.svelte-19puqok{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:80vh;animation:svelte-19puqok-sheetSlideUp var(--animation-normal);box-shadow:var(--shadow-xl)}@keyframes svelte-19puqok-sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header.svelte-19puqok{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-light);text-align:center;position:relative}.sheet-handle.svelte-19puqok{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-md)}.sheet-title.svelte-19puqok{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.sheet-content.svelte-19puqok{padding:var(--space-md) var(--space-lg)}.sheet-action.svelte-19puqok{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);transition:all var(--animation-fast);background:var(--color-surface);border:1px solid var(--color-border-light)}.sheet-action.svelte-19puqok:hover{background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-icon.svelte-19puqok{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-secondary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon.svelte-19puqok svg:where(.svelte-19puqok){width:1.25rem;height:1.25rem;stroke-width:2}.action-content.svelte-19puqok{flex:1;min-width:0}.action-title.svelte-19puqok{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.action-subtitle.svelte-19puqok{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.action-arrow.svelte-19puqok{width:1.25rem;height:1.25rem;color:var(--color-text-muted);stroke-width:2;flex-shrink:0}.sheet-footer.svelte-19puqok{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border-light)}@media (max-width: 480px){.stats.svelte-19puqok{flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.fab.svelte-19puqok{width:52px;height:52px}.fab.svelte-19puqok svg:where(.svelte-19puqok){width:1.375rem;height:1.375rem}.modal-overlay.svelte-19puqok{padding:0;align-items:flex-end}.modal-content.svelte-19puqok{max-width:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}}@supports (padding: max(0px)){.container.svelte-19puqok{padding-left:max(var(--space-lg),env(safe-area-inset-left));padding-right:max(var(--space-lg),env(safe-area-inset-right));padding-bottom:max(var(--space-5xl),env(safe-area-inset-bottom))}.fab.svelte-19puqok{bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.primary-fab.svelte-19puqok{right:max(var(--space-lg),env(safe-area-inset-right))}.secondary-fab.svelte-19puqok{left:max(var(--space-lg),env(safe-area-inset-left))}}