*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-md);line-height:var(--lh-normal);transition:background-color .2s ease,color .2s ease}h1{font-size:var(--font-xl);line-height:var(--lh-tight)}h2{font-size:var(--font-lg);line-height:var(--lh-tight)}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.theme-toggle{font-size:1.25rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--color-text-primary);transition:background-color .15s ease}.theme-toggle:hover{background-color:var(--color-primary-soft)}:root{--color-background: #f7f9fc;--color-surface: #f3f6fb;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-primary: #2563eb;--color-primary-soft: #e0edff;--color-action: #1976d2;--color-success: #16a34a;--color-danger: #dc2626;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 2rem;--lh-tight: 1.2;--lh-normal: 1.5}html.dark{--color-background: #020617;--color-surface: #0b1220;--color-surface-alt: #0f172a;--color-border: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5f5;--color-text-muted: #94a3b8;--color-primary: #60a5fa;--color-primary-soft: rgba(96, 165, 250, .15);--color-action: #60a5fa;--color-success: #22c55e;--color-danger: #f87171;--shadow-card: 0 1px 2px rgba(255, 255, 255, .06), 0 8px 24px rgba(255, 255, 255, .08);--color-surface-completed: #0f172a;--color-text-completed: #94a3b8}html.dark .habit-item{border-color:var(--color-border)}html:not(.dark) .habit-item{border-color:var(--color-border);box-shadow:var(--shadow-card)}