:root{--bg:#fff6f9;--card:#fff;--pink-50:#fff0f5;--pink-100:#ffe1ec;--pink-200:#ffc4da;--pink-300:#ff9ebf;--pink-400:#ff7aa8;--pink-500:#f2548d;--pink-600:#d93a74;--lilac-100:#efe9ff;--lilac-300:#c8b6ff;--lilac-500:#8b6cf0;--ink:#4b2a3a;--ink-soft:#8c6b7b;--line:#f6dbe6;--shadow:0 6px 20px #f2548d1f;--radius:22px;--tabbar:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1f141a;--card:#2b1c24;--pink-50:#33212b;--pink-100:#4a2a3a;--pink-200:#6b3450;--pink-300:#a24a74;--lilac-100:#2e2640;--lilac-300:#6c58b8;--ink:#fbe9f1;--ink-soft:#c9a5b7;--line:#432a37;--shadow:0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior-y:none;min-height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app{max-width:520px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar) + env(safe-area-inset-bottom) + 20px);margin:0 auto}.screen-title{letter-spacing:-.02em;margin:8px 4px 16px;font-size:28px;font-weight:800}.muted{color:var(--ink-soft)}.small{font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card h3{margin-bottom:10px;font-size:15px;font-weight:700}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack>*+*{margin-top:10px}.grow{flex:1}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--pink-400), var(--pink-500));color:#fff;box-shadow:0 6px 16px #f2548d59}.btn-soft{background:var(--pink-100);color:var(--pink-600)}.btn-ghost{color:var(--pink-600)}.btn-block{width:100%}@media (prefers-color-scheme:dark){.btn-soft,.btn-ghost{color:var(--pink-300)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--pink-50);border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:14px;font-weight:600;transition:all .12s;display:inline-flex}.chip.on{background:var(--pink-500);border-color:var(--pink-500);color:#fff}.chip.lilac.on{background:var(--lilac-500);border-color:var(--lilac-500)}.chip:active{transform:scale(.95)}.flow{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.flow button{background:var(--pink-50);border:1.5px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;font-size:12px;font-weight:700;display:flex}.flow button.on{background:var(--pink-500);border-color:var(--pink-500);color:#fff}.drops{height:22px;color:var(--pink-500);align-items:center;gap:1px;display:inline-flex}.flow button.on .drops{color:#fff}.tabbar{z-index:20;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:520px;height:var(--tabbar);display:flex}.tab{color:var(--ink-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.tab .ico{filter:grayscale()opacity(.6);font-size:22px;transition:transform .15s}.tab.on{color:var(--pink-500)}.tab.on .ico{filter:none;transform:translateY(-2px)scale(1.1)}.hero{place-items:center;width:260px;height:260px;margin:4px auto 18px;display:grid;position:relative}.hero svg{position:absolute;inset:0}.hero-inner{text-align:center;z-index:1;padding:0 30px}.hero-kicker{color:var(--ink-soft);font-size:14px;font-weight:700}.hero-big{letter-spacing:-.03em;margin:4px 0;font-size:40px;font-weight:800;line-height:1.1}.hero-sub{color:var(--pink-600);font-size:15px;font-weight:600}@media (prefers-color-scheme:dark){.hero-sub{color:var(--pink-300)}}.greet{color:var(--ink-soft);margin:6px 4px 0;font-size:16px;font-weight:700}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.info{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.info .k{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.info .v{margin-top:4px;font-size:19px;font-weight:800}.info .s{color:var(--ink-soft);margin-top:2px;font-size:13px}.info.pink{background:linear-gradient(135deg, var(--pink-100), var(--pink-50))}.info.lilac{background:linear-gradient(135deg, var(--lilac-100), var(--card))}.week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week button{color:var(--ink-soft);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.cal-head{justify-content:space-between;align-items:center;margin:0 4px 10px;display:flex}.cal-head h2{font-size:22px;font-weight:800}.cal-nav{background:var(--card);width:40px;height:40px;box-shadow:var(--shadow);color:var(--pink-500);border-radius:50%;font-size:18px;font-weight:800}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px 2px;display:grid}.cal-dow{text-align:center;color:var(--ink-soft);padding:6px 0;font-size:12px;font-weight:700}.day{aspect-ratio:1;place-items:center;display:grid;position:relative}.day-num{z-index:1;border-radius:50%;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;transition:transform .1s;display:grid;position:relative}.day:active .day-num{transform:scale(.9)}.day.period .day-num{background:var(--pink-500);color:#fff}.day.predicted .day-num{border:2px dashed var(--pink-400);color:var(--pink-600)}.day.fertile .day-num{background:var(--lilac-100);color:var(--lilac-500)}.day.ovulation .day-num{background:var(--lilac-500);color:#fff}.day.ovulation.est .day-num{background:var(--lilac-300)}.day.today .day-num{box-shadow:0 0 0 2.5px var(--ink)}.day.future{opacity:.9}.day.other{visibility:hidden}.day .dots{z-index:2;gap:2px;display:flex;position:absolute;bottom:1px}.day .dot{background:var(--pink-400);border-radius:50%;width:5px;height:5px}.day .dot.l{background:var(--lilac-500)}.day.period .dot{background:var(--pink-600)}@media (prefers-color-scheme:dark){.day.predicted .day-num{color:var(--pink-300)}.day.fertile .day-num{color:var(--lilac-300)}}.legend{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.sw{border-radius:50%;width:14px;height:14px;display:inline-block}.sheet-backdrop{z-index:40;background:#4b2a3a59;animation:.2s fade;position:fixed;inset:0}.sheet{z-index:41;background:var(--bg);max-width:560px;max-height:92dvh;padding:10px 18px calc(env(safe-area-inset-bottom) + 18px);overscroll-behavior:contain;border-radius:28px 28px 0 0;margin:0 auto;animation:.25s cubic-bezier(.2,.9,.3,1.1) up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.grabber{background:var(--pink-200);border-radius:3px;width:44px;height:5px;margin:0 auto 10px}.sheet-head{z-index:2;background:var(--bg);justify-content:space-between;align-items:center;padding:6px 0 12px;display:flex;position:sticky;top:-10px}.sheet-head h2{font-size:21px;font-weight:800}.sheet-head .tag{color:var(--pink-500);font-size:13px;font-weight:700}.sect{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.sect-title{align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:800;display:flex}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.field{border:1.5px solid var(--line);background:var(--pink-50);border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:16px}.field:focus{border-color:var(--pink-400)}textarea.field{resize:vertical;min-height:80px}.switch{background:var(--pink-100);border-radius:15px;flex-shrink:0;width:50px;height:30px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.switch.on{background:var(--pink-500)}.switch.on:after{transform:translate(20px)}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:0}.stepper{align-items:center;gap:14px;display:flex}.stepper button{background:var(--pink-100);width:40px;height:40px;color:var(--pink-600);border-radius:50%;font-size:22px;font-weight:800}.stepper .val{text-align:center;min-width:64px;font-size:24px;font-weight:800}.bars{flex-direction:column;gap:8px;display:flex}.bar-row{grid-template-columns:62px 1fr 38px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:grid}.bar{background:var(--pink-50);border-radius:7px;height:14px;display:flex;overflow:hidden}.bar .p{background:var(--pink-500)}.bar .r{background:var(--pink-200)}.onb{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 22px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;max-width:520px;margin:0 auto;display:flex}.onb-body{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.onb h1{letter-spacing:-.02em;font-size:30px;font-weight:800}.onb .lead{color:var(--ink-soft);font-size:17px;line-height:1.45}.blob{text-align:center;font-size:72px;animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)}}.dots-progress{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.dots-progress span{background:var(--pink-200);border-radius:4px;width:8px;height:8px;transition:width .2s}.dots-progress span.on{background:var(--pink-500);width:22px}.choice{text-align:left;background:var(--card);border:2px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:14px 16px;display:flex}.choice.on{border-color:var(--pink-500);background:var(--pink-50)}.choice b{font-size:16px}.toast{left:50%;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 16px);z-index:60;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;animation:.2s fade;position:fixed;transform:translate(-50%)}.banner{background:linear-gradient(135deg, var(--lilac-100), var(--pink-50));border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:14px;padding:14px;font-size:14px;display:flex}.banner b{display:block}