:root{color:#4a2d3b;font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth;background:#fff6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff6fbdb;border-bottom:1px solid #db80aa3d;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{color:#a93f78;align-items:center;gap:8px;font-weight:950;display:inline-flex}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:#6f4056;border-radius:999px;padding:10px 12px;font-size:.94rem;font-weight:850}.main-nav a:hover{color:#9d2f6d;background:#ffe3f0}.hero{align-items:center;min-height:calc(100vh - 68px);padding:clamp(42px,8vw,90px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#fff6fbf5 0%,#fff6fbc2 42%,#fff6fb2e 100%),linear-gradient(#fff6fb00 76%,#fff6fbeb 100%)}.hero-content{width:min(100%,680px);padding-bottom:42px;position:relative}h1,h2,h3{letter-spacing:0;margin:0}h1{color:#7e2f5b;font-size:clamp(3rem,8vw,6.8rem);line-height:.94}h2{color:#7e2f5b;font-size:clamp(2rem,5vw,3.6rem);line-height:1}h3{color:#7e2f5b;font-size:1.35rem}.eyebrow{color:#c0548a}.lede,.section-heading p{color:#725065;max-width:660px;font-size:1.08rem;line-height:1.7}.hero-button{color:#fff;background:#c0548a;border-radius:999px;align-items:center;gap:9px;width:fit-content;min-height:52px;margin-top:28px;padding:0 18px;font-weight:950;display:inline-flex;box-shadow:0 18px 38px #c0548a3d}.hero-button:hover{background:#a93f78}.tool-section{background:#fff6fb;padding:clamp(54px,8vw,92px) clamp(18px,5vw,72px)}.cycle-section{background:#fff0f7}.section-heading{width:min(100%,1040px);margin:0 auto 24px}.workspace,.cycle-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:18px;width:min(100%,1040px);margin:0 auto;display:grid}.cycle-layout{grid-template-columns:340px minmax(0,1fr)}.form-panel,.result-panel,.cycle-form,.calendar-panel{border:1px solid #db80aa47;border-radius:8px;box-shadow:0 18px 50px #a93f781f}.form-panel,.cycle-form,.calendar-panel{background:#ffffffd6}.cycle-form{gap:16px;padding:22px;display:grid}.language-control{background:#fff0f7;border-color:#db80aa38}.language-control button{color:#765063}.language-control button:hover{color:#7e2f5b}.language-control button.active{background:#c0548a;box-shadow:0 8px 18px #c0548a33}.field-label{color:#5c3448}.input-wrap{color:#9a6d82;border-color:#db80aa47}input{color:#4a2d3b}input[type=date]{font-size:1.02rem}.ghost-button{color:#7e2f5b;background:#ffe3f0;border-color:#db80aa47}.result-panel{background:linear-gradient(145deg,#c0548a,#ee9fc5)}.status{color:#613146;background:#fff0f7}.cycle-summary{background:#fff0f7;border-radius:8px;gap:10px;padding:16px;display:grid}.cycle-summary p{color:#725065;gap:3px;margin:0;display:grid}.cycle-summary strong{color:#7e2f5b}.cycle-summary span{font-size:1.12rem;font-weight:900}.calendar-panel{padding:22px}.calendar-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.calendar-head span{color:#946179;font-weight:900}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.weekdays{margin-bottom:8px}.weekdays span{color:#946179;text-align:center;font-size:.78rem;font-weight:950}.day-cell{aspect-ratio:1;color:#5c3448;background:#fff;border:1px solid #db80aa2e;border-radius:8px;place-items:center;font-weight:900;display:grid}.day-cell.outside{color:#5c344857;background:#fff8fc}.day-cell.period{background:#ffc5d8;border-color:#ef8fb5}.day-cell.fertile{background:#f4d8ff;border-color:#d6a5ec}.day-cell.ovulation{color:#fff;background:#a93f78;border-color:#a93f78}.day-cell.today{outline-offset:2px;outline:3px solid #c0548a3d}.legend{color:#725065;flex-wrap:wrap;gap:10px 16px;margin-top:18px;font-size:.9rem;font-weight:800;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{border-radius:999px;width:12px;height:12px}.legend .period{background:#ffc5d8}.legend .fertile{background:#f4d8ff}.legend .ovulation{background:#a93f78}.legend .regular{background:#fff;border:1px solid #db80aa57}.calendar-note{color:#7f5f6e;margin:18px 0 0;font-size:.94rem;line-height:1.55}.site-footer{color:#755367;text-align:center;background:#ffe3f0;padding:30px clamp(18px,5vw,72px)}.site-footer p{max-width:820px;margin:0 auto;line-height:1.6}@media (width<=820px){.site-header{flex-direction:column;align-items:flex-start}.main-nav{justify-content:space-between;width:100%}.main-nav a{padding-inline:9px}.hero{align-items:end;min-height:620px}.hero-overlay{background:linear-gradient(#fff6fb42 0%,#fff6fbcc 44%,#fff6fbfa 100%)}.workspace,.cycle-layout{grid-template-columns:1fr}}@media (width<=520px){.calendar-grid{gap:5px}.day-cell{border-radius:6px;font-size:.88rem}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page-shell{background:linear-gradient(135deg,#255f6324,#0000 38%),linear-gradient(315deg,#bd5e3424,#0000 42%),#f4f1ea;place-items:center;min-height:100vh;padding:32px 18px;display:grid}.calculator{width:min(100%,980px)}.intro{align-items:center;gap:18px;margin-bottom:24px;display:flex}.mark{color:#fff;background:#255f63;border-radius:8px;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 14px 30px #255f6338}.eyebrow{color:#bd5e34;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.8rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(2.1rem,7vw,4.4rem);line-height:.95}.lede{color:#5e6663;max-width:620px;margin:12px 0 0;font-size:1.05rem;line-height:1.6}.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:18px;display:grid}.form-panel,.result-panel{background:#ffffffc7;border:1px solid #17211f1f;border-radius:8px;box-shadow:0 18px 60px #17211f1a}.form-panel{gap:16px;padding:22px;display:grid}.language-control{background:#eef5f2;border:1px solid #17211f24;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.language-control button{color:#4d5b58;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;min-height:42px;font-size:.92rem;font-weight:850}.language-control button:hover{color:#17211f;background:#fff9}.language-control button.active{color:#fff;background:#255f63;box-shadow:0 8px 18px #255f632e}.field{gap:9px;display:grid}.field-label{color:#34423f;align-items:center;gap:8px;font-weight:800;display:flex}.field-label svg{color:#255f63}.input-wrap{color:#6a716e;background:#fff;border:1px solid #17211f29;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-weight:800;display:grid}.input-wrap:focus-within{border-color:#255f63;box-shadow:0 0 0 4px #255f6324}input{color:#17211f;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:1.5rem;font-weight:850}.ghost-button{color:#17211f;cursor:pointer;background:#eef5f2;border:1px solid #17211f2e;border-radius:8px;min-height:52px;font-weight:850}.ghost-button:hover{background:#dfece8}.result-panel{color:#fff;background:#17211f;flex-direction:column;justify-content:center;min-height:360px;padding:28px;display:flex}.status{color:#17211f;background:#e8dfce;border-radius:999px;width:fit-content;max-width:100%;padding:8px 11px;font-size:.82rem;font-weight:900}.status.low{background:#f1c96d}.status.healthy{background:#8fd19e}.status.medium{background:#efaa72}.status.high{background:#ef7d72}.status.idle{color:#fff;background:#ffffff29}.result-value{letter-spacing:0;margin:24px 0 2px;font-size:clamp(4rem,13vw,7rem);font-weight:900;line-height:.9}.result-value.muted{color:#ffffff7a}.result-label{color:#ffffffad;margin:0;font-weight:800}.result-copy{color:#ffffffc7;max-width:32rem;margin:22px 0 0;line-height:1.65}@media (width<=760px){.page-shell{place-items:start center;padding-top:24px}.intro{align-items:flex-start}.mark{width:52px;height:52px}.workspace{grid-template-columns:1fr}.form-panel,.result-panel{padding:18px}.language-control{grid-template-columns:1fr}.result-panel{min-height:300px}}