@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@400;500;600;700&display=swap");:root{--color-primary:#c4614a;--color-primary-hover:sienna;--color-secondary:#e8a598;--color-accent:sienna;--color-bg:#faf3ec;--color-surface:#fff;--color-surface-2:#fdf8f3;--color-surface-offset:#f5ebe0;--color-surface-dynamic:#ede0d4;--color-border:#e8d5c0;--color-divider:#e0ceba;--color-text:#3d3530;--color-text-muted:#9b7e8e;--color-text-faint:#c4aeb8;--color-error:#8b2635;--phase-menstrual:#c4614a;--phase-follicular:#8faf8a;--phase-ovulation:#d4899a;--phase-luteal:#9b7e8e;--risk-low:#2d5a3d;--risk-medium:#c4614a;--risk-high:#8b2635;--risk-unknown:#9b7e8e;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--shadow-sm:0 1px 2px oklch(0.2 0.02 30/0.06);--shadow-md:0 4px 12px oklch(0.2 0.02 30/0.08);--shadow-lg:0 12px 32px oklch(0.2 0.02 30/0.12);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{display:flex;justify-content:center;min-height:100dvh}body>*{width:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select,textarea{font-size:16px;font-family:var(--font-body)}.display{font-family:var(--font-display)}.phase-menstrual{color:var(--phase-menstrual);background:var(--color-surface);border-color:color-mix(in srgb,var(--phase-menstrual) 35%,transparent)!important;box-shadow:0 4px 28px color-mix(in srgb,var(--phase-menstrual) 12%,transparent)}.phase-follicular{color:#3d6b3a;background:var(--color-surface);border-color:color-mix(in srgb,var(--phase-follicular) 40%,transparent)!important;box-shadow:0 4px 28px color-mix(in srgb,var(--phase-follicular) 12%,transparent)}.phase-ovulation{color:#8b3a52;border-color:color-mix(in srgb,var(--phase-ovulation) 40%,transparent)!important;box-shadow:0 4px 28px color-mix(in srgb,var(--phase-ovulation) 12%,transparent)}.phase-luteal,.phase-ovulation{background:var(--color-surface)}.phase-luteal{color:#5c3d52;border-color:color-mix(in srgb,var(--phase-luteal) 40%,transparent)!important;box-shadow:0 4px 28px color-mix(in srgb,var(--phase-luteal) 12%,transparent)}.phase-unknown{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border)!important;box-shadow:0 2px 12px color-mix(in srgb,var(--color-border) 40%,transparent)}.risk-low{color:var(--risk-low);background:color-mix(in srgb,var(--risk-low) 10%,var(--color-bg))}.risk-medium{color:var(--color-accent);background:color-mix(in srgb,var(--risk-medium) 10%,var(--color-bg))}.risk-high{color:var(--risk-high);background:color-mix(in srgb,var(--risk-high) 10%,var(--color-bg))}.risk-unknown{color:var(--color-text-muted);background:color-mix(in srgb,var(--risk-unknown) 10%,var(--color-bg))}