.app{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:#fafaf8;color:var(--text-primary);overflow:hidden;padding-top:env(safe-area-inset-top)}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + 16px)}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffff80;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.6);box-shadow:0 -2px 16px #0000000a,inset 0 1px #fff6;display:flex;align-items:flex-start;justify-content:space-around;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);transition:color .2s}.tab-dot{width:4px;height:4px;border-radius:50%;transition:opacity .2s}:root{--bg-primary: #FFFFFF;--bg-elevated: rgba(255, 255, 255, .75);--bg-deep: #F2F0ED;--text-primary: #1C1917;--text-secondary: #6B6560;--text-tertiary: #A8A29E;--phase-menstrual: #C4705A;--phase-follicular: #6B8E68;--phase-ovulatory: #D4A843;--phase-luteal: #9B7E9B;--phase-menstrual-contrast: #7B9EBD;--phase-follicular-contrast: #D4856E;--phase-ovulatory-contrast: #8E9AB8;--phase-luteal-contrast: #8BA888;--phase-menstrual-muted: rgba(196, 112, 90, .08);--phase-follicular-muted: rgba(139, 168, 136, .08);--phase-ovulatory-muted: rgba(212, 168, 67, .08);--phase-luteal-muted: rgba(155, 126, 155, .08);--phase-menstrual-glow: rgba(196, 112, 90, .5);--phase-follicular-glow: rgba(139, 168, 136, .45);--phase-ovulatory-glow: rgba(212, 168, 67, .5);--phase-luteal-glow: rgba(155, 126, 155, .45);--phase-menstrual-wash: rgba(196, 112, 90, .04);--phase-follicular-wash: rgba(139, 168, 136, .04);--phase-ovulatory-wash: rgba(212, 168, 67, .04);--phase-luteal-wash: rgba(155, 126, 155, .04);--accent: #B8922E;--accent-muted: rgba(184, 146, 46, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: none;--shadow-fab: 0 2px 12px rgba(0, 0, 0, .06);--tab-bar-height: 56px;--fab-size: 48px;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);overscroll-behavior:none}.display-hero{font-family:var(--font-body);font-size:52px;font-weight:300;line-height:1.1}.display-heading{font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.3}.display-phase{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.value-large{font-family:var(--font-body);font-size:24px;font-weight:300;line-height:1.2}.body-primary{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.6}.body-small{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.5}.body-caption{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.3;color:var(--text-secondary)}.mono-meta{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--text-tertiary)}.tabular-numbers{font-variant-numeric:tabular-nums}