*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#183b3a;background:linear-gradient(180deg,#f0fdfa,#fff 35%,#f8fafc);line-height:1.65}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100% - 1120px)/2));background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #d8eeee;box-shadow:0 5px 20px #0f766e12}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0f766e;font-weight:850;font-size:20px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0f766e;color:white;font-size:13px;box-shadow:0 7px 18px #0f766e33}.topbar nav{display:flex;gap:18px}.topbar nav a{color:#24504e;text-decoration:none;font-weight:650}.menu-btn{display:none;border:0;background:#e6fffb;border-radius:10px;font-size:23px;padding:7px 11px;color:#0f766e}.hearts{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hearts span{position:absolute;color:#ec4899;opacity:.11;font-size:28px;animation:float 12s linear infinite}.hearts span:nth-child(1){left:6%;animation-delay:-2s}.hearts span:nth-child(2){left:29%;animation-delay:-8s}.hearts span:nth-child(3){left:55%;animation-delay:-4s}.hearts span:nth-child(4){left:77%;animation-delay:-10s}.hearts span:nth-child(5){left:91%;animation-delay:-1s}@keyframes float{from{transform:translateY(105vh) rotate(0)}to{transform:translateY(-15vh) rotate(360deg)}}main{max-width:1120px;margin:auto;padding:22px 16px 55px;position:relative;z-index:1}.hero{min-height:310px;display:flex;align-items:center;justify-content:space-between;padding:45px 8px}.hero>div:first-child{max-width:750px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:#0f766e}.hero h1{font-size:clamp(38px,7vw,64px);line-height:1.02;margin:8px 0 15px;color:#123c3b}.hero p{font-size:19px;color:#4b6463}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span,.badge,.confidence{background:#e6fffb;color:#0f766e;border:1px solid #bcece4;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:750}.mother-orb{width:245px;height:245px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 45% 35%,#fff,#fce7f3 45%,#d9f7f2 75%);box-shadow:0 20px 55px #0f766e22;animation:breathe 4s ease-in-out infinite}.heart{font-size:90px;color:#ec4899;filter:drop-shadow(0 10px 12px #9f123933);animation:heartbeat 1.8s ease-in-out infinite}.ring{position:absolute;inset:18px;border:1px dashed #ec489977;border-radius:50%;animation:spin 15s linear infinite}.mother-orb i,.mother-orb b{position:absolute;color:#ec4899;font-size:28px;animation:spark 2s infinite}.mother-orb i{top:22px;right:34px}.mother-orb b{bottom:28px;left:33px}@keyframes breathe{50%{transform:scale(1.03)}}@keyframes heartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.09)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{50%{transform:scale(1.3);opacity:.45}}.card{background:#fff;border:1px solid #dcefed;border-radius:22px;box-shadow:0 12px 35px #134e4a0c;padding:24px;margin:18px 0}.title{display:flex;justify-content:space-between;align-items:center;gap:15px}.title h2{margin:2px 0;font-size:25px}.mode-label{display:block;font-weight:800;color:#285250;margin-top:20px}.mode-label select,.grid input,.grid select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #b9deda;border-radius:13px;font-size:16px;background:#fbffff;color:#173c3a;outline:none}.mode-label select:focus,.grid input:focus,.grid select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e18}.field-grid,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.field-grid label,.grid label{font-weight:750;color:#285250}.field-grid small,.grid small{display:block;font-size:12px;font-weight:500;color:#6b7e7d;margin-top:5px}.advanced{margin-top:20px;border-top:1px solid #e1eeee;padding-top:15px}.advanced summary{cursor:pointer;font-weight:800;color:#0f766e}.actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button,.button-row button{border:0;border-radius:13px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{background:#0f766e;color:white;box-shadow:0 8px 20px #0f766e2e}.secondary,.button-row button{background:#e9fbf8;color:#0f766e;border:1px solid #bce7e1}.ghost{background:#fff;color:#4b6463;border:1px solid #d4e6e4!important}.actions button:active,.button-row button:active{transform:translateY(1px)}#results{display:none}#results.show{display:block;animation:rise .6s ease}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.big-result{display:flex;justify-content:center;align-items:center;gap:25px;text-align:center;padding:25px 0}.big-result span{display:block;color:#59706e}.big-result strong{display:block;color:#0f766e;font-size:clamp(28px,6vw,45px);line-height:1.2}.big-result small{color:#667d7b}.baby{font-size:60px;animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(2deg)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics div{background:#f6fffd;border:1px solid #dcefed;border-radius:15px;padding:15px}.metrics span{display:block;font-size:12px;color:#647a78}.metrics b{font-size:15px;color:#174e4b}.bar{height:11px;background:#e8f1ef;border-radius:20px;overflow:hidden;margin:20px 0 10px}.bar div{height:100%;width:0;background:linear-gradient(90deg,#ec4899,#0f766e);border-radius:20px;transition:width 1s}.note{background:#fff8fc;border-left:4px solid #ec4899;padding:11px 14px;border-radius:9px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-head{text-align:center;font-size:11px;font-weight:800;color:#78908e}.day{min-height:54px;border:1px solid #e4eeee;border-radius:11px;padding:6px;font-size:12px;background:#fff}.day.empty{border-color:transparent;background:transparent}.day.fertile{background:#effcf7;border-color:#b9e9da}.day.conception{background:#dff8f2;border:2px solid #0f766e;box-shadow:0 5px 14px #0f766e18}.day.lmp{background:#fff0f6;border-color:#f7bfd5}.legend{font-size:11px;color:#607775}.timeline{display:grid;gap:10px}.event{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:13px;border-radius:14px;background:#f8fffe;border:1px solid #e0efed}.event strong{color:#0f766e}.audit{background:#f8fffe}.audit ul{margin:8px 0;padding-left:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article{background:#fff;border:1px solid #dcefed;border-radius:20px;padding:22px;box-shadow:0 10px 25px #134e4a08}.features article>div{font-size:30px}.features h3{margin:7px 0}.content h2,.faq h2{font-size:27px;color:#164a47}.content h3{color:#0f766e;margin-top:25px}.content p{color:#445f5d}.faq details{border-bottom:1px solid #dfedeb;padding:14px 0}.faq summary{cursor:pointer;font-weight:800}.disclaimer{background:#fff7ed;border:1px solid #fed7aa;border-radius:17px;padding:18px;color:#7c3d0a}footer{background:#103c3a;color:#d8f4f0;display:flex;justify-content:space-between;padding:28px max(16px,calc((100% - 1120px)/2));font-size:13px}@media(max-width:760px){.topbar{padding:10px 14px}.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:61px;left:10px;right:10px;background:#fff;border:1px solid #dcefed;border-radius:15px;padding:12px;box-shadow:0 15px 35px #134e4a18;flex-direction:column}.topbar nav.open{display:flex}.hero{padding:25px 5px;min-height:auto}.hero h1{font-size:42px}.hero p{font-size:16px}.mother-orb{width:145px;height:145px;margin:20px auto 0}.heart{font-size:53px}.ring{inset:10px}.field-grid,.grid,.metrics,.features{grid-template-columns:1fr}.card{padding:18px;border-radius:18px}.title{align-items:flex-start;flex-direction:column}.big-result{padding:18px 0}.calendar{gap:4px}.day{min-height:45px;padding:4px}.event{grid-template-columns:95px 1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.topbar,.hearts,.actions,.button-row,.advanced,.features,footer{display:none!important}.card{box-shadow:none;break-inside:avoid}#results{display:block!important}}