.tabbar{border-top:var(--hairline) solid var(--outline);background:var(--card);padding-bottom:env(safe-area-inset-bottom);display:flex}.tabbar__tab{min-width:0;color:var(--text-tertiary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 2px 5px;text-decoration:none;display:flex}.tabbar__tab--on{color:var(--primary)}.tabbar__glyph{filter:grayscale();opacity:.7;font-size:19px;line-height:1}.tabbar__tab--on .tabbar__glyph{filter:none;opacity:1}.tabbar__label{font-size:var(--fs-tab);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field__label{font-size:var(--fs-label);color:var(--text-secondary);padding-left:2px;font-weight:500}.field__input{height:var(--control-h);border:1px solid var(--outline);border-radius:var(--radius-field);background:var(--card);color:var(--text);outline:none;width:100%;min-width:0;padding:0 10px}.field__input:focus{border-color:var(--primary)}.field__input--error{border-color:var(--error)}.field__input:disabled{opacity:.5}.dropdown{display:flex;position:relative}.dropdown__select{appearance:none;height:var(--control-h);border:1px solid var(--outline);border-radius:var(--radius-pill);background:var(--card);width:100%;color:var(--primary);text-align:center;outline:none;padding:0 30px 0 14px}.dropdown__select:focus{border-color:var(--primary)}.dropdown__chevron{color:var(--primary);pointer-events:none;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.segmented{background:var(--outline-faint);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex}.segmented__item{border-radius:var(--radius-pill);min-width:0;height:32px;color:var(--text-secondary);font-size:var(--fs-label);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;font-weight:500;overflow:hidden}.segmented__item--on{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000001f}.expandable{background:var(--card);border-radius:var(--radius-card);overflow:hidden}.expandable__head{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.expandable__titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expandable__title{color:var(--primary);font-weight:500}.expandable__summary{font-size:var(--fs-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expandable__chevron{color:var(--text-tertiary);transition:transform .12s}.expandable__chevron--open{transform:rotate(180deg)}.expandable__body{gap:var(--gap);flex-direction:column;padding:0 14px 14px;display:flex}.card{background:var(--card);border-radius:var(--radius-card);padding:12px 14px}.card--tappable{cursor:pointer}.card--tappable:active{background:var(--card-raised)}.btn{height:var(--control-h);border-radius:var(--radius-pill);border:0;padding:0 18px;font-weight:500}.btn--primary{background:var(--primary);color:var(--on-primary);width:100%}.btn--primary:disabled{opacity:.45}.btn--quiet{color:var(--primary);background:0 0;padding:0 10px}.btn--danger{color:var(--error)}.daybar{margin-bottom:var(--gap);align-items:center;gap:8px;display:flex}.daybar__label{color:var(--text);font-size:var(--fs-title);text-align:center;background:0 0;border:0;flex:1;font-weight:600}.dose{background:var(--card);border-radius:var(--radius-card);align-items:center;gap:10px;padding:10px 8px 10px 12px;display:flex}.dose--taken .dose__title,.dose--skipped .dose__title{color:var(--text-secondary)}.dose--skipped .dose__title{text-decoration:line-through}.dose__time{font-size:var(--fs-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;width:38px}.dose__dot{border-radius:50%;flex:none;width:10px;height:10px}.dose__text{flex:1;min-width:0}.dose__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dose__sub{font-size:var(--fs-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dose__cta{font-size:var(--fs-caption);color:var(--primary);text-align:left;background:0 0;border:0;margin-top:1px;padding:0}.dose__missed{font-size:var(--fs-caption);color:var(--error)}.dose__actions{flex:none;gap:2px;display:flex}.dose__btn{width:36px;height:36px;color:var(--text-tertiary);background:0 0;border:0;border-radius:50%;font-size:17px;line-height:1}.dose__btn--on-take{background:var(--primary);color:var(--on-primary)}.dose__btn--on-skip{color:var(--error)}.login{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.login__brand{text-align:center;color:var(--primary);margin:0 0 24px;font-size:26px;font-weight:600}.login__form{background:var(--card);border-radius:var(--radius-card);padding:18px}.login__hint{text-align:center;margin:4px 0 0}.dose__disclose{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.dose__chevron{color:var(--text-tertiary);flex:none;font-size:11px;transition:transform .12s}.dose__chevron--open{transform:rotate(180deg)}.members{border-top:var(--hairline) solid var(--outline-faint);flex-direction:column;margin-top:4px;padding-top:4px;display:flex}.members__row{align-items:flex-start;gap:8px;padding:3px 0;display:flex}.members__name{min-width:0;font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.members__figures{flex-direction:column;flex:1;align-items:flex-end;gap:1px;min-width:0;display:flex}.members__dose{font-size:var(--fs-caption);color:var(--text-secondary);text-align:right}.colors{flex-wrap:wrap;gap:8px;display:flex}.colors__dot{border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.colors__dot--on{border-color:var(--text);box-shadow:inset 0 0 0 2px var(--card)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips__chip{border-radius:var(--radius-pill);background:var(--outline-faint);font-variant-numeric:tabular-nums;align-items:center;gap:4px;height:30px;padding:0 6px 0 10px;display:inline-flex}.filterchip{border:1px solid var(--outline);border-radius:var(--radius-pill);background:var(--card);height:32px;color:var(--text-secondary);font-size:var(--fs-label);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.filterchip--on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.filterchip__note{font-size:var(--fs-caption);opacity:.7}.chips__x{color:var(--text-tertiary);background:0 0;border:0;padding:2px 4px;font-size:11px;line-height:1}.weekdays{gap:4px;display:flex}.weekdays__day{border:1px solid var(--outline);border-radius:var(--radius-pill);background:var(--card);min-width:0;height:34px;color:var(--text-secondary);font-size:var(--fs-caption);flex:1;padding:0}.weekdays__day--on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sheet__backdrop{background:var(--overlay);z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:520px;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.sheet__head{padding:14px var(--pad) 10px;font-size:var(--fs-title);text-align:center;border-bottom:var(--hairline) solid var(--outline);font-weight:600}.sheet__body{padding:var(--pad);gap:var(--gap);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet__foot{padding:8px var(--pad) 12px;border-top:var(--hairline) solid var(--outline);justify-content:flex-end;gap:4px;display:flex}.screenhead{margin:-4px 0 var(--gap);align-items:center;gap:6px;display:flex}.screenhead__title{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.screenhead__action{align-items:center;gap:4px;display:flex}.toggle{min-height:var(--control-h);align-items:center;gap:10px;display:flex}.toggle__label{flex:1}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--outline);border-radius:13px;flex:none;width:44px;height:26px;transition:background .14s;position:relative}.toggle__track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle__input:checked+.toggle__track{background:var(--ok)}.toggle__input:checked+.toggle__track:after{transform:translate(18px)}.fab{right:max(16px, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 68px);background:var(--primary);width:54px;height:54px;color:var(--on-primary);z-index:20;border:0;border-radius:18px;font-size:28px;line-height:1;position:fixed;box-shadow:0 4px 14px #00000038}.listhead{font-size:var(--fs-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px 4px;font-weight:600}.listhead:first-child{margin-top:0}.listrow{background:var(--card);border-radius:var(--radius-card);align-items:center;gap:10px;padding:8px 6px 8px 12px;display:flex}.listrow__dot{border-radius:50%;flex:none;width:10px;height:10px}.listrow__main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding:4px 0;display:flex}.listrow__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.listrow__sub{font-size:var(--fs-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.editor{gap:var(--gap);flex-direction:column;padding-bottom:24px;display:flex}.editor__card{background:var(--card);border-radius:var(--radius-card);gap:var(--gap);flex-direction:column;padding:14px;display:flex}.editor__cardtitle{font-size:var(--fs-label);color:var(--text-secondary);font-weight:600}.memberpick{flex-direction:column;gap:2px;display:flex}.memberpick__row{border-bottom:var(--hairline) solid var(--outline-faint);align-items:center;gap:10px;padding:7px 2px;display:flex}.memberpick__row:last-child{border-bottom:0}.memberpick__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.memberpick__note{font-size:var(--fs-caption);color:var(--text-tertiary);flex:none}.memberpick__box{width:22px;height:22px;accent-color:var(--primary);flex:none}.module{background:var(--card);border-radius:var(--radius-card);text-align:left;border:0;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.module:active{background:var(--card-raised)}.module__icon{color:var(--primary);flex:none;display:flex}.module__icon svg{width:26px;height:26px}.module__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.module__title{font-size:var(--fs-title)}.module__sub{font-size:var(--fs-caption);color:var(--text-secondary)}.module__chevron{color:var(--text-tertiary);flex:none;font-size:20px}.vials{gap:var(--gap);margin-top:var(--gap);flex-direction:column;display:flex}.vials__result{flex-direction:column;gap:10px;padding:16px;display:flex}.hairline{border:0;border-top:var(--hairline) solid var(--outline);margin:2px 0}.resultrow{align-items:baseline;gap:10px;display:flex}.resultrow__label{min-width:0;color:var(--text-secondary);flex:1}.resultrow__value{font-variant-numeric:tabular-nums;text-align:right}.resultrow--strong .resultrow__value{font-size:var(--fs-title);color:var(--primary);font-weight:600}.syringe{flex-direction:column;gap:4px;margin-top:4px;display:flex}.syringe__caption{color:var(--primary);font-weight:600}.syringe__svg{width:100%;height:auto;display:block}.syringe__barrel{stroke:var(--outline)}.syringe__liquid{fill:var(--primary);opacity:.3}.syringe__mark{stroke:var(--primary)}.syringe__tick{fill:var(--text-tertiary);font-size:9px}.vial{background:var(--card);border-radius:var(--radius-card);padding:8px 6px 8px 14px}.vial__head{align-items:center;gap:10px;display:flex}.vial__icon{width:22px;height:22px;color:var(--primary);flex:none}.vial__icon--error{color:var(--error)}.vial__main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding:4px 0;display:flex}.vial__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.vial__sub{font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden}.vial__sub--muted{color:var(--text-secondary)}.vial__sub--warn{color:var(--warn)}.vial__sub--error{color:var(--error)}.vial__chevron{font-size:11px;transition:transform .12s;display:inline-block}.vial__chevron--open{transform:rotate(180deg)}.vial__linked{font-size:var(--fs-caption);color:var(--primary);text-overflow:ellipsis;white-space:nowrap;padding:2px 0 0 32px;overflow:hidden}.vial__body{flex-direction:column;gap:3px;padding:4px 8px 4px 0;display:flex}.vial__actions{flex-wrap:wrap;align-items:center;gap:2px;margin-top:6px;display:flex}.vial__spacer{flex:1}.btn--tonal{background:var(--outline-faint);height:32px;color:var(--primary);font-size:var(--fs-label);flex:none;padding:0 12px}.btn:disabled{opacity:.45}.courserow{align-items:center;gap:12px;display:flex}.courserow__dot{border-radius:50%;flex:none;width:14px;height:14px}.courserow__main{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;gap:2px;padding:0;display:flex}.courserow__name{font-weight:600}.courserow__items{color:var(--text-secondary);font-size:var(--fs-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.courserow__status{color:var(--text-secondary);font-size:var(--fs-label)}.courserow__status--due{color:var(--primary)}.startopt{background:var(--outline-faint);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.startopt:disabled{opacity:.5}.startopt__text{flex-direction:column;gap:3px;min-width:0;display:flex}.startopt__title{font-weight:600}.startopt__hint{color:var(--text-secondary);font-size:var(--fs-label)}.courseitem{background:var(--outline-faint);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.courseitem__head{align-items:center;gap:10px;display:flex}.courseitem__num{color:var(--text-secondary);font-size:var(--fs-label);flex:auto}.filters{margin-bottom:var(--gap);flex-direction:column;gap:8px;display:flex}.histday{font-size:var(--fs-label);color:var(--primary);border-bottom:var(--hairline) solid var(--outline);margin:14px 0 2px;padding-bottom:4px;font-weight:600}.histrow{align-items:center;gap:12px;padding:7px 2px;display:flex}.histrow__time{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:none;width:42px}.histrow__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.histrow__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.histrow__dose{font-size:var(--fs-caption);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.histrow__status{font-size:var(--fs-label);flex:none}.histrow__status--taken{color:var(--primary)}.histrow__status--skipped{color:var(--error)}.histrow__status--pending{color:var(--text-tertiary)}.chart{width:100%;height:120px;margin:4px 0;display:block}:root{--cycle-period:#e24a87;--cycle-fertile:#2fb3a0;--cycle-ovulation:#8e5ad6}.cyclehead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cyclehead__phase{font-size:var(--fs-title);font-weight:600}.cyclehead__day{color:var(--text-secondary);font-size:var(--fs-label);font-variant-numeric:tabular-nums}.cyclehead__next{color:var(--primary);font-weight:600}.cal__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cal__title{font-weight:600}.cal__grid{grid-template-columns:repeat(7,1fr);gap:2px;margin:4px 0;display:grid}.cal__weekday{text-align:center;font-size:var(--fs-caption);color:var(--text-tertiary);padding-bottom:2px}.cal__day{aspect-ratio:1;color:var(--text);font-size:var(--fs-label);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cal__day--period{background:var(--cycle-period);color:#fff}.cal__day--predicted{box-shadow:inset 0 0 0 2px var(--cycle-period);color:var(--cycle-period)}.cal__day--fertile{background:color-mix(in srgb, var(--cycle-fertile) 22%, transparent);color:var(--text)}.cal__day--ovulation{background:var(--cycle-ovulation);color:#fff}.cal__day--today{outline:2px solid var(--primary);outline-offset:-2px}.cal__dot{opacity:.65;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal__legend{font-size:var(--fs-caption);color:var(--text-secondary);flex-wrap:wrap;gap:4px 12px;display:flex}.cal__legenditem{align-items:center;gap:5px;display:inline-flex}.cal__swatch{border-radius:50%;flex:none;width:12px;height:12px}.daysheet__period{border-bottom:var(--hairline) solid var(--outline-faint);flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.notesrow{text-align:left;border:0;border-bottom:var(--hairline) solid var(--outline-faint);width:100%;color:var(--text);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 0;display:flex}.notesrow:last-child{border-bottom:0}.notesrow__date{font-size:var(--fs-label);font-weight:600}.notesrow__tags{font-size:var(--fs-caption);color:var(--text-secondary)}.notesrow__note{font-size:var(--fs-caption);color:var(--text-tertiary)}.stepper{align-items:center;gap:8px;padding:4px 0;display:flex}.stepper__label{min-width:0;font-size:var(--fs-label);color:var(--text-secondary);flex:1}.stepper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:56px}.metricgrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.metriclist{flex-direction:column;display:flex}.metriclist__row{border-bottom:var(--hairline) solid var(--outline-faint);align-items:baseline;gap:8px;padding:5px 0;display:flex}.metriclist__row:last-child{border-bottom:0}.metriclist__name{min-width:0;color:var(--text-secondary);font-size:var(--fs-label);flex:1}.metriclist__value{font-variant-numeric:tabular-nums;font-weight:600}.metriclist__delta{font-variant-numeric:tabular-nums;font-size:var(--fs-caption);color:var(--text-tertiary);text-align:right;flex:none;width:52px}.bodyrow{border-bottom:var(--hairline) solid var(--outline-faint);padding:7px 0}.bodyrow:last-child{border-bottom:0}.bodyrow__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bodyrow__date{font-weight:600;font-size:var(--fs-label)}.bodyrow__values{color:var(--text-secondary);font-size:var(--fs-caption);flex-wrap:wrap;gap:4px 12px;display:flex}.bodyrow__pair{font-variant-numeric:tabular-nums}:root{--bg:#f2f2f7;--card:#fff;--card-raised:#fff;--primary:#007aff;--on-primary:#fff;--text:#000;--text-secondary:#6e6e73;--text-tertiary:#8e8e93;--outline:#c6c6c8;--outline-faint:#e5e5ea;--error:#ff3b30;--warn:#ff9f0a;--ok:#34c759;--overlay:#00000047;--control-h:40px;--radius-field:4px;--radius-pill:20px;--radius-card:16px;--gap:12px;--pad:16px;--hairline:.5px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fs-title:17px;--fs-body:15px;--fs-label:13px;--fs-caption:12px;--fs-tab:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--card:#1c1c1e;--card-raised:#2c2c2e;--primary:#0a84ff;--text:#fff;--text-secondary:#98989f;--text-tertiary:#8e8e93;--outline:#48484a;--outline-faint:#2c2c2e;--error:#ff453a;--warn:#ffd60a;--ok:#30d158;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--card:#1c1c1e;--card-raised:#2c2c2e;--primary:#0a84ff;--text:#fff;--text-secondary:#98989f;--text-tertiary:#8e8e93;--outline:#48484a;--outline-faint:#2c2c2e;--error:#ff453a;--warn:#ffd60a;--ok:#30d158;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-style=female]{--primary:#e12c86;--bg:#faf4f7}:root[data-style=female][data-theme=dark],:root[data-style=female]:not([data-theme=light]){--primary:#ff7fbe}@media (prefers-color-scheme:dark){:root[data-style=female]:not([data-theme=light]){--bg:#000;--primary:#ff7fbe}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.35}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}*{-webkit-tap-highlight-color:transparent}.app{background:var(--bg);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}.app__body{-webkit-overflow-scrolling:touch;padding:var(--pad) var(--pad) 24px;flex:1;overflow-y:auto}.topbar{padding:calc(env(safe-area-inset-top) + 10px) var(--pad) 10px;align-items:center;gap:8px;display:flex}.topbar__title{text-align:center;font-size:var(--fs-title);flex:1;font-weight:600}.topbar__slot{align-items:center;min-width:38px;display:flex}.topbar__slot--end{justify-content:flex-end}.iconbtn{width:38px;height:38px;color:var(--primary);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.iconbtn:active{background:var(--outline-faint)}.iconbtn--muted{color:var(--text-tertiary)}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap);display:flex}.muted{color:var(--text-secondary)}.small{font-size:var(--fs-caption)}.error-text{color:var(--error);font-size:var(--fs-label)}.center-note{text-align:center;color:var(--text-secondary);padding:48px 16px}