:root{--phase-menstrual: #FF5C8A;--phase-follicular: #34D6A8;--phase-ovulation: #FFC24B;--phase-luteal: #6C7BF5;--accent-her: #FF5C8A;--accent-him: #6C7BF5;--bg-her: #FFFCF4;--bg-him: #F4F7FF;--card-bg: #fff;--card-dark: #20223A;--card-mint: #E7FBF3;--card-yellow: #FFF0D6;--card-lavender: #F4EFFA;--inactive-bg: #f1f0f5;--inactive-tab: #eef0f7;--text-primary: #20223A;--text-muted: #6a6478;--text-mono: #9a8f82;--text-tab-inactive: #a0a4ba;--border-her: #f1e7ea;--border-her-strong: #ffe6ee;--border-him: #e7eaf5;--border-him-strong: #e4ebff;--radius-card: 22px;--radius-card-lg: 24px;--radius-field: 20px;--radius-chip: 18px;--radius-btn: 18px;--radius-tab: 12px;--font-heading: "Fredoka", sans-serif;--font-body: "Space Grotesk", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-her)}#root{height:100%;overflow:hidden;display:flex;flex-direction:column}.scroll-panel{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-panel::-webkit-scrollbar{display:none}@keyframes betweenPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.tab-item{transition:transform .12s ease;cursor:pointer}.tab-item:active{transform:scale(.92)}.card{background:var(--card-bg);border-radius:var(--radius-card);padding:14px 16px}.btn-primary-her{background:var(--accent-her);color:#fff;border:none;border-radius:var(--radius-btn);padding:15px;font-family:var(--font-heading);font-weight:600;font-size:15px;cursor:pointer;width:100%;box-shadow:0 14px 26px -10px #ff5c8a8c}.btn-primary-him{background:var(--accent-him);color:#fff;border:none;border-radius:var(--radius-btn);padding:15px;font-family:var(--font-heading);font-weight:600;font-size:15px;cursor:pointer;width:100%;box-shadow:0 14px 26px -10px #6c7bf58c}.mono-label{font-family:var(--font-body);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mono)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20223a52;z-index:30;opacity:0;pointer-events:none;transition:opacity .25s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:88%;border-radius:30px 30px 0 0;transform:translateY(101%);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:hidden;z-index:31}.sheet-card.open{transform:translateY(0)}.drag-handle{width:38px;height:5px;border-radius:3px;background:#e3d8dd;margin:10px auto 4px;flex-shrink:0;cursor:pointer}