.mock-mobile-page,.mock-phone{--primary: #7a6ae6;--surface: #ffffff;--background: #f8f7fc;--surface-variant: #f1effa;--border: #e6e3f2;--text-primary: #1e1d2a;--text-secondary: #6b6882;--text-tertiary: rgba(107, 104, 130, .65);--menstruation-bg: #f8dde1;--menstruation-surface: #fdecee;--menstruation-fg: #b84b5f;--fertile-bg: #ddf2ea;--fertile-surface: #e7f6f1;--fertile-fg: #2f8f6e;--follicular-fg: #6b5fd3;--early-luteal-fg: #6b6882;--late-luteal-fg: #7b4fa3;--shadow-card: 0 1px 2px rgba(0, 0, 0, .02)}.mock-mobile-page{min-height:100vh;display:flex;justify-content:center;background:#f4f2fa;color:var(--text-primary);font-family:Inter,sans-serif}.mock-phone{position:relative;width:390px;min-height:844px;overflow-x:hidden;background:var(--surface);color:var(--text-primary);font-family:Inter,sans-serif}.store-screenshot-page{--store-scale: 2.05;--store-device-offset-y: clamp(72px, 4vh, 120px);position:relative;height:100vh;min-height:0;display:block;overflow:hidden;background:#f4f2fa}.store-screenshot-title{position:absolute;top:clamp(94px,7vh,166px);left:48px;right:48px;z-index:2;display:flex;justify-content:center;text-align:center}.store-screenshot-title h1{max-width:1082px;margin:0;color:var(--text-secondary);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:clamp(94px,5.7vw,146px);font-weight:700;line-height:1.14;letter-spacing:0;white-space:pre-line;overflow-wrap:anywhere;text-wrap:balance}.store-screenshot-device-slot{position:absolute;left:50%;bottom:calc(var(--store-device-offset-y) * -1);width:calc(390px * var(--store-scale));height:calc(844px * var(--store-scale));transform:translate(-50%)}.store-screenshot-device-scale{width:390px;height:844px;transform:scale(var(--store-scale));transform-origin:top left}.store-screenshot-phone-clip{position:relative;width:390px;height:844px;overflow:hidden;border-radius:36px 36px 0 0;background:var(--surface);box-shadow:0 18px 44px #16132414}.store-screenshot-phone-clip .mock-phone{min-height:844px}.store-screenshot-phone-clip .bottom-nav{position:absolute}.mock-phone-frame .mock-phone{height:844px;min-height:844px;overflow:hidden}.mock-phone-frame .home-screen,.mock-phone-frame .insights-screen,.mock-phone-frame .share-sheet-screen{height:844px;min-height:844px}.mock-phone-frame .bottom-nav{position:absolute}.mock-phone-frame .home-header{padding-top:36px}.mock-phone-frame .calendar-screen,.mock-phone-frame .insights-screen{padding-top:40px}.store-screenshot-phone-clip .home-screen,.store-screenshot-phone-clip .insights-screen,.store-screenshot-phone-clip .start-screen{min-height:844px}.store-screenshot-1 .home-header,.store-screenshot-5 .share-backdrop .home-header,.store-screenshot-6 .home-header{padding-top:36px}.store-screenshot-1 .home-hero-content,.store-screenshot-6 .home-hero-content{padding-top:28px}.store-screenshot-1 .home-hero,.store-screenshot-6 .home-hero{min-height:480px}.store-screenshot-2 .calendar-screen,.store-screenshot-3 .insights-screen{padding-top:40px}.store-screenshot-2 .selected-date-card,.store-screenshot-2 .calendar-card,.store-screenshot-3 .summary-card{margin-top:16px}.store-screenshot-phone-clip .home-content,.store-screenshot-phone-clip .insights-content{padding-bottom:160px}.store-screenshot-raw{--store-scale: 2.62;--store-device-offset-y: 0px;background:var(--background)}.store-screenshot-raw .store-screenshot-device-slot{top:0;bottom:auto}.store-screenshot-raw .store-screenshot-phone-clip{border-radius:0;box-shadow:none}@media(min-height:2500px){.store-screenshot-page{--store-scale: 2.64}.store-screenshot-raw{--store-scale: 3.29}}@media(min-width:1288px)and (min-height:2790px){.store-screenshot-page{--store-scale: 2.66}.store-screenshot-raw{--store-scale: 3.31}}@media(min-aspect-ratio:3 / 4){.store-screenshot-page{--store-scale: 2.1}.store-screenshot-title h1{font-size:clamp(52px,5vw,78px)}}.mock-icon{display:inline-block;flex:0 0 auto;-o-object-fit:contain;object-fit:contain;opacity:.88}.mock-icon-button{width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-card)}.home-screen{min-height:1788px}.home-hero{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(180deg,#fff,#fff)}.home-screen.phase-fertile .home-hero{background:linear-gradient(180deg,#ddf2ea0f,#2f8f6e0f)}.home-screen.phase-menstruation .home-hero{background:linear-gradient(180deg,#f8dde10f,#b84b5f0f)}.home-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:76px 28px 0}.profile-pill{height:38px;display:inline-flex;align-items:center;gap:9px;padding:0 14px 0 4px;border:0;border-radius:999px;background:#ffffffdb;color:var(--text-secondary);box-shadow:var(--shadow-card);font-size:14px;font-weight:600;line-height:1.2}.avatar-ring{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--surface-variant);color:#6b688247}.home-hero-content{position:relative;z-index:1;padding-top:38px;text-align:center}.mock-date{margin:0;color:#6b688280;font-size:14px;line-height:1}.cycle-label{margin:40px 0 0;font-size:16px;line-height:1}.cycle-day{margin:24px 0 0;color:var(--text-primary);font-size:52px;font-weight:600;line-height:1}.phase-chip{min-width:116px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:40px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:500;line-height:1.2}.phase-chip span{width:6px;height:6px;border-radius:999px}.phase-chip-fertile{background:var(--fertile-bg);color:var(--fertile-fg)}.phase-chip-fertile span{background:var(--fertile-fg)}.phase-chip-menstruation{background:var(--menstruation-bg);color:var(--menstruation-fg)}.phase-chip-menstruation span{background:var(--menstruation-fg)}.phase-next-list{margin-top:32px;font-size:14px;line-height:1}.phase-next-list p{margin:0 0 12px}.phase-next-list p:first-child{color:var(--text-secondary)}.phase-next-list p:last-child{color:#6b68823d}.share-button{position:absolute;right:28px;bottom:43px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#6b688257}.fertile-glow{position:absolute;inset:168px -80px auto;height:265px;background:radial-gradient(circle at 20% 72%,rgba(47,143,110,.1),transparent 26%),radial-gradient(circle at 82% 45%,rgba(47,143,110,.08),transparent 30%)}.phase-waves{position:absolute;top:226px;left:0;width:390px;height:78px}.phase-waves path{fill:none;stroke:#b84b5f14;stroke-width:1.5}.home-content{position:relative;z-index:2;margin-top:-40px;padding:46px 28px 160px;border-radius:36px 36px 0 0;background:var(--surface)}.wellness-section h2,.tips-section h2,.hormone-section h2,.experiences-section h2,.cycle-trends h2,.recent-history h2,.insights-wellness h2{margin:0;color:var(--text-primary);font-size:16px;font-weight:400;line-height:1}.wellness-summary{min-height:68px;display:flex;align-items:center;gap:16px;margin-top:40px;padding:16px;border-radius:16px}.wellness-summary.phase-fertile{background:linear-gradient(180deg,#ddf2ea6b,#2f8f6e0f);color:var(--fertile-fg)}.wellness-summary.phase-menstruation{background:linear-gradient(180deg,#f8dde16b,#b84b5f0f);color:var(--menstruation-fg)}.wellness-summary p{margin:0;color:var(--text-primary);font-size:14px;line-height:1.2}.metric-row{margin-top:28px}.metric-row+.metric-row{margin-top:16px}.metric-labels{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-size:14px;line-height:1.2}.metric-labels span:last-child{font-size:16px}.metric-bars{display:grid;grid-template-columns:repeat(5,30px);gap:5px;margin-top:8px}.metric-bars span{height:8px;border-radius:999px;background:#efeaff}.metric-bars span.active.phase-fertile{background:#2f8f6e99}.metric-bars span.active.phase-menstruation{background:#b84b5f99}.wellness-note{margin:16px 0 0;color:#6b688252;text-align:right;font-size:12px;font-weight:500;line-height:1}.tips-section,.hormone-section,.experiences-section{margin-top:52px}.tips-scroller{display:flex;gap:12px;width:calc(100% + 28px);overflow:hidden;margin-top:32px}.tip-card{flex:0 0 286px;min-height:124px;padding:20px;border-radius:20px;background:var(--surface-variant)}.tip-card div{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.tip-card h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:400;line-height:1}.tip-card p{margin:14px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.2}.pager-dots{display:flex;justify-content:center;gap:12px;margin-top:12px}.pager-dots span{width:6px;height:6px;border-radius:999px;background:#6b68823d}.pager-dots .active{background:var(--text-secondary)}.hormone-chart{margin-top:40px}.hormone-chart svg{width:100%;height:auto;display:block}.mock-hormone-chart-tablet{display:none}.axis{stroke:#c9c6d8;stroke-width:1}.grid{stroke:#6b688229;stroke-dasharray:1 2}.estrogen,.progesterone{fill:none;stroke-linecap:round;stroke-width:2.2}.estrogen{stroke:var(--text-secondary)}.progesterone{stroke:#6b688257}.fertile-marker{fill:#2f8f6e29}.period-marker{fill:#f8dde1c7}.ovulation-line{stroke:var(--fertile-fg);stroke-dasharray:1 3;stroke-width:1}.today-label{fill:var(--text-secondary);font-size:12px;font-weight:600}.ovulation-label{fill:var(--fertile-fg);font-size:12px;font-weight:600}.phase-axis{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;text-align:center;font-size:12px;font-weight:500;line-height:1.2}.phase-axis span:nth-child(1){color:var(--menstruation-fg)}.phase-axis span:nth-child(2){color:var(--follicular-fg)}.phase-axis span:nth-child(3){color:var(--early-luteal-fg)}.phase-axis span:nth-child(4){color:var(--late-luteal-fg)}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;color:#6b68823d;font-size:12px;font-weight:500}.chart-legend span{width:32px;height:3px;border-radius:999px}.estrogen-line{background:var(--text-secondary)}.progesterone-line{background:#6b688257}.hormone-note,.insights-note{margin:16px 0 0;color:#6b688247;text-align:right;font-size:12px;font-weight:500;line-height:1.2}.experiences-section h2{color:var(--text-secondary)}.experiences-section ul{margin:32px 0 0;padding-left:28px;list-style:disc;list-style-position:outside;color:var(--text-primary);font-size:16px;line-height:1.2}.experiences-section li::marker{color:var(--text-primary)}.experiences-section li+li{margin-top:16px}.calendar-screen,.insights-screen{min-height:844px;padding-top:80px;background:var(--background)}.simple-header{position:relative;height:56px;display:flex;align-items:center;justify-content:center;padding:0 24px}.simple-header h1{margin:0;color:var(--text-primary);text-align:center;font-size:24px;font-weight:600;line-height:1}.simple-header .mock-icon-button{position:absolute;right:24px;top:4px;width:48px;height:48px}.simple-header .mock-icon-button .mock-icon{width:24px!important;height:24px!important}.selected-date-card,.calendar-card,.summary-card{margin:20px 20px 0;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card)}.selected-date-card{position:relative;min-height:186px;padding:32px}.selected-date{margin:0;color:var(--text-secondary);text-align:center;font-size:14px;font-weight:400;line-height:1.2}.selected-copy{margin-top:24px}.selected-copy p{margin:0 0 8px;color:#6b688253;font-size:12px;font-weight:500;line-height:1.2}.selected-copy h2{margin:0 0 24px;color:var(--text-primary);font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap}.selected-copy h2:last-child{margin-bottom:0;color:var(--text-secondary)}.selected-date-card>.mock-icon{position:absolute;right:34px;top:82px;color:#6b688252;width:20px!important;height:20px!important}.calendar-card{margin:24px 0 0;min-height:433px;padding:46px 16px 42px;border-radius:36px 36px 0 0}.month-header{height:32px;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary)}.month-header p{display:flex;gap:18px;margin:0;color:var(--text-primary);font-size:14px;line-height:1.2}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:12px;margin-top:16px;text-align:center}.weekday{color:#6b688247;font-size:14px;line-height:1.2}.weekday.weekend{color:var(--text-secondary)}.calendar-day{position:relative;height:42px;display:grid;place-items:center;color:var(--text-primary);font-size:14px;line-height:1.2}.calendar-day span{position:relative;z-index:1}.calendar-day.muted{color:#6b688247}.calendar-day.period:before,.calendar-day.selected:before,.calendar-day.fertile:before{content:"";position:absolute;width:40px;height:40px;border-radius:999px}.calendar-day.period:before{background:var(--menstruation-bg)}.calendar-day.selected:before{background:#efeaff}.calendar-day.selected{color:var(--primary)}.calendar-day.fertile:before{background:var(--fertile-bg)}.calendar-day.ovulation:before,.calendar-day.predictedPeriod:before{content:"";position:absolute;width:40px;height:40px;border-radius:999px;border:1.5px dashed currentColor}.calendar-day.ovulation{color:var(--fertile-fg)}.calendar-day.predictedPeriod{color:var(--menstruation-fg)}.calendar-day.logged:after{content:"";position:absolute;bottom:1px;width:4px;height:4px;border-radius:999px;background:var(--primary)}.insights-screen{min-height:1536px}.insights-header{padding-right:32px;padding-left:32px}.summary-card{margin:30px 20px 0;padding:36px 42px 38px;border-radius:20px}.summary-metric{display:flex;align-items:center;justify-content:space-between;gap:20px}.summary-metric+.summary-metric{margin-top:32px}.summary-metric p{margin:0;color:#6b68823d;font-size:14px;font-weight:600;line-height:1.2}.summary-metric strong{display:block;margin-top:16px;color:var(--text-primary);font-size:18px;font-weight:400;line-height:1.2}.summary-metric span{min-width:90px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--fertile-surface);color:#4faf8b;font-size:14px;font-weight:600;line-height:1.2}.insights-note{margin:18px 24px 0;text-align:center}.insights-content{margin-top:32px;padding:58px 32px 160px;border-radius:36px 36px 0 0;background:var(--surface)}.cycle-trends>p{margin:42px 0 0;color:var(--text-primary);font-size:16px;line-height:1.2}.trend-chart{margin-top:40px}.trend-chart>p{margin:0 0 12px;color:#6b68823d;text-align:center;font-size:14px;font-weight:600;line-height:1.2}.trend-chart svg{width:100%;display:block}.mock-trend-chart-tablet{display:none}.trend-axis{stroke:var(--text-secondary);stroke-width:1.3}.normal-band{fill:#f1effabd}.trend-line{fill:none;stroke:var(--text-primary);stroke-width:3;stroke-linecap:round}.trend-dot{fill:var(--text-primary)}.axis-label,.trend-value{fill:var(--text-secondary);font-size:16px}.trend-dates{display:flex;justify-content:space-between;margin-top:-10px;color:var(--text-secondary);font-size:14px;line-height:1.2}.trend-chart h3{margin:20px 0 0;color:var(--text-secondary);text-align:center;font-size:16px;font-weight:600;line-height:1.2}.normal-legend{display:flex;align-items:center;gap:12px;margin-top:18px;color:#6b68822e;font-size:14px;line-height:1.2}.normal-legend span{width:44px;height:16px;background:#f1effab8}.recent-history,.insights-wellness{margin-top:52px}.section-row-title{display:flex;align-items:center;justify-content:space-between}.section-row-title a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:16px;font-weight:600;line-height:1.2}.history-row{margin-top:28px}.history-row-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}.history-row h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:400;line-height:1.2}.history-row p{margin:4px 0 0;color:#6b688247;font-size:14px;font-weight:600;line-height:1.2}.history-row strong{color:#6b688261;font-size:16px;font-weight:400;line-height:1.2}.current-cycle{padding:5px 11px;border-radius:999px;background:var(--surface-variant);color:var(--text-secondary);font-size:14px;font-weight:600;line-height:1.2}.cycle-dots{display:flex;gap:4px;margin-top:8px}.cycle-dots span{width:6px;height:6px;border-radius:999px;background:#e6e3f2}.cycle-dots .p{background:var(--menstruation-fg)}.cycle-dots .f{background:#2f8f6e99}.summary-tabs{display:flex;gap:14px;width:calc(100% + 32px);overflow:hidden;margin-top:40px}.summary-tabs span{flex:0 0 auto;padding:13px 20px;border-radius:999px;background:#f1effa9e;color:#6b688259;font-size:16px;line-height:1.2}.summary-tabs .active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.insights-wellness ul{margin:28px 0 0;padding-left:28px;list-style:disc;list-style-position:outside;color:var(--text-primary);font-size:16px;line-height:1.2}.insights-wellness li::marker{color:var(--text-primary)}.insights-wellness li+li{margin-top:24px}.start-screen{min-height:844px;display:flex;flex-direction:column;padding:48px 20px 40px;background:var(--background)}.start-brand{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.start-brand img{width:68px;height:68px}.start-brand span{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.start-copy{margin-top:112px;text-align:center}.start-copy h1{display:flex;flex-direction:column;gap:30px;margin:0;color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:0}.start-phone-mock{position:relative;width:252px;height:360px;margin:72px auto 48px}.start-phone-mock-orb{position:absolute;top:12px;left:34px;width:188px;height:202px;border-radius:999px;background:#f1effab3}.start-phone-mock-device{position:absolute;top:36px;left:55px;width:142px;height:248px;display:flex;flex-direction:column;padding:16px;border:3px solid var(--surface-variant);border-radius:8px;background:#fffffff2;box-shadow:0 3px 40px #7a6ae605;transform:rotate(2.3deg);transform-origin:center}.start-phone-mock-speaker{width:40px;height:6px;margin:0 auto;border-radius:999px;background:var(--border)}.start-phone-mock-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-phone-mock-main span{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.2}.start-phone-mock-main strong{margin-top:4px;color:var(--primary);font-size:40px;font-weight:700;line-height:1.2}.start-phone-mock-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.start-phone-mock-dots span{width:8px;height:8px;border-radius:999px;background:var(--surface-variant)}.start-phone-mock-dots .active{background:var(--primary)}.start-phone-mock-chart{width:100%;height:40px;display:block;overflow:visible}.start-phone-mock-chart path{fill:none;stroke:#7a6ae6b3;stroke-width:2.5}.start-phone-mock-chart circle{fill:var(--primary)}.share-sheet-screen{min-height:844px;overflow:hidden;background:var(--surface)}.share-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;height:358px;overflow:hidden;background:linear-gradient(180deg,#f8dde114,#6b688214);opacity:.42;filter:grayscale(.2)}.share-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1d2a75}.share-backdrop .home-header,.share-backdrop .phase-waves{pointer-events:none}.share-bottom-sheet{position:absolute;left:0;right:0;bottom:0;z-index:3;min-height:674px;padding:24px;border-radius:36px 36px 0 0;background:var(--surface)}.share-bottom-sheet h1{margin:0;color:var(--text-primary);text-align:center;font-size:18px;font-weight:500;line-height:1.2}.share-options{margin-top:24px;overflow:hidden;border-radius:36px;background:var(--background)}.share-option-row{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);font-size:16px;line-height:1.2}.share-option-row.enabled{color:var(--text-primary)}.share-option-row.disabled{color:#6b688253}.share-option-row.disabled .mock-icon{opacity:.42}.mock-toggle{width:48px;height:28px;display:flex;align-items:center;justify-content:flex-end;padding:2px;border-radius:999px;background:var(--primary)}.mock-toggle span{width:24px;height:24px;border-radius:999px;background:var(--surface)}.share-preview-shell{height:320px;display:grid;place-items:center;margin-top:24px;padding:16px;border-radius:36px;background:var(--background)}.share-preview-card{position:relative;width:258px;height:288px;overflow:hidden;background:var(--surface);color:var(--text-primary);text-align:center}.share-preview-waves{position:absolute;top:28px;left:-40px;width:358px;height:120px}.share-preview-waves path{fill:none;stroke:#6b688229;stroke-width:1}.share-preview-date{position:relative;margin:72px 0 0;color:#6b688280;font-size:14px;line-height:1}.share-preview-label{position:relative;margin:32px 0 0;font-size:16px;line-height:1}.share-preview-day{position:relative;margin:24px 0 0;color:var(--text-primary);font-size:52px;font-weight:600;line-height:1}.share-preview-chip{position:relative;min-width:116px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:40px;padding:0 18px;border-radius:999px;background:#e8e5f6;color:var(--early-luteal-fg);font-size:13px;font-weight:500;line-height:1.2}.share-preview-chip span{width:6px;height:6px;border-radius:999px;background:var(--early-luteal-fg)}.share-preview-next{position:relative;margin-top:32px;color:var(--text-secondary);font-size:14px;line-height:1}.share-preview-next p{margin:0 0 12px}.share-preview-next p:last-child{color:#6b688280}.share-continue-button{width:100%;height:48px;margin-top:24px;border:0;border-radius:16px;background:var(--primary);color:var(--surface);font-size:16px;line-height:1}.bottom-nav{position:fixed;left:50%;bottom:26px;z-index:20;width:334px;transform:translate(-50%);display:flex;align-items:center;gap:28px;pointer-events:none}.bottom-tabs,.fab{pointer-events:auto}.bottom-tabs{width:244px;height:64px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-radius:999px;background:#fffffff5;box-shadow:0 2px 10px #1e1d2a14}.bottom-tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.2}.bottom-tabs a.active{color:var(--primary)}.bottom-tabs a.active .mock-icon{filter:invert(44%) sepia(54%) saturate(1195%) hue-rotate(219deg) brightness(94%) contrast(93%)}.bottom-tabs .mock-icon{width:22px!important;height:22px!important}.fab{width:64px;height:64px;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:var(--surface);box-shadow:0 8px 18px #7a6ae638}.fab .mock-icon{filter:invert(1)}@media(max-width:389px){.mock-phone{width:100vw}.bottom-nav{width:calc(100vw - 56px);gap:20px}}.tablet-screenshot-page{--tablet-store-scale: .72;--tablet-device-width: 2048px;--tablet-device-height: 2732px;position:relative;display:block;width:100vw;height:100vh;min-height:0;overflow:hidden;background:var(--background)}.tablet-screenshot-title{top:clamp(104px,6.8vh,176px)}.tablet-screenshot-title h1{max-width:1420px}.tablet-screenshot-device-slot{position:absolute;left:50%;bottom:-18px;width:calc(var(--tablet-device-width) * var(--tablet-store-scale));height:calc(var(--tablet-device-height) * var(--tablet-store-scale));transform:translate(-50%)}.tablet-screenshot-device-scale{width:var(--tablet-device-width);height:var(--tablet-device-height);transform:scale(var(--tablet-store-scale));transform-origin:top left}.tablet-screenshot-raw{--tablet-start-scale: 3.24;background:var(--background)}.tablet-screenshot-start-slot{position:absolute;top:0;left:50%;width:calc(390px * var(--tablet-start-scale));height:calc(844px * var(--tablet-start-scale));transform:translate(-50%)}.tablet-screenshot-start-scale{width:390px;height:844px;transform:scale(var(--tablet-start-scale));transform-origin:top left}.tablet-screenshot-raw .store-screenshot-phone-clip{border-radius:0;box-shadow:none}.tablet-screenshot-page.tablet-screenshot-raw .mock-phone{width:390px;height:auto;min-height:844px}.tablet-screenshot-screen-clip{position:relative;width:var(--tablet-device-width);height:var(--tablet-device-height);overflow:hidden;border-radius:48px 48px 0 0;background:var(--surface);box-shadow:0 24px 64px #16132414}.tablet-screenshot-page .mock-phone{width:var(--tablet-device-width);height:var(--tablet-device-height);min-height:var(--tablet-device-height);overflow:hidden}.tablet-screenshot-page .home-header{padding:98px 68px 0}.tablet-screenshot-page .profile-pill{height:66px;gap:18px;padding:0 28px 0 8px;font-size:32px}.tablet-screenshot-page .avatar-ring{width:54px;height:54px}.tablet-screenshot-page .mock-icon-button{width:82px;height:82px}.tablet-screenshot-page .home-screen{min-height:var(--tablet-device-height)}.tablet-screenshot-page .home-hero{min-height:calc(var(--tablet-device-height) * .356)}.tablet-screenshot-page .home-hero-content{padding-top:86px}.tablet-screenshot-page .mock-date{font-size:34px}.tablet-screenshot-page .cycle-label{margin-top:58px;font-size:36px}.tablet-screenshot-page .cycle-day{margin-top:42px;font-size:90px}.tablet-screenshot-page .phase-chip{height:50px;min-width:250px;gap:18px;margin-top:66px;padding:0 34px;font-size:28px}.tablet-screenshot-page .phase-chip span{width:12px;height:12px}.tablet-screenshot-page .phase-next-list{margin-top:74px;font-size:32px}.tablet-screenshot-page .phase-next-list p{margin-bottom:18px}.tablet-screenshot-page .phase-waves{top:calc(var(--tablet-device-height) * .31);width:var(--tablet-device-width);height:160px}.tablet-screenshot-page .phase-waves path{stroke-width:2.6}.tablet-screenshot-page .share-button{right:72px;bottom:22px;width:64px;height:64px}.tablet-screenshot-page .home-content{margin-top:-36px;min-height:calc(var(--tablet-device-height) * .7);padding:112px clamp(150px,14vw,292px) 260px;border-radius:70px 70px 0 0}.tablet-screenshot-page .wellness-section h2,.tablet-screenshot-page .tips-section h2,.tablet-screenshot-page .hormone-section h2,.tablet-screenshot-page .experiences-section h2,.tablet-screenshot-page .cycle-trends h2,.tablet-screenshot-page .recent-history h2,.tablet-screenshot-page .insights-wellness h2{font-size:34px}.tablet-screenshot-page .wellness-summary{max-width:1460px;min-height:94px;gap:32px;margin-top:82px;padding:24px 42px;border-radius:26px}.tablet-screenshot-page .wellness-summary p,.tablet-screenshot-page .tip-card p,.tablet-screenshot-page .cycle-trends>p{font-size:30px}.tablet-screenshot-page .metric-row{margin-top:70px}.tablet-screenshot-page .metric-row+.metric-row{margin-top:28px}.tablet-screenshot-page .metric-labels{font-size:30px}.tablet-screenshot-page .metric-labels span:last-child{font-size:34px}.tablet-screenshot-page .metric-bars{grid-template-columns:repeat(5,72px);gap:12px;margin-top:18px}.tablet-screenshot-page .metric-bars span{height:16px}.tablet-screenshot-page .wellness-note,.tablet-screenshot-page .hormone-note,.tablet-screenshot-page .insights-note{font-size:26px}.tablet-screenshot-page .tips-section,.tablet-screenshot-page .hormone-section,.tablet-screenshot-page .experiences-section{margin-top:106px}.tablet-screenshot-page .tips-scroller{gap:clamp(260px,27vw,540px);width:calc(var(--tablet-device-width) - clamp(150px,14vw,292px));margin-top:68px}.tablet-screenshot-page .tip-card{flex-basis:890px;min-height:220px;padding:50px;border-radius:42px}.tablet-screenshot-page .tip-card h3{font-size:36px}.tablet-screenshot-page .pager-dots{margin-top:32px}.tablet-screenshot-page .pager-dots span{width:14px;height:14px}.tablet-screenshot-page .hormone-section{margin-top:120px}.tablet-screenshot-page .mock-hormone-chart-mobile,.tablet-screenshot-page .phase-axis,.tablet-screenshot-page .chart-legend{display:none}.tablet-screenshot-page .mock-hormone-chart-tablet{display:block;height:360px}.tablet-screenshot-page .mock-hormone-chart-tablet .axis{stroke-width:1.4}.tablet-screenshot-page .mock-hormone-chart-tablet .grid{stroke-width:1.2;stroke-dasharray:5 10}.tablet-screenshot-page .mock-hormone-chart-tablet .estrogen,.tablet-screenshot-page .mock-hormone-chart-tablet .progesterone{stroke-width:5.5}.tablet-today-label{fill:var(--text-secondary);font-size:38px;font-weight:600}.tablet-ovulation-label{fill:var(--fertile-fg);font-size:36px;font-weight:600}.tablet-phase-axis{font-size:13px;font-weight:500;text-anchor:middle}.tablet-phase-axis .phase-period{fill:var(--menstruation-fg)}.tablet-phase-axis .phase-follicular{fill:var(--follicular-fg)}.tablet-phase-axis .phase-early-luteal{fill:var(--early-luteal-fg)}.tablet-phase-axis .phase-luteal{fill:var(--late-luteal-fg)}.tablet-chart-legend{fill:#6b688247;font-size:13px;font-weight:500}.tablet-chart-legend .estrogen-line{stroke:var(--text-secondary);stroke-width:3.5;stroke-linecap:round}.tablet-chart-legend .progesterone-line{stroke:#6b688257;stroke-width:3.5;stroke-linecap:round}.tablet-screenshot-page .calendar-screen,.tablet-screenshot-page .insights-screen{padding-top:108px}.tablet-screenshot-page .simple-header{height:92px}.tablet-screenshot-page .simple-header h1{font-size:56px}.tablet-screenshot-page .simple-header .mock-icon-button{right:64px;top:-2px;width:82px;height:82px}.tablet-screenshot-page .selected-date-card,.tablet-screenshot-page .summary-card{width:min(73vw,1470px);margin:88px auto 0;border-radius:36px}.tablet-screenshot-page .selected-date-card{min-height:390px;padding:82px}.tablet-screenshot-page .selected-date{font-size:32px}.tablet-screenshot-page .selected-copy{margin-top:68px}.tablet-screenshot-page .selected-copy p{margin-bottom:24px;font-size:28px}.tablet-screenshot-page .selected-copy h2{margin-bottom:56px;font-size:32px}.tablet-screenshot-page .selected-date-card>.mock-icon{right:84px;top:160px;width:40px!important;height:40px!important}.tablet-screenshot-page .calendar-card{margin-top:72px;min-height:calc(var(--tablet-device-height) - 690px);padding:120px 68px 80px;border-radius:70px 70px 0 0}.tablet-screenshot-page .month-header{height:48px}.tablet-screenshot-page .month-header p,.tablet-screenshot-page .calendar-grid,.tablet-screenshot-page .weekday,.tablet-screenshot-page .calendar-day{font-size:32px}.tablet-screenshot-page .month-header p{gap:22px}.tablet-screenshot-page .calendar-grid{max-width:1420px;margin:72px auto 0;row-gap:64px}.tablet-screenshot-page .calendar-day{height:64px}.tablet-screenshot-page .calendar-day.period:before,.tablet-screenshot-page .calendar-day.selected:before,.tablet-screenshot-page .calendar-day.fertile:before,.tablet-screenshot-page .calendar-day.ovulation:before,.tablet-screenshot-page .calendar-day.predictedPeriod:before{width:58px;height:58px}.tablet-screenshot-page .calendar-day.selected:before{border:3px solid var(--primary);background:var(--menstruation-bg)}.tablet-screenshot-page .calendar-day.logged:after{bottom:-4px;width:8px;height:8px}.tablet-screenshot-page .summary-card{padding:80px 86px}.tablet-screenshot-page .summary-metric+.summary-metric{margin-top:62px}.tablet-screenshot-page .summary-metric p{font-size:30px}.tablet-screenshot-page .summary-metric strong{margin-top:28px;font-size:36px}.tablet-screenshot-page .summary-metric span{min-width:194px;height:58px;font-size:28px}.tablet-screenshot-page .insights-note{margin-top:32px}.tablet-screenshot-page .insights-content{margin-top:54px;min-height:calc(var(--tablet-device-height) - 750px);padding:120px clamp(150px,14vw,292px) 260px;border-radius:70px 70px 0 0}.tablet-screenshot-page .cycle-trends>p{margin-top:84px}.tablet-screenshot-page .trend-chart{position:relative;margin-top:44px}.tablet-screenshot-page .trend-chart>p,.tablet-screenshot-page .trend-chart h3,.tablet-screenshot-page .normal-legend,.tablet-screenshot-page .trend-dates,.tablet-screenshot-page .history-row h3,.tablet-screenshot-page .history-row strong,.tablet-screenshot-page .current-cycle,.tablet-screenshot-page .section-row-title a,.tablet-screenshot-page .history-row p{font-size:30px}.tablet-screenshot-page .mock-trend-chart-mobile{display:none}.tablet-screenshot-page .mock-trend-chart-tablet{display:block;height:360px}.tablet-screenshot-page .mock-trend-chart-tablet .trend-axis{stroke-width:2}.tablet-screenshot-page .mock-trend-chart-tablet .trend-line{stroke-width:7}.tablet-screenshot-page .mock-trend-chart-tablet .axis-label,.tablet-screenshot-page .mock-trend-chart-tablet .trend-value{font-size:42px}.tablet-screenshot-page .trend-dates{margin-top:-10px}.tablet-screenshot-page .trend-chart h3{margin-top:32px}.tablet-screenshot-page .normal-legend span{width:80px;height:30px}.tablet-screenshot-page .recent-history,.tablet-screenshot-page .insights-wellness{margin-top:116px}.tablet-screenshot-page .history-row{margin-top:54px}.tablet-screenshot-page .cycle-dots{gap:8px;margin-top:14px}.tablet-screenshot-page .cycle-dots span{width:12px;height:12px}.tablet-screenshot-page .bottom-nav{bottom:64px;width:725px;gap:34px}.tablet-screenshot-page .bottom-tabs{width:540px;height:94px}.tablet-screenshot-page .bottom-tabs a{gap:6px;font-size:24px}.tablet-screenshot-page .bottom-tabs .mock-icon{width:34px!important;height:34px!important}.tablet-screenshot-page .fab{width:94px;height:94px}.tablet-screenshot-page .share-sheet-screen{background:transparent}.tablet-screenshot-page .share-backdrop{height:var(--tablet-device-height);opacity:.55}.tablet-screenshot-page .share-bottom-sheet{left:50%;right:auto;bottom:0;width:min(78vw,1560px);min-height:57vh;padding:64px 60px 56px;border-radius:64px 64px 0 0;transform:translate(-50%)}.tablet-screenshot-page .share-bottom-sheet h1{font-size:34px}.tablet-screenshot-page .share-options{margin-top:86px}.tablet-screenshot-page .share-option-row{height:128px;padding:0 40px;font-size:36px}.tablet-screenshot-page .mock-toggle{width:94px;height:54px;padding:4px}.tablet-screenshot-page .mock-toggle span{width:46px;height:46px}.tablet-screenshot-page .share-preview-shell{height:520px;margin-top:52px;padding:32px;border-radius:60px}.tablet-screenshot-page .share-preview-card{width:570px;height:455px}.tablet-screenshot-page .share-preview-date{margin-top:124px;font-size:20px}.tablet-screenshot-page .share-preview-label{margin-top:50px;font-size:24px}.tablet-screenshot-page .share-preview-day{margin-top:34px;font-size:76px}.tablet-screenshot-page .share-preview-chip{height:42px;margin-top:56px;font-size:20px}.tablet-screenshot-page .share-preview-next{margin-top:54px;font-size:22px}.tablet-screenshot-page .share-preview-waves{top:270px;left:0;width:570px;height:150px}.tablet-screenshot-page .share-continue-button{height:92px;margin-top:56px;border-radius:24px;font-size:36px}