:root{color:#5b4661;font-synthesis:none;text-rendering:geometricprecision;background:#f4e4ef;font-family:Hanken Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 18% 20%,#9ad1a547,#0000 24rem),linear-gradient(150deg,#eadcf4 0%,#f6e1e9 46%,#fce8dd 100%);justify-content:center;align-items:center;min-height:100dvh;padding:18px;display:flex}.phone{color:#5b4661;background:#fdf4f6;border-radius:28px;flex-direction:column;width:min(100%,430px);height:min(100dvh - 36px,924px);max-height:924px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #966e966b}.content{flex:1;padding-bottom:94px;overflow:hidden auto}.content::-webkit-scrollbar{width:0;height:0}.screen{padding:24px 22px 28px;animation:.24s both rise}.home-screen{padding-top:22px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}h1,h2,h3{letter-spacing:0;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:600}h1{font-size:2rem;line-height:1.05}h2{font-size:2rem;line-height:1.1}p{margin:0}.muted{color:#a292a4;font-size:.93rem}.fine-print{color:#a292a4;text-align:center;margin-top:16px;font-size:.78rem;line-height:1.45}.screen-header,.screen-title-row,.brand-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.screen-header h1{margin-top:2px;font-size:1.72rem}.header-actions{align-items:center;gap:8px;display:flex}.avatar,.friend-avatar,.preview-avatar{color:#fff;background:#e5738f;flex:none;place-items:center;font-weight:700;display:grid}.avatar{color:#c77a93;background:#f3dde7;border-radius:50%;width:42px;height:42px}.connection-pill{color:#a292a4;background:#fff7f8;border:1px solid #f4e2e9;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:.75rem;display:inline-flex}.connection-pill.online{color:#5fa774;background:#e7f3e9}.cycle-wheel{width:300px;height:300px;margin:16px auto 6px;position:relative}.wheel-ring{cursor:grab;touch-action:none;border:0;border-radius:50%;padding:0;position:absolute;inset:20px;box-shadow:0 24px 60px -26px #8c3c469e,inset 0 0 0 1px #ffffff47}.wheel-ring:active{cursor:grabbing}.wheel-core{text-align:center;pointer-events:none;background:#fdf4f6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0 28px;display:flex;position:absolute;inset:52px;box-shadow:inset 0 2px 12px #78463c1f}.wheel-core span,.section-label,.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:.75rem;font-weight:800}.wheel-core strong{color:#5b4661;margin-top:4px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:3.7rem;line-height:.9}.wheel-core small{color:#a292a4;font-size:.85rem}.wheel-core b{margin-top:9px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:.95rem}.wheel-marker{pointer-events:none;transition:transform .16s;position:absolute;inset:20px}.wheel-marker i{background:#fdf4f6;border:4px solid #e5738f;border-radius:50%;width:24px;height:24px;display:block;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.preview-reset{justify-content:center;align-items:center;height:32px;display:flex}.phase-panel,.rhythm-panel,.bulk-bleed-panel{border-radius:22px}.phase-panel{padding:19px 21px}.phase-panel-title{margin-bottom:6px;font-weight:800}.phase-panel p,.window-card span,.forecast-row span,.rhythm-heading span,.toggle-row span{color:#8c7690;line-height:1.45}.metric-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.metric-card{background:#fffcfd;border:1px solid #f4e2e9;border-radius:20px;min-height:86px;padding:15px 16px}.metric-card span{color:#a292a4;margin-bottom:4px;font-size:.84rem;display:block}.metric-card strong{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.36rem;line-height:1.05;display:block}.forecast-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.forecast-row,.window-card,.toggle-row,.stepper{background:#fffcfd;border:1px solid #f4e2e9}.forecast-row,.window-card{border-radius:18px;align-items:center;gap:12px;padding:13px 15px;display:flex}.forecast-row>div:nth-child(2),.window-card>div{flex:1;min-width:0}.forecast-row strong,.forecast-row span,.window-card strong,.window-card span{display:block}.forecast-icon{border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.mini-window{border-radius:999px;width:52px;height:8px;display:flex;overflow:hidden}.mini-window span{flex:1}.rhythm-panel{background:#fff9f4;border:1px solid #eadbcf;grid-template-columns:1fr;gap:10px;margin-top:14px;padding:15px;display:grid}.rhythm-heading{color:#6c5675;align-items:center;gap:10px;display:flex}.rhythm-heading div{flex-direction:column;min-width:0;display:flex}.primary,.secondary,.icon-text,.chip-button,.ghost-back{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary{color:#fdf4f6;background:#e5738f;min-height:52px;padding:0 20px;box-shadow:0 14px 30px -14px #c4574ecc}.primary.wide,.secondary.wide{width:100%;margin-top:16px}.secondary{color:#5b4661;background:#f3e4ef;min-height:40px;padding:0 14px}.ghost,.chip-button{color:#c77a93;background:#f3e4ef}.icon-text.small{min-height:32px;padding:0 10px;font-size:.86rem}.chip-button{min-height:28px;padding:0 13px;font-size:.82rem}.screen-title-row{margin-bottom:18px}.icon-button{color:#5b4661;cursor:pointer;background:#fffcfd;border:1px solid #ecd9e2;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button.strong{color:#fff;background:#5b4661;border-color:#5b4661}.icon-button.danger{color:#c77a93}.cycle-calendar{flex-direction:column;display:flex;position:relative}.calendar-floating-bar{z-index:12;pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;min-height:42px;margin:0 0 -46px;display:flex;position:sticky;top:12px}.calendar-floating-bar.with-controls{justify-content:space-between}.floating-today-button{color:#fff;cursor:pointer;white-space:nowrap;pointer-events:auto;background:#5b4661;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px -14px #5b4661cc}.calendar-scroll{flex-direction:column;gap:18px;margin-top:0;display:flex}.calendar-month{scroll-margin:96px}.calendar-month h2{color:#5b4661;margin-bottom:10px;font-size:1.28rem}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekday{color:#b8a9ba;place-items:center;height:24px;font-size:.75rem;font-weight:800;display:grid}.calendar-cell{aspect-ratio:1;color:#6c5675;border:2px solid #0000;border-radius:50%;place-items:center;font-size:.88rem;display:grid;position:relative}button.calendar-cell{cursor:pointer;background:0 0;width:100%;padding:0}button.calendar-cell.clickable:hover{border-color:#d9b8ae}.calendar-cell.blank{pointer-events:none}.calendar-cell.bleed{color:#fff;background:#e23d5f}.calendar-cell.fertile{color:#0d4f8b;background:#58aef547}.calendar-cell.ovulation{color:#103c91;background:#1554b76b;border-color:#1554b794}.calendar-cell.today{font-weight:800;box-shadow:0 0 0 2px #5b4661}.bleed-sheet-backdrop{z-index:40;background:#5b466138;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.bleed-sheet{background:#fffcfd;border:1px solid #f4e2e9;border-radius:22px;width:100%;padding:16px;box-shadow:0 24px 54px -24px #5b4661b3}.bleed-sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.bleed-sheet-header div{flex-direction:column;min-width:0;display:flex}.bleed-sheet-header span{color:#8c7690;font-size:.9rem}.log-section{margin-top:22px}.section-label{color:#5b4661;margin-bottom:11px}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.flow-button{color:#8c7690;cursor:pointer;background:#fffcfd;border:1.5px solid #ecd9e2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:74px;display:flex}.flow-button.selected{color:#e5738f;background:#fbe4ea;border-color:#e5738f;font-weight:700}.toggle-row{text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;margin-top:18px;padding:14px 16px;display:flex}.toggle-row>div{flex-direction:column;display:flex}.button-row{cursor:pointer;min-height:56px;margin:0}.switch{cursor:pointer;background:#e5d7e2;border:0;border-radius:999px;flex:none;width:48px;height:28px;padding:0;position:relative}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:4px;left:4px}.switch.on{background:#5fa774}.switch.on span{transform:translate(20px)}.date-field,.bulk-bleed-panel label,.form-stack label{color:#6c5675;flex-direction:column;gap:8px;font-weight:700;display:flex}.date-field{margin-top:4px}.bulk-bleed-panel{background:#fffcfd;border:1px solid #f4e2e9;flex-direction:column;gap:13px;margin-top:18px;padding:16px;display:flex}.bulk-bleed-panel>div:first-child{flex-direction:column;gap:2px;display:flex}.bulk-bleed-panel>div:first-child span{color:#8c7690;line-height:1.45}.bulk-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bulk-flow-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bulk-flow-row button{color:#8c7690;cursor:pointer;background:#fdf4f6;border:1.5px solid #ecd9e2;border-radius:999px;min-height:38px;font-weight:700}.bulk-flow-row button.selected{color:#fff;background:#e23d5f;border-color:#e23d5f}input,textarea,select{color:#5b4661;background:#fffcfd;border:1.5px solid #ecd9e2;border-radius:15px;outline:none;width:100%}input,select{height:48px;padding:0 14px}textarea{resize:vertical;min-height:104px;padding:14px;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#e5738f;box-shadow:0 0 0 3px #e5738f1f}.friend-picker{scrollbar-width:none;pointer-events:auto;flex:auto;gap:8px;min-width:0;padding:1px 0;display:flex;overflow-x:auto}.friend-picker::-webkit-scrollbar{display:none}.friend-picker button{color:#8c7690;cursor:pointer;background:#fffcfd;border:1px solid #f4e2e9;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:42px;padding:0 13px 0 6px;font-weight:700;display:inline-flex}.friend-picker button.active{color:#5b4661;border-color:#d9b8ae;box-shadow:0 8px 18px -16px #5b466199}.friend-picker i{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;font-style:normal;font-weight:800;display:inline-grid}.friend-calendar-view{flex-direction:column;display:flex}.empty-state{color:#8c7690;text-align:center;background:#fffcfd;border:1px solid #f4e2e9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:20px;display:flex}.manage-list{flex-direction:column;gap:11px;display:flex}.account-panel{background:#fffcfd;border:1px solid #f4e2e9;border-radius:22px;flex-direction:column;gap:13px;margin-bottom:14px;padding:16px;display:flex}.account-panel .wide{margin-top:0}.account-panel button:disabled{cursor:wait;opacity:.62}.account-header{grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:11px;display:grid}.account-header>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.account-header strong,.account-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-header span{color:#8c7690;font-size:.86rem}.account-icon{color:#5fa774;background:#e7f3e9;border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.account-provider-row{flex-wrap:wrap;gap:7px;display:flex}.account-provider{color:#6c5675;background:#fdf4f6;border:1px solid #f4e2e9;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.account-actions,.auth-form{flex-direction:column;gap:10px;display:flex}.google-button{background:#f7eef3;min-height:48px}.google-mark{color:#e23d5f;background:#fffcfd;border:1px solid #ecd9e2;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:900;display:inline-grid}.auth-mode-toggle{background:#fdf4f6;border:1px solid #f4e2e9;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-mode-toggle button{color:#8c7690;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:34px;font-weight:800}.auth-mode-toggle button.active{color:#fff;background:#5b4661}.auth-form label{display:block;position:relative}.auth-form label svg{color:#a292a4;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-form input{padding-left:40px}.auth-error{color:#c75778;font-size:.86rem;line-height:1.35}.invite-panel{background:#fffcfd;border:1px solid #f4e2e9;border-radius:22px;flex-direction:column;gap:13px;padding:16px;display:flex}.manage-rhythm-panel{margin-top:0;margin-bottom:14px}.panel-copy{color:#8c7690;margin:-3px 0 2px;line-height:1.45}.invite-link-card,.manage-friend-card{background:#fffcfd;border:1px solid #f4e2e9;border-radius:18px;align-items:center;gap:12px;display:grid}.invite-link-card{color:#5b4661;grid-template-columns:24px minmax(0,1fr) 38px;margin-top:12px;padding:14px}.invite-link-card div,.manage-friend-card div:nth-child(2){flex-direction:column;min-width:0;display:flex}.invite-link-card span,.manage-friend-card span{color:#8c7690;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.35;overflow:hidden}.manage-list{margin-top:14px}.manage-friend-card{grid-template-columns:46px minmax(0,1fr) 38px;padding:13px}.friend-avatar{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.stepper{border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-height:74px;padding:14px 15px;display:flex}.stepper.compact{min-height:58px;padding:10px 12px}.stepper>div:first-child{flex-direction:column;min-width:0;display:flex}.stepper span{color:#a292a4;font-size:.82rem}.stepper-controls{flex:none;align-items:center;gap:9px;display:flex}.stepper-controls b{text-align:center;min-width:62px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.36rem}.stepper-controls small{color:#a292a4;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:.68rem;line-height:1;display:block}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7efe6f0;border-top:1px solid #eadbcf;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:84px;padding:10px 12px 16px;display:grid;position:absolute;bottom:0;left:0;right:0}.nav-brand{display:none}.bottom-nav button{color:#b8a9ba;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:0;font-size:.68rem;font-weight:700;display:flex}.bottom-nav button.active{color:#e5738f}.nav-icon-wrap{place-items:center;width:32px;height:32px;display:grid;position:relative}.nav-icon-wrap i{color:#fff;background:#e5738f;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.64rem;font-style:normal;display:grid;position:absolute;top:-3px;right:-5px}.bottom-nav .primary-nav .nav-icon-wrap{color:#fff;background:#e5738f;border-radius:50%;width:52px;height:52px;margin-top:-18px;margin-bottom:1px;box-shadow:0 10px 22px -8px #c4574ee6}.toast{z-index:20;color:#fdf4f6;white-space:nowrap;background:#5b4661;border-radius:999px;max-width:calc(100% - 36px);padding:13px 20px;font-size:.9rem;animation:.18s both rise;position:absolute;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -10px #00000080}.onboarding{background:linear-gradient(#fdf4f6 0%,#f3e7f5 100%);flex-direction:column;min-height:100%;padding:32px 28px 28px;display:flex}.brand-row{align-items:center;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.45rem}.brand-row .ghost{margin-left:auto;font-family:Hanken Grotesk,system-ui,sans-serif}.brand-mark{background:conic-gradient(#e5738f 0deg 64deg,#9ad1a5 64deg 167deg,#eab05a 167deg 206deg,#b995d6 206deg 360deg);border-radius:50%;width:27px;height:27px}.onboarding-stage{flex-direction:column;flex:1;justify-content:center;display:flex}.rise{animation:.28s both rise}.hero-ring{background:conic-gradient(#e5738f 0deg 64deg,#9ad1a5 64deg 167deg,#eab05a 167deg 206deg,#b995d6 206deg 360deg);border-radius:50%;width:150px;height:150px;margin-bottom:34px;position:relative;box-shadow:0 20px 50px -18px #8c3c4680}.hero-ring:after{content:"";background:#fdf4f6;border-radius:50%;position:absolute;inset:20px}.onboarding h1{max-width:330px;margin-bottom:14px;font-size:3rem}.onboarding p{color:#a292a4;max-width:310px;font-size:1.05rem;line-height:1.55}.form-stack{flex-direction:column;gap:16px;display:flex}.form-stack .eyebrow{color:#e5738f;margin-bottom:-6px}.dots{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.dots span{background:#dfc9bc;border-radius:50%;width:7px;height:7px}.dots span.active{background:#e5738f}@media (width<=520px){.app-shell{padding:0}.phone{border-radius:0;width:100%;height:100dvh;max-height:none}}@media (width>=860px){html,body,#root{height:100%}.app-shell{align-items:stretch;padding:24px}.phone{border:1px solid #ffffff9e;border-radius:26px;width:min(100%,1180px);height:min(100dvh - 48px,900px);max-height:none}.content{height:100%;margin-left:220px;padding-bottom:0}.screen{padding:32px clamp(28px,4vw,52px) 40px}.screen-header h1,.screen-title-row h1{font-size:2.18rem}.bottom-nav{background:#fffcfdd1;border-top:0;border-right:1px solid #eadbcf;flex-direction:column;align-items:stretch;gap:6px;width:220px;min-height:0;padding:28px 16px;display:flex;top:0;bottom:0;right:auto}.nav-brand{color:#5b4661;align-items:center;gap:10px;margin:0 4px 18px;display:flex}.nav-brand div:last-child{flex-direction:column;min-width:0;display:flex}.nav-brand strong{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.4rem;line-height:1}.nav-brand span{color:#a292a4;font-size:.78rem;font-weight:700}.bottom-nav button{border-radius:16px;flex-direction:row;justify-content:flex-start;gap:10px;min-height:48px;padding:0 12px;font-size:.94rem}.bottom-nav button.active{color:#5b4661;background:#f7e8ee}.nav-icon-wrap,.bottom-nav .primary-nav .nav-icon-wrap{width:32px;height:32px;color:inherit;box-shadow:none;background:0 0;border-radius:0;margin:0}.toast{bottom:32px;left:calc(50% + 110px)}.home-screen{grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-auto-rows:min-content;align-content:start;column-gap:clamp(28px,4vw,56px);min-height:100%;display:grid}.home-screen .screen-header{grid-column:1/-1;margin-bottom:8px}.home-screen .cycle-wheel{grid-area:2/1/span 4;width:min(37vw,390px);min-width:320px;height:min(37vw,390px);min-height:320px;margin:8px auto 0}.home-screen .preview-reset{grid-area:6/1}.home-screen .phase-panel,.home-screen .metric-grid,.home-screen .forecast-list,.home-screen>.primary,.home-screen .fine-print{grid-column:2}.home-screen .phase-panel{min-height:124px;margin-top:12px}.home-screen .metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.home-screen>.primary.wide{justify-self:start;width:auto;min-width:180px}.home-screen .fine-print{text-align:left;max-width:520px}.calendar-screen .calendar-scroll,.circle-calendar-screen .calendar-scroll{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:24px;display:grid}.calendar-floating-bar{top:20px}.calendar-month{scroll-margin:84px}.bleed-sheet-backdrop{align-items:center;inset:0 0 0 220px}.bleed-sheet{max-width:430px}.log-screen{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-content:start;gap:18px 28px;max-width:900px;margin:0 auto;display:grid}.log-screen .screen-title-row{grid-column:1/-1;margin-bottom:0}.log-screen .date-field,.log-screen .log-section,.log-screen>.primary{grid-column:1}.log-screen .bulk-bleed-panel{grid-area:2/2/span 4;margin-top:0;position:sticky;top:28px}.manage-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px 20px;max-width:960px;margin:0 auto;display:grid}.manage-screen .screen-title-row,.manage-screen .manage-list{grid-column:1/-1}.manage-rhythm-panel{margin-bottom:0}.invite-link-card{margin-top:0}.manage-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.onboarding{width:min(100%,760px);margin:0 auto;padding:48px 56px}}@media (width<=360px){.screen{padding-left:16px;padding-right:16px}.cycle-wheel{width:272px;height:272px}.wheel-core strong{font-size:3.2rem}.metric-grid,.detail-grid{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}