:root{--ink: #17111A;--bg: #17111A;--surface: #211823;--surface-2: #2A1F2D;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--text: #F6F0F3;--text-dim: #B4A3AE;--text-faint: #7C6C77;--rose: #EC8AA8;--rose-bright: #F4A7BF;--rose-ink: #2A0F19;--mens: #F0708D;--foll: #74CBA6;--fert: #EBC15F;--lut: #A594E0;--mens-bg: rgba(240, 112, 141, .13);--foll-bg: rgba(116, 203, 166, .13);--fert-bg: rgba(235, 193, 95, .13);--lut-bg: rgba(165, 148, 224, .13);--danger: #E0806F;--r-xs: 10px;--r-sm: 14px;--r: 20px;--r-lg: 28px;--r-xl: 34px;--pad: 20px;--gap: 14px;--shadow-sm: 0 2px 12px -6px rgba(0, 0, 0, .5);--shadow: 0 12px 40px -16px rgba(0, 0, 0, .7);--shadow-glow: 0 8px 32px -10px rgba(236, 138, 168, .35);--font-display: "Fraunces", Georgia, serif;--font-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=light]{--ink: #FBF6F8;--bg: #FBF6F8;--surface: #FFFFFF;--surface-2: #FBF3F6;--line: rgba(40, 20, 32, .08);--line-strong: rgba(40, 20, 32, .14);--text: #241621;--text-dim: #6E5A66;--text-faint: #9E8B96;--rose: #C15A7C;--rose-bright: #A8476A;--rose-ink: #FFFFFF;--mens: #D25577;--foll: #3D9670;--fert: #9A7B22;--lut: #6E5CB8;--mens-bg: rgba(210, 85, 119, .1);--foll-bg: rgba(61, 150, 112, .1);--fert-bg: rgba(154, 123, 34, .1);--lut-bg: rgba(110, 92, 184, .1);--shadow-sm: 0 2px 12px -8px rgba(80, 50, 66, .25);--shadow: 0 12px 40px -18px rgba(80, 50, 66, .3);--shadow-glow: 0 8px 32px -12px rgba(193, 90, 124, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;line-height:1.5}#root{min-height:100%}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 104px)}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.15}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:11.5px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 18px}.head .greet{display:flex;flex-direction:column;gap:1px}.head .greet .hello{font-family:var(--font-display);font-size:22px}.head .greet .date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.head .avatar-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .2s var(--ease)}.head .avatar-btn:active{transform:scale(.92)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}.card.flush{padding:0;overflow:hidden}.card.hero{background:linear-gradient(165deg,var(--surface) 0%,var(--surface-2) 100%);border-radius:var(--r-lg);padding:24px 20px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head .eyebrow{margin:0}button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:var(--r-sm);padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:transform .16s var(--ease),background .2s,border-color .2s,opacity .2s}.btn:active{transform:scale(.975)}.btn.primary{background:var(--rose);border-color:var(--rose);color:var(--rose-ink);box-shadow:var(--shadow-glow)}.btn.primary:active{background:var(--rose-bright)}.btn.ghost{background:transparent;border-color:var(--line-strong)}.btn.subtle{background:var(--surface-2);border-color:transparent}.btn.danger{color:var(--danger);border-color:#e0806f4d;background:transparent}.btn.sm{padding:10px 14px;font-size:13.5px;width:auto;border-radius:var(--r-xs)}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:var(--r-sm);padding:4px;gap:4px;margin-bottom:18px}.seg button{background:none;border:none;padding:11px;border-radius:11px;font-weight:600;font-size:14px;color:var(--text-dim);cursor:pointer;transition:all .2s var(--ease)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px;font-weight:600}.input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);padding:14px 15px;font-size:16px;font-family:var(--font-ui);outline:none;transition:border-color .2s}.input:focus{border-color:var(--rose)}textarea.input{resize:vertical;min-height:76px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s var(--ease)}.chip:active{transform:scale(.96)}.chip.on{background:var(--rose-bright);border-color:var(--rose-bright);color:var(--rose-ink)}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:center;padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--line);z-index:40}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-faint);font-size:10.5px;font-weight:600;padding:4px 2px;cursor:pointer;transition:color .2s}.tab.on{color:var(--rose-bright)}.tab .ico{transition:transform .2s var(--ease-spring)}.tab.on .ico{transform:translateY(-1px)}.fab{width:60px;height:60px;border-radius:20px;background:var(--rose);color:var(--rose-ink);border:none;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .18s var(--ease-spring)}.fab:active{transform:scale(.9) rotate(90deg)}.hero-ring{display:flex;justify-content:center;padding:4px 0 8px;position:relative}@keyframes ringDraw{0%{stroke-dashoffset:var(--dash)}to{stroke-dashoffset:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,to{opacity:.55}50%{opacity:1}}.ring-center-label{pointer-events:none}.phase-tag{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;letter-spacing:-.01em}.phase-tag .dot{width:9px;height:9px;border-radius:50%}.pt-mens{background:var(--mens-bg);color:var(--mens)}.pt-foll{background:var(--foll-bg);color:var(--foll)}.pt-fert{background:var(--fert-bg);color:var(--fert)}.pt-lut{background:var(--lut-bg);color:var(--lut)}.hero-sub{color:var(--text-dim);font-size:14px;line-height:1.55;margin-top:12px;max-width:300px;margin-inline:auto}.info-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px}.info-row .ir-icon{width:42px;height:42px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center}.info-row .ir-body{flex:1;min-width:0}.info-row .ir-label{font-size:12px;color:var(--text-faint);font-weight:600;margin-bottom:2px}.info-row .ir-value{font-size:15.5px;font-weight:600;letter-spacing:-.01em}.info-row .ir-value b{font-family:var(--font-mono);font-weight:700}.info-row .ir-big{font-family:var(--font-display);font-size:20px;font-weight:500}.bday-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;cursor:pointer;border-radius:var(--r);padding:15px;font-size:15px;font-weight:700;color:#3a1206;background:linear-gradient(120deg,#f6c56b,#ec8aa8 55%,#a594e0 120%);box-shadow:0 10px 30px -12px #ec8aa880;transition:transform .16s var(--ease-spring);margin-bottom:var(--gap)}.bday-btn:active{transform:scale(.97)}.bday-btn:disabled{opacity:.7}.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-month{font-family:var(--font-display);font-size:20px}.cal-nav{display:flex;gap:8px}.cal-nav button{width:36px;height:36px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cal-nav button:active{background:var(--surface)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-wd{text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);padding:2px 0 6px;text-transform:uppercase;letter-spacing:.05em}.cal-cell{aspect-ratio:1;border:none;background:none;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;color:var(--text);cursor:pointer;position:relative;transition:background .15s,transform .1s}.cal-cell:active{transform:scale(.9)}.cal-cell.out{color:var(--text-faint);opacity:.4}.cal-cell.today{box-shadow:inset 0 0 0 1.5px var(--text-dim)}.cal-cell.mens{background:var(--mens);color:#24101a;font-weight:700}.cal-cell.mens.spotting{background:var(--mens-bg);color:var(--mens)}.cal-cell.predicted{background:transparent;border:1.5px dashed var(--mens);color:var(--mens)}.cal-cell.fert:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--fert)}.cal-cell.ovu{box-shadow:inset 0 0 0 1.5px var(--fert)}.cal-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.cal-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim)}.lg{width:11px;height:11px;border-radius:4px;flex:none}.lg.mens{background:var(--mens)}.lg.pred{border:1.5px dashed var(--mens)}.lg.fert{width:7px;height:7px;border-radius:50%;background:var(--fert)}.lg.ovu{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fert)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--gap)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 10px;text-align:center}.stat .v{font-family:var(--font-display);font-size:27px;font-weight:500}.stat .l{font-size:11px;color:var(--text-faint);margin-top:4px;font-weight:600}.bars{display:flex;align-items:flex-end;gap:7px;height:100px;padding-top:22px}.bar{flex:1;background:var(--surface-2);border-radius:7px 7px 4px 4px;position:relative;min-width:8px}.bar i{position:absolute;inset:auto 0 0 0;background:var(--rose);border-radius:7px 7px 4px 4px}.bar b{position:absolute;top:-20px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);font-weight:400}.plist{display:flex;flex-direction:column;gap:9px}.pitem{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:var(--r-sm);padding:14px 16px}.pitem .d{font-weight:600;font-size:14.5px}.pitem .m{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.pitem .len{font-family:var(--font-mono);font-size:12px;color:var(--mens);background:var(--mens-bg);padding:4px 10px;border-radius:999px;font-weight:700}.member{display:flex;align-items:center;gap:13px;padding:6px 0}.member .av{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}.member .mn{font-weight:600;font-size:15px}.member .ms{font-size:12.5px;color:var(--text-faint)}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px}.auth-box{width:100%;max-width:390px}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-logo h1{font-size:42px;font-weight:500;letter-spacing:-.02em}.auth-logo p{color:var(--text-dim);font-size:14.5px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 108px);background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:13px 22px;font-size:14px;font-weight:600;box-shadow:var(--shadow);z-index:60;animation:toastIn .35s var(--ease-spring);max-width:88vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.notif-banner{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,var(--rose-bright),var(--lut));color:var(--rose-ink);border-radius:var(--r);padding:15px 16px;margin-bottom:var(--gap);cursor:pointer;transition:transform .16s var(--ease)}.notif-banner:active{transform:scale(.98)}.notif-banner .nb-ico{flex:none}.notif-banner .nb-body{flex:1}.notif-banner .nb-title{font-weight:700;font-size:14px}.notif-banner .nb-sub{font-size:12.5px;opacity:.85}.hr{border:none;border-top:1px solid var(--line);margin:16px 0}.note{font-size:12.5px;color:var(--text-faint);line-height:1.55}.center{text-align:center}a{color:var(--rose-bright)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack-appear>*{animation:fadeUp .5s var(--ease) both}.stack-appear>*:nth-child(2){animation-delay:.05s}.stack-appear>*:nth-child(3){animation-delay:.1s}.stack-appear>*:nth-child(4){animation-delay:.15s}.stack-appear>*:nth-child(5){animation-delay:.2s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.cal-heart{position:absolute;top:4px;right:5px;font-size:8px;color:var(--rose);line-height:1}.cal-cell.mens .cal-heart{color:var(--rose-ink);opacity:.7}.lg-heart{color:var(--rose);font-size:12px}.fab{transition:transform .28s var(--ease-spring),background .2s}.fab.open{transform:rotate(135deg);background:var(--rose-bright)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a060a00;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:45;pointer-events:none;transition:background .3s var(--ease),backdrop-filter .3s var(--ease)}.sheet-backdrop.show{background:#0a060a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.action-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 92px);width:100%;max-width:480px;padding:0 18px;display:flex;flex-direction:column;gap:12px;z-index:55;pointer-events:none}.action-item{display:flex;align-items:center;gap:14px;width:100%;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--r);padding:16px 18px;cursor:pointer;text-align:left;box-shadow:var(--shadow);opacity:0;transform:translateY(24px) scale(.96);transition:opacity .3s var(--ease),transform .35s var(--ease-spring);pointer-events:none}.action-sheet.open .action-item{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.action-sheet.open .action-item.sex{transition-delay:.04s}.action-sheet.open .action-item.period{transition-delay:.1s}.action-item .ai-icon{width:46px;height:46px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center}.action-item.period .ai-icon{background:var(--mens-bg);color:var(--mens)}.action-item.sex .ai-icon{background:var(--rose-soft, rgba(236,138,168,.14));color:var(--rose)}.action-item .ai-text{display:flex;flex-direction:column;gap:2px}.action-item .ai-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.action-item .ai-sub{font-size:12.5px;color:var(--text-faint)}.action-item:active{transform:scale(.98)}