:root{--bg:#24191b;--bg2:#302125;--card:#2b2023;--card2:#35272b;--text:#fff4f0;--muted:#c6adae;--pink:#ef91a6;--pink2:#d96d88;--peach:#e7ad88;--plum:#b9a1cf;--line:#49343a;--shadow:0 18px 45px #160d1080}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#583a32 0,transparent 32%),radial-gradient(ellipse at 100% 25%,#49272f 0,transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:env(safe-area-inset-top) 16px calc(105px + env(safe-area-inset-bottom));min-height:100vh}.top{max-width:720px;margin:24px auto 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:var(--pink);margin:0 0 7px}.top h1{font-size:36px;letter-spacing:-1.2px;margin:0}.top p:not(.eyebrow){color:var(--muted);margin:4px 0 0}.mascot-switch{border:1px solid #684650;background:#3b292f;border-radius:22px;color:var(--text);display:flex;align-items:center;gap:5px;padding:7px 10px 7px 7px;box-shadow:0 0 28px #ef91a620;min-width:106px}.mascot-switch img{width:44px;height:44px;object-fit:cover;object-position:center 28%;border-radius:14px}.mascot-switch span{font-weight:700;font-size:13px}.mascot-switch .chevrons{color:var(--pink);font-size:13px;line-height:10px}main{max-width:720px;margin:auto}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:24px 0 18px}.week-day{border:1px solid #574147;background:#3a2d31;color:var(--muted);border-radius:24px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px}.week-day strong{font-size:17px;color:var(--text)}.week-day.today{outline:2px solid var(--pink);outline-offset:2px}.week-day.selected{background:#633643;color:#fff;border-color:var(--pink)}.week-day .mini{width:7px;height:7px;border-radius:50%;background:#80646b}.week-day.has-log .mini{background:var(--pink)}.card{background:linear-gradient(145deg,#302326f5,#261c20f7);border:1px solid #49353b;border-radius:30px;padding:20px;margin:16px 0;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-heading h2{font-size:21px;margin:0;letter-spacing:-.4px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.quiet,.month-nav{border:0;background:transparent;color:var(--pink);font-weight:700;font-size:14px;padding:8px}.wheel{width:min(100%,350px);margin:0 auto;aspect-ratio:1;position:relative}.wheel svg{width:100%;height:100%;display:block;overflow:visible}.wheel-day{cursor:pointer;outline:none}.wheel-day circle{transition:stroke .16s,stroke-width .16s,filter .16s}.wheel-day.selected circle{stroke:#fff2ee;stroke-width:4;filter:drop-shadow(0 0 7px #ef91a6)}.wheel-day.today:not(.selected) circle{stroke:var(--pink);stroke-width:2.5}.wheel-day:focus circle{stroke:white;stroke-width:4}.phase-legend,.calendar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 15px;color:var(--muted);font-size:11px;margin:14px 0}.phase-legend span,.calendar-legend span{display:inline-flex;align-items:center;gap:6px}.dot,.ring{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.period{background:var(--pink)}.dot.follicular{background:#d98da9}.dot.ovulation{background:var(--peach)}.dot.luteal{background:var(--plum)}.dot.fertile{background:#936d55}.ring{border:2px solid #fff0ec}.fertile-note{text-align:center;color:#d7b2a0;font-size:12px;margin:10px 0 18px}.selected-summary{text-align:center;border-top:1px solid var(--line);padding-top:17px}.selected-summary h2{font-size:30px;margin:3px 0}.selected-summary>p:not(.eyebrow){color:var(--muted);margin:5px 0 15px}.primary,.secondary{border:0;border-radius:18px;padding:14px 18px;font-weight:750;font-size:15px;cursor:pointer;transition:transform .12s}.primary{background:linear-gradient(135deg,#f39daf,#d96c88);color:#fff8f6;box-shadow:0 8px 24px #e77e9825}.secondary{background:#463036;color:#f4c6d0;border:1px solid #68434e}.primary:active,.secondary:active,.nav-add:active{transform:scale(.98)}.full{width:100%}.calendar-card{padding:20px 16px}.section-heading .month-nav{font-size:30px;line-height:1;padding:0 8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.weekday{color:#bba5a6;font-size:12px;padding:8px 0}.calendar-day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text);font-size:14px;min-width:0;cursor:pointer}.calendar-day.period{background:var(--pink);color:#311c22;font-weight:800}.calendar-day.predicted{border:1px dashed var(--pink);color:#f4b8c4}.calendar-day.fertile{background:#694a39;color:#ffe0c5}.calendar-day.selected{outline:2.5px solid #fff0ec;outline-offset:1px;box-shadow:0 0 0 4px #ef91a625}.calendar-day.today:not(.selected){border-color:var(--pink)}.calendar-day .entry-mark{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#fff4f0}.calendar-day.empty{pointer-events:none}.log-summary{color:var(--muted);line-height:1.55;font-size:14px;margin:4px 0 15px}.pill-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.pill{background:#493239;color:#f6c7d0;border-radius:30px;padding:6px 10px;font-size:12px}.history-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0;gap:12px}.history-item strong{display:block}.history-item small{display:block;color:var(--muted);margin-top:4px}.history-dots{display:flex;gap:4px}.history-dots i{width:8px;height:8px;background:var(--pink);border-radius:50%}.import-label{display:inline-block;margin-top:10px;color:var(--pink);font-size:13px;font-weight:700}.import-label input{display:block;margin-top:8px;max-width:100%;font-size:12px}.setting-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.setting-row label{flex:1;color:var(--text)}input,select,textarea{background:#21171a;border:1px solid #60434b;color:var(--text);border-radius:12px;padding:10px;font:inherit;min-width:0;max-width:100%}.setting-row input{width:145px}.setting-row select{width:72px}.settings-card .primary,.settings-card .secondary{margin-top:16px}.bottom-nav{position:fixed;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));width:min(690px,calc(100% - 22px));border:1px solid #6a5057;border-radius:28px;background:#35272beF;backdrop-filter:blur(20px);box-shadow:0 10px 35px #120a0d99;display:flex;align-items:center;justify-content:space-around;padding:7px 8px}.nav-item{border:0;background:transparent;color:#d0b9bb;display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:7px 2px;font-size:10px;border-radius:21px}.nav-item span{font-size:23px;line-height:24px}.nav-item.active{background:#59333e;color:#f4a0b2}.nav-add{width:53px;height:53px;border-radius:50%;border:0;background:linear-gradient(140deg,#f39daf,#d75d7f);color:white;font-size:33px;line-height:1;box-shadow:0 5px 18px #d96c8845;flex-shrink:0}.hidden{display:none!important}.preg-hero{text-align:center;padding:20px 5px}.preg-orb{width:112px;height:112px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font-size:58px;color:#ffd2dc;background:radial-gradient(circle,#a75a70,#492a35 65%,#2b2023);box-shadow:0 0 45px #e78ca933}.preg-hero h2{font-size:30px;margin:8px 0}.preg-hero p:not(.eyebrow){color:var(--muted)}.preg-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preg-stats div{background:#3a292e;border-radius:18px;padding:14px}.preg-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.preg-stats strong{font-size:15px}.small-note{font-size:11px;color:var(--muted);line-height:1.5}.baby-icon{font-size:27px;color:var(--pink)}dialog{background:#2b2023;color:var(--text);border:1px solid #6a4651;border-radius:26px;padding:22px;width:min(520px,calc(100% - 26px));max-height:88vh;overflow:auto;box-shadow:0 25px 90px #090506cc}dialog::backdrop{background:#10090bd1;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.dialog-head h2{margin:0;font-size:24px}.close{border:0;background:#443036;color:var(--text);border-radius:50%;width:35px;height:35px;font-size:24px}.field-label{display:block;font-size:13px;font-weight:700;margin:15px 0;color:#f2c9d1}.field-label input,.field-label select,.field-label textarea{display:block;width:100%;margin-top:7px}.field-label textarea{resize:vertical}fieldset{border:1px solid #5a3d46;border-radius:15px;padding:12px;margin:15px 0}legend{color:#f2c9d1;font-size:13px;font-weight:700}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;align-items:center;gap:7px;background:#3b2b30;border-radius:11px;padding:9px;font-size:12px;color:var(--text)}.check input{accent-color:var(--pink)}.dialog-actions{display:flex;gap:8px;margin-top:20px}.dialog-actions button{flex:1}.mode-choice{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #5c3d46;background:#3a292f;color:var(--text);border-radius:17px;padding:15px;margin:10px 0}.mode-choice>span:first-child{font-size:25px}.mode-choice div{flex:1}.mode-choice strong,.mode-choice small{display:block}.mode-choice small{color:var(--muted);margin-top:5px}.mode-choice>span:last-child{color:var(--pink);font-size:24px}#toastDialog{text-align:center}#toastText{line-height:1.5}@media(min-width:600px){body{padding-top:28px}.card{padding:26px}.wheel{width:360px}.top h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}