@layer tokens{:root{--bg-top:#f5f9f9;--bg-bottom:#e4eef0;--surface:#fff;--surface-soft:#f1f7f7;--surface-border:#14303a17;--tab-bg:#f5f9f9f5;--ink:#14303a;--ink-soft:#486069;--ink-muted:#566d72;--tide:#2f8f8a;--tide-strong:#1f6a65;--tide-soft:#d9ecea;--tide-tint:#2f8f8a1a;--accent-solid:#1f6a65;--bleed:#e26d5a;--bleed-strong:#cf5741;--flow-spotting:#f0c1b6;--flow-light:#e89a88;--flow-medium:var(--bleed);--flow-heavy:var(--bleed-strong);--cycle-period:var(--bleed);--cycle-ovulation:#e8a24b;--cycle-fertile:#f4d6a8;--cycle-idle:#14303a14;--ink-on-fill:#0c191e;--shadow-soft:0 18px 44px #14303a1a;--shadow-card:0 10px 28px #14303a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:radial-gradient(circle at 50% -10%, #d9eceab3, transparent 55%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark]{--bg-top:#0e1a1e;--bg-bottom:#081113;--surface:#15272c;--surface-soft:#1b3238;--surface-border:#ffffff1a;--tab-bg:#0b1619f5;--ink:#e7eff0;--ink-soft:#a6bcc0;--ink-muted:#9ab0b5;--tide:#4fb3ab;--tide-strong:#74ccc4;--tide-soft:#4fb3ab3d;--tide-tint:#4fb3ab24;--bleed:#e8785f;--bleed-strong:#f0917a;--flow-spotting:#ecb4a7;--flow-light:#e79079;--flow-medium:#e2745c;--flow-heavy:#d95f45;--cycle-ovulation:#f2a63c;--cycle-fertile:#ecd3a4;--cycle-idle:#ffffff1a;--shadow-soft:0 18px 44px #00000073;--shadow-card:0 10px 28px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 50% -10%, #29524e8c, transparent 55%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%)}}@layer base{*{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);background:0 0;margin:0}button,input,select{font:inherit}button{cursor:pointer}a,a:visited{color:var(--tide-strong)}#root{min-height:100dvh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--tide);color:var(--surface);border-radius:.5rem;padding:.5rem .75rem;text-decoration:none;transition:top .15s;position:absolute;top:-3rem;left:.5rem}.skip-link:focus-visible{outline:2px solid var(--surface);outline-offset:2px;top:.5rem}}@layer shell{.app-shell{flex-direction:column;max-width:460px;min-height:100dvh;margin-inline:auto;display:flex;position:relative;container-type:inline-size}.app-header{justify-content:space-between;align-items:baseline;padding:20px 20px 4px;display:flex}.app-wordmark{letter-spacing:.02em;color:var(--tide-strong);font-size:1.2rem;font-weight:600}.app-header__title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:.76rem;font-weight:500}.app-main{padding:10px 20px calc(94px + env(safe-area-inset-bottom));flex:1}.tab-bar{width:min(460px,100%);padding:8px 14px calc(10px + env(safe-area-inset-bottom));background:var(--tab-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--surface-border);grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{color:var(--ink-muted);border-radius:14px;justify-items:center;gap:4px;padding:8px 0 6px;text-decoration:none;transition:color .16s,background-color .16s;display:grid}.tab-item__glyph{width:23px;height:23px}.tab-item__label{letter-spacing:.02em;font-size:.7rem}.tab-item:hover{color:var(--ink-soft);background:var(--tide-tint)}.tab-item.is-active{color:var(--tide-strong);background:var(--tide-tint)}.tab-item:focus-visible{outline:2px solid var(--tide);outline-offset:2px;color:var(--tide-strong)}.button-label{justify-content:center;align-items:center;gap:8px;display:inline-flex}.button-icon{flex:none;width:18px;height:18px}.note-inline{align-items:center;gap:8px;display:inline-flex}.note-icon{flex:none;width:16px;height:16px}}@layer ui{.section-title,.fact__label,.calendar-grid__weekday{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.supporting-note,.utility-card p{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.5}.fact-list{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);border-radius:20px;padding:4px 18px;display:grid}.fact{justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.fact+.fact{border-top:1px solid var(--surface-border)}.fact__value{text-align:right;color:var(--ink);justify-items:end;gap:2px;margin:0;font-size:1.05rem;font-weight:500;display:grid}.fact__value--inline{align-items:center;gap:10px;display:flex}.fact__meta{color:var(--ink-muted);font-size:.82rem;font-weight:400}.info-popover{display:inline-flex;position:relative}.info-popover__trigger{border:1px solid var(--surface-border);background:var(--surface-soft);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.info-popover__trigger::-webkit-details-marker{display:none}.info-popover__trigger:hover,.info-popover__trigger:focus-visible{border-color:var(--tide);color:var(--tide-strong);outline:none}.info-popover__icon{width:15px;height:15px}.info-popover__content{inset-inline-end:0;z-index:2;border:1px solid var(--surface-border);background:var(--surface);width:min(230px,68vw);box-shadow:var(--shadow-soft);color:var(--ink-soft);text-align:left;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.45;position:absolute;top:calc(100% + 8px)}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-chip{border:1px solid var(--tide-soft);background:var(--tide-tint);width:fit-content;max-width:100%;color:var(--tide-strong);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;line-height:1.2;display:inline-flex}.status-chip--muted{border-color:var(--surface-border);background:var(--surface-soft);color:var(--ink-soft)}.primary-action,.secondary-action,.text-action,.chip-button,.calendar-grid__day,.history-calendar__nav,.history-calendar__today,.history-calendar__month-button{transition:background-color .16s,border-color .16s,color .16s,transform .16s}.primary-action,.secondary-action{border-radius:16px;width:100%;padding:16px 18px;font-size:1rem;font-weight:600}.primary-action{background:var(--bleed);color:var(--ink-on-fill);border:0;box-shadow:0 10px 24px #e26d5a42}.primary-action:hover{background:var(--bleed-strong)}.secondary-action{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink-soft);font-weight:500}.secondary-action:hover,.chip-button:hover,.calendar-grid__day:not(:disabled):not(.is-logged):hover,.history-calendar__nav:hover,.history-calendar__today:hover,.history-calendar__month-button:hover{border-color:var(--tide);color:var(--tide-strong);background:var(--tide-tint)}.calendar-grid__day.is-logged:not(:disabled):hover{filter:brightness(.95)}.text-action{color:var(--tide-strong);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-weight:500;display:inline-flex}.text-action__icon{flex-shrink:0;width:16px;height:16px}.text-action:hover{color:var(--tide)}.primary-action:focus-visible,.secondary-action:focus-visible,.text-action:focus-visible,.chip-button:focus-visible,.calendar-grid__day:focus-visible,.history-calendar__nav:focus-visible,.history-calendar__today:focus-visible,.history-calendar__month-button:focus-visible,.calendar-picker-button:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.log-action{flex-direction:column;gap:14px;display:flex}.flow-gauge{border:0;margin:0;padding:0}.flow-gauge__legend{color:var(--ink-muted);margin-bottom:8px;padding:0;font-size:.82rem}.flow-gauge__levels{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.flow-gauge__level{cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;display:flex}.flow-gauge__level:hover{background:var(--surface-soft)}.flow-gauge__level[data-selected=true]{border-color:var(--surface-border);background:var(--surface-soft)}.flow-gauge__swatch{border-radius:9px;width:100%;height:26px}.flow-gauge__level--spotting .flow-gauge__swatch{background:var(--flow-spotting)}.flow-gauge__level--light .flow-gauge__swatch{background:var(--flow-light)}.flow-gauge__level--medium .flow-gauge__swatch{background:var(--flow-medium)}.flow-gauge__level--heavy .flow-gauge__swatch{background:var(--flow-heavy)}.flow-gauge__level[data-selected=true] .flow-gauge__swatch{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink-soft)}.flow-gauge__label{color:var(--ink-muted);font-size:.78rem}.flow-gauge__level[data-selected=true] .flow-gauge__label{color:var(--ink);font-weight:600}.flow-gauge__level:has(input:focus-visible) .flow-gauge__swatch{outline:2px solid var(--tide);outline-offset:2px}.day-flow-picker{background:var(--surface-soft);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.day-flow-picker__head{justify-content:space-between;align-items:center;display:flex}.day-flow-picker__date{color:var(--ink);font-weight:600}.day-flow-picker__close{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.day-flow-picker__close:hover{background:var(--surface);color:var(--ink)}.day-flow-picker__close:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row--dense{gap:6px}.chip-fieldset{border:0;min-width:0;margin:0;padding:0}.chip-button,.calendar-grid__day,.history-calendar__nav,.history-calendar__today,.history-calendar__month-button,.calendar-picker-button{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink-soft)}.chip-button{border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.94rem;display:inline-flex}.chip-button__icon{flex-shrink:0;width:16px;height:16px}@media (width<=360px){.chip-button__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip-button{padding:9px}}.chip-button.is-active{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.settings-label,.calendar-picker-button{color:var(--ink);margin:0;font-size:1rem;line-height:1.2}.utility-card,.settings-group,.calendar-grid{min-width:0}.settings-group,.calendar-grid{gap:12px;display:grid}.settings-group--compact{gap:10px}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.settings-row__controls{align-items:center;gap:8px;display:inline-flex}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-field__legend{margin-bottom:8px;padding:0}.theme-field+.settings-row,.settings-row+.settings-row{border-top:1px solid var(--surface-border);padding-top:12px}.segmented{background:var(--surface-soft);border:1px solid var(--surface-border);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;width:100%;padding:4px;display:grid}.segmented__option{min-height:38px;color:var(--ink-soft);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.9rem;font-weight:500;transition:background-color .16s,color .16s;display:inline-flex}.segmented__option:hover{color:var(--tide-strong)}.segmented__option.is-active{background:var(--surface);color:var(--tide-strong);box-shadow:var(--shadow-card)}.segmented__option:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.segmented__icon{flex:none;width:16px;height:16px}@container (width<=340px){.segmented__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.switch{border:1px solid var(--surface-border);background:var(--surface-soft);border-radius:999px;flex:none;width:46px;height:28px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:999px;width:22px;height:22px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #14303a40}.switch[aria-checked=true]{background:var(--accent-solid);border-color:var(--accent-solid)}.switch[aria-checked=true]:after{background:#fff;transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.utility-card{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);border-radius:22px;gap:14px;padding:20px;display:grid}.calendar-grid{gap:10px}.calendar-swipe{touch-action:pan-y}.calendar-grid__header,.calendar-grid__week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-grid__weekday{text-align:center;letter-spacing:.06em;font-size:.72rem}.calendar-grid__day{min-height:46px;color:var(--ink);background:var(--surface-soft);font-variant-numeric:tabular-nums;border-radius:14px;padding:8px 4px;position:relative}.calendar-grid__period-day{font-variant-numeric:tabular-nums;background:#fffc;border-radius:999px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.58rem;line-height:1;display:inline-grid;position:absolute;top:-4px;right:-4px}.calendar-grid__day.is-today{outline:2px solid var(--tide);outline-offset:1px}.calendar-grid__day.is-outside-month{color:var(--ink-muted)}.calendar-grid__day.is-future,.calendar-grid__day:disabled{color:var(--ink-muted);cursor:not-allowed;opacity:.7;background:0 0}.calendar-grid__day.is-fertile{background:var(--cycle-fertile);color:var(--ink-on-fill);opacity:1}.calendar-grid__day.is-ovulation{background:var(--cycle-ovulation);color:var(--ink-on-fill);opacity:1}.calendar-grid__day.is-predicted-period{border:2px dashed var(--bleed);color:var(--bleed-strong);opacity:1;background:0 0}.calendar-grid__day.is-logged{background:var(--bleed);color:var(--ink-on-fill);border-color:var(--bleed);box-shadow:0 8px 16px #e26d5a38}.calendar-grid__day.is-flow-spotting{background:var(--flow-spotting);border-color:var(--flow-spotting)}.calendar-grid__day.is-flow-light{background:var(--flow-light);border-color:var(--flow-light)}.calendar-grid__day.is-flow-heavy{background:var(--flow-heavy);border-color:var(--flow-heavy)}.calendar-grid__day.is-selected{outline:2px solid var(--tide);outline-offset:2px}.calendar-grid__day.is-logged.is-today{outline-color:var(--bleed-strong)}@keyframes calendar-day-logged{0%{box-shadow:0 0 #e26d5a80}to{box-shadow:0 0 0 6px #e26d5a00}}.calendar-grid__day.is-just-logged{animation:.45s ease-out calendar-day-logged}@media (prefers-reduced-motion:reduce){.calendar-grid__day.is-just-logged{animation:none}}.history-calendar__nav,.history-calendar__today,.history-calendar__month-button{border-radius:999px;min-height:44px}.history-calendar__nav{width:44px;color:var(--ink);place-items:center;padding:0;display:inline-grid}.history-calendar__today{color:var(--ink);min-width:88px;padding:0 16px;font-weight:500}.history-calendar__month-button{color:var(--ink);justify-content:center;padding:0 18px;font-size:1rem;font-weight:600}}@layer screens{.today-screen{gap:16px;display:grid}.today-screen__note{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.45}.reminder-prompt{border:1px solid var(--tide-soft);background:var(--tide-tint);border-radius:18px;gap:14px;padding:18px;display:grid}.reminder-prompt__message{color:var(--tide-strong);text-align:center;margin:0;font-size:1.05rem;line-height:1.4}.reminder-prompt__dismiss{color:var(--tide-strong);background:0 0;border:0;justify-self:center;padding:8px 16px;font-size:.95rem;font-weight:500}.reminder-prompt__dismiss:hover{color:var(--tide)}.reminder-prompt__dismiss:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.utility-screen{gap:16px;display:grid}.cycle-dial{justify-items:center;gap:20px;padding:18px 0 2px;display:grid}.cycle-dial__frame{aspect-ratio:1;touch-action:none;cursor:pointer;border-radius:50%;width:min(280px,64vw);position:relative}.cycle-dial__frame:focus-visible{outline:2px solid var(--tide);outline-offset:6px}.cycle-dial__ring{box-sizing:border-box;width:100%;height:100%;box-shadow:var(--shadow-soft);border-radius:50%;padding:26px}.cycle-dial__inner{background:var(--surface);text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:4px;width:100%;height:100%;display:grid}.cycle-dial__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem}.cycle-dial__day{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:4.4rem;font-weight:600;line-height:.86}.cycle-dial__phase{color:var(--tide-strong);font-size:1rem;font-weight:500}.cycle-dial__date{color:var(--ink-muted);font-size:.82rem}.cycle-dial__labels{pointer-events:none;position:absolute;inset:0}.cycle-dial__label{color:var(--ink-soft);white-space:nowrap;pointer-events:auto;align-items:center;gap:5px;font-size:.82rem;line-height:1;display:inline-flex;position:absolute}.cycle-dial__label--start{top:-12px;right:calc(50% + 44px)}.cycle-dial__label--end{top:-12px;left:calc(50% + 44px)}.cycle-view__dot--predicted{box-sizing:border-box;border:1.5px dashed var(--cycle-period);background:0 0}.cycle-dial__marker{pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.cycle-dial__marker-dot{background:var(--ink);border:3px solid var(--surface);border-radius:999px;width:16px;height:16px;margin-top:5px;box-shadow:0 2px 6px #14303a4d}.cycle-dial__legend{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cycle-view__legend-item{color:var(--ink-soft);align-items:center;gap:6px;font-size:.86rem;line-height:1.2;display:inline-flex}.cycle-view__dot{background:var(--cycle-idle);border-radius:999px;flex:none;width:9px;height:9px}.cycle-view__dot--period{background:var(--cycle-period)}.cycle-view__dot--fertile{background:var(--cycle-fertile)}.cycle-view__dot--ovulation{background:var(--cycle-ovulation)}.history-calendar{gap:14px;display:grid}.history-calendar__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.history-calendar__month-button{width:100%}.history-calendar__help{text-align:center;margin:0}.history-calendar__today{justify-self:center;width:fit-content;max-width:100%}.history-calendar__picker{background:var(--surface-soft);border:1px solid var(--surface-border);border-radius:16px;gap:8px;padding:14px;display:grid}.calendar-picker-field{gap:6px;display:grid}.history-calendar__picker-input{border:1px solid var(--surface-border);background:var(--surface);width:100%;min-height:46px;color:var(--ink);border-radius:12px;padding:0 14px}.history-calendar__picker-input:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.calendar-legend{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.calendar-legend__item{color:var(--ink-soft);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.calendar-legend__swatch{border-radius:5px;flex:none;width:14px;height:14px}.calendar-legend__swatch--logged{background:var(--bleed)}.calendar-legend__swatch--fertile{background:var(--cycle-fertile)}.calendar-legend__swatch--ovulation{background:var(--cycle-ovulation)}.calendar-legend__swatch--predicted{border:2px dashed var(--bleed);background:0 0}@media (width<=400px){.calendar-grid{gap:6px}.calendar-grid__weekday{font-size:.68rem}}}@layer a11y{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}}