@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f2f7;--surface: #ffffff;--surface-2: #ede7f0;--ink: #2a1e2b;--muted: #6a5d6d;--line: #e3dbe6;--line-strong: #8a7c8d;--accent: #5b2a4e;--accent-ink: #ffffff;--period: #b03650;--period-soft: #f7dbe1;--on-period: #ffffff;--fertile: #1b6f66;--fertile-soft: #d3ede9;--on-fertile: #ffffff;--ovu: #a46d10;--danger: #b3261e;--on-danger: #ffffff;--warn: #b45309;--success: #2f7d32;--qr-bg: #ffffff;--scrim: rgb(20 10 22 / .4);--shadow: rgb(0 0 0 / .18);--font-display: "Bricolage Grotesque Variable", "Avenir Next", system-ui, sans-serif;--font-body: "Figtree Variable", -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--tap: 44px;--nav-h: 4rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #17111a;--surface: #221a25;--surface-2: #2c2230;--ink: #f2eaf3;--muted: #a898ab;--line: #382c3c;--line-strong: #857589;--accent: #d79ac6;--accent-ink: #2a1225;--period: #ec6d86;--period-soft: #4a2230;--on-period: #2a1225;--fertile: #5cc4b8;--fertile-soft: #1d3a38;--on-fertile: #17111a;--ovu: #e8b250;--danger: #f2827a;--on-danger: #2a1225;--warn: #f0a040;--success: #6cc070;--scrim: rgb(0 0 0 / .6);--shadow: rgb(0 0 0 / .5);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@supports (font: -apple-system-body) and (-webkit-touch-callout: none){html{font:-apple-system-body}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;font-size:max(1rem,16px);color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{max-width:520px;margin:0 auto;min-height:100%;padding:calc(var(--safe-top) + 12px) max(16px,var(--safe-right)) calc(var(--nav-h) + var(--safe-bottom) + 24px) max(16px,var(--safe-left));display:flex;flex-direction:column;gap:16px}.shell:focus{outline:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.01em;text-wrap:balance}h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}h1,h2,h3,p,label,li,.btn{overflow-wrap:break-word}h1{font-size:1.75rem;line-height:1.1}h2{font-size:1.25rem}h3{font-size:1rem}h1:focus,h2:focus{outline:none}p{margin:0}.muted{color:var(--muted)}.small{font-size:.875rem}.label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.num{font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:12px;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:12px}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:600;min-height:var(--tap);min-width:var(--tap);background:var(--accent);color:var(--accent-ink);text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:var(--surface-2);color:var(--ink)}.btn.period{background:var(--period);color:var(--on-period)}.btn.ghost{background:transparent;color:var(--accent);padding:8px 4px}.btn.danger{background:transparent;color:var(--danger)}.btn.danger-solid{background:var(--danger);color:var(--on-danger)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.icon-btn{padding:0;width:var(--tap);height:var(--tap);flex:none}.hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:4px}.ring{width:min(300px,82vw);aspect-ratio:1;max-width:100%;position:relative}.ring svg{width:100%;height:100%;display:block}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:20%}.ring-day{font-family:var(--font-display);font-size:clamp(2.5rem,14vw,3.5rem);font-weight:700;line-height:1}.ring-phase{font-weight:600}.seg-neutral{stroke:var(--surface-2)}.seg-period{stroke:var(--period)}.seg-period-pred{stroke:var(--period-soft)}.seg-fertile{stroke:var(--fertile-soft)}.seg-peak{stroke:var(--fertile)}.seg-ovu{stroke:var(--ovu)}.ring-today{fill:var(--ink);stroke:var(--surface);stroke-width:3}.chance{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border-radius:999px;padding:4px 12px;font-weight:600;font-size:.875rem;white-space:nowrap;background:var(--surface-2);color:var(--ink)}.pill.low{background:var(--surface-2);color:var(--muted)}.pill.high{background:var(--fertile-soft);color:var(--fertile)}.pill.peak{background:var(--fertile);color:var(--on-fertile)}.pill.period{background:var(--period-soft);color:var(--period)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8125rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.period{background:var(--period)}.dot.pred{background:transparent;border:2px dashed var(--period)}.dot.fertile{background:var(--fertile-soft);border:1px solid var(--fertile)}.dot.peak{background:var(--fertile)}.dot.ovu{background:var(--ovu)}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cal-nav{width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex:none}.card.cal-card{padding:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-wd{text-align:center;font-size:.75rem;color:var(--muted);padding:4px 0}.cal-day{aspect-ratio:1;min-height:var(--tap);border:0;border-radius:50%;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-size:.9375rem;min-width:0;padding:0}.cal-day.out{visibility:hidden}.cal-day.future{color:var(--muted)}.cal-day.fertile{background:var(--fertile-soft)}.cal-day.peak{background:var(--fertile);color:var(--on-fertile);font-weight:600}.cal-day.pred:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px dashed var(--period)}.cal-day.period{background:var(--period);color:var(--on-period);font-weight:600}.cal-day.today{outline:2px solid var(--ink);outline-offset:1px}.cal-day:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.cal-day .marks{position:absolute;bottom:12%;display:flex;gap:2px}.cal-day .mark{width:5px;height:5px;border-radius:50%;background:var(--muted)}.cal-day .mark.ovu{background:var(--ovu)}.cal-day .mark.sex{background:var(--accent)}.cal-day.period .mark{background:var(--on-period)}.cal-day.peak .mark{background:var(--on-fertile)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:30}.sheet{position:fixed;left:0;right:0;bottom:var(--kb, 0px);z-index:31;max-height:calc(var(--vvh, 100dvh) - var(--safe-top) - 12px);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:20px max(16px,var(--safe-right)) calc(var(--safe-bottom) + 20px) max(16px,var(--safe-left));display:flex;flex-direction:column;gap:18px;max-width:560px;margin:0 auto;animation:up .22s ease-out}.sheet.kb-open{padding-bottom:16px}.sheet:focus{outline:none}@keyframes up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.field{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:.9375rem;min-height:var(--tap)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip.flow[aria-pressed=true]{background:var(--period);border-color:var(--period);color:var(--on-period)}.chip.lh-pos[aria-pressed=true]{background:var(--fertile);border-color:var(--fertile);color:var(--on-fertile)}.input,textarea.input{width:100%;min-height:var(--tap);border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:12px}.input[aria-invalid=true]{border-color:var(--danger);border-width:2px}textarea.input{min-height:80px;resize:vertical}.switch,.switch.card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap)}.switch input{width:24px;height:24px;accent-color:var(--accent);flex:none}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,var(--safe-right)) calc(var(--safe-bottom) + 6px) max(8px,var(--safe-left))}.nav-inner{max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.6875rem;color:var(--muted);text-decoration:none;padding:4px 0;min-width:0;min-height:var(--tap);text-align:center}.nav a span{font-size:min(1em,12px);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav a[aria-current=page]{color:var(--accent);font-weight:600}.nav svg{width:24px;height:24px;flex:none}.nav .log-btn{width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:0;justify-self:center;display:flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 6px 18px var(--shadow)}.stat{display:flex;flex-direction:column;gap:2px;min-width:0}.stat b{font-family:var(--font-display);font-size:1.75rem;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.history{display:flex;flex-direction:column;gap:10px}.hist-row{display:grid;grid-template-columns:minmax(4.75rem,auto) 1fr minmax(2.75rem,auto);gap:10px;align-items:center;font-size:.875rem}.hist-bar{height:10px;border-radius:999px;background:var(--surface-2);position:relative;overflow:hidden}.hist-bar i{position:absolute;inset:0 auto 0 0;background:var(--fertile);border-radius:999px}.hist-bar i.period{background:var(--period);z-index:1}.chart{width:100%;overflow-x:auto}.chart svg{display:block;width:100%;height:auto}.chart .grid{stroke:var(--line)}.chart .line{stroke:var(--accent);fill:none;stroke-width:2}.chart .pt{fill:var(--accent)}.chart .cover{stroke:var(--ovu);stroke-dasharray:4 4}.chart text{fill:var(--muted);font-size:11px}.auth{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-block:calc(var(--safe-top) + 40px) calc(var(--safe-bottom) + 40px)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:44px;height:44px;flex:none}.form{display:flex;flex-direction:column;gap:12px}.error{color:var(--danger);font-size:.875rem}.notice{background:var(--surface-2);border-radius:var(--r-sm);padding:12px;font-size:.875rem}.form-msg:empty{display:none}.center{text-align:center}.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;min-height:var(--tap);padding:10px 0}.check input{width:24px;height:24px;margin:0;accent-color:var(--accent)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:5.5rem}.pw-toggle{position:absolute;right:0;top:0;bottom:0;min-width:var(--tap);padding:0 14px;background:transparent;border:0;color:var(--accent);font-weight:600;font-size:.875rem}.meter{display:flex;flex-direction:column;gap:6px}.meter-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.meter-bar i{height:6px;border-radius:999px;background:var(--surface-2)}.meter[data-score="1"] .meter-bar i:nth-child(-n+1){background:var(--danger)}.meter[data-score="2"] .meter-bar i:nth-child(-n+2){background:var(--warn)}.meter[data-score="3"] .meter-bar i:nth-child(-n+3){background:var(--success)}.meter[data-score="4"] .meter-bar i{background:var(--success)}.captcha:empty{display:none}.greet{color:var(--muted);font-weight:500}.qr{width:180px;height:180px;align-self:center;background:var(--qr-bg);padding:8px;border-radius:var(--r-sm)}.secret{font-family:ui-monospace,Menlo,monospace;word-break:break-all;background:var(--surface-2);padding:2px 6px;border-radius:6px;-webkit-user-select:all;user-select:all}.secret-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secret-row .secret{flex:1 1 12rem;padding:10px 12px;font-size:1rem;letter-spacing:.04em}.qr-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.back{align-self:flex-start}.delete-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:6px}.warn-box{border-left:4px solid var(--warn)}.auth-page{padding-bottom:calc(var(--safe-bottom) + 24px)}.prose{display:flex;flex-direction:column;gap:10px}.prose h2,.prose h3{margin-top:10px}.prose ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:6px}.prose a,.form a,.card a:not(.btn){color:var(--accent);text-underline-offset:2px}.install-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:step}.install-steps li{display:grid;grid-template-columns:2rem 1fr;gap:12px;align-items:start;counter-increment:step}.install-steps li:before{content:counter(step);width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:600}.install-steps svg{width:1.25em;height:1.25em;vertical-align:-.25em;color:var(--accent)}.install-banner{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.toasts{position:fixed;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);width:max-content;max-width:calc(100% - 32px)}.toast{background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:.875rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}