@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;--bleed-ink:#b8452f;--flow-spotting:#f0c1b6;--flow-light:#e89a88;--flow-medium:var(--bleed);--flow-heavy:#d45d47;--cycle-period:var(--bleed);--cycle-ovulation:#e8a24b;--cycle-fertile:#f4d6a8;--cycle-idle:#547b7966;--ink-on-fill:#0c191e;--shadow-soft:0 18px 44px #14303a1a;--shadow-card:0 10px 28px #14303a0f;--shadow-glow:0 10px 24px #e26d5a42;--shadow-knob:0 1px 3px #14303a40;--scrim:#0811136b;--text-xs:.7rem;--text-sm:.78rem;--text-md:.9rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--text-2xl:2rem;--text-display:3.5rem;--radius-swatch:5px;--radius-control:10px;--radius-field:12px;--radius-segment:14px;--radius-button:16px;--radius-prompt:18px;--radius-card:20px;--radius-card-lg:22px;--radius-pill:999px;--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;--bleed-ink:#f0917a;--flow-spotting:#ecb4a7;--flow-light:#e79079;--flow-medium:#e2745c;--flow-heavy:#d95f45;--cycle-ovulation:#f2a63c;--cycle-fertile:#ecd3a4;--cycle-idle:#c2eeea4d;--shadow-soft:0 18px 44px #00000073;--shadow-card:0 10px 28px #00000052;--shadow-glow:0 10px 24px #e8785f4d;--shadow-knob:0 1px 3px #0006;--scrim:#0000008c;--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);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;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;border-radius:var(--radius-control);background:var(--tide);color:var(--surface);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{font-size:var(--text-xl);letter-spacing:.02em;color:var(--tide-strong);font-weight:600}.app-header__title{text-align:end;min-width:0;font-size:var(--text-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);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);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{border-radius:var(--radius-segment);color:var(--ink-muted);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{font-size:var(--text-xs);letter-spacing:.02em}.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);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:600}.supporting-note,.utility-card p{color:var(--ink-soft);font-size:var(--text-base);margin:0;line-height:1.5}.utility-card .supporting-note--icon{align-items:flex-start;gap:8px;display:flex}.utility-card .supporting-note--error{color:var(--ink)}.supporting-note__icon{width:18px;height:18px;color:var(--ink-soft);flex:none;margin-top:2px}.supporting-note__icon--assuring{color:var(--tide)}.utility-card .colophon{color:var(--ink-muted);font-size:var(--text-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin:5px 0 0;line-height:1.4;display:flex}.colophon__version{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.colophon__link{border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--surface-border);align-items:center;gap:5px;padding:2px 9px;text-decoration:none;display:inline-flex}.colophon__link:hover,.colophon__link:focus-visible{border-color:var(--tide)}.colophon__link:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.colophon__icon{flex-shrink:0;width:14px;height:14px}.colophon__copyright{font-size:var(--text-base)}.fact-list{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);padding:4px 18px;display:grid}.fact-list__rows{margin:0;display:grid}.fact-list__more{border:0;border-top:1px solid var(--surface-border);width:100%;color:var(--tide-strong);font-size:var(--text-lg);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:11px 0;font-weight:500;transition:color .16s;display:flex}.fact-list__more:hover{color:var(--tide)}.fact-list__more:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.fact-list__more-icon{width:18px;height:18px;color:var(--ink-muted)}.fact{justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.fact>*{overflow-wrap:anywhere;min-width:0}.fact+.fact{border-top:1px solid var(--surface-border)}.fact__value{text-align:right;color:var(--ink);font-size:var(--text-lg);justify-items:end;gap:2px;margin:0;font-weight:500;display:grid}.fact__label--with-info{align-items:center;gap:4px;display:inline-flex}.fact__meta{color:var(--ink-muted);font-size:var(--text-sm);font-weight:400}.info-popover{display:inline-flex;position:relative}.info-popover__trigger{border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface-soft);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex;position:relative}.info-popover__trigger::-webkit-details-marker{display:none}.info-popover__trigger:before{content:"";width:44px;height:44px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.info-popover__trigger:hover,.info-popover__trigger:focus-visible{border-color:var(--tide);color:var(--tide-strong)}.info-popover__trigger:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.info-popover__icon{width:15px;height:15px}.info-popover__content{inset-inline-end:0;z-index:2;border-radius:var(--radius-segment);border:1px solid var(--surface-border);background:var(--surface);width:min(280px,100vw - 16px);box-shadow:var(--shadow-soft);color:var(--ink-soft);font-size:var(--text-md);letter-spacing:normal;text-transform:none;text-align:left;padding:12px 14px;font-weight:400;line-height:1.45;position:absolute;top:calc(100% + 8px)}.info-popover__content--above{top:auto;bottom:calc(100% + 8px)}.info-popover--start .info-popover__content{inset-inline:0 auto}.info-popover__content p{margin:0}.info-popover__content p+p{margin-top:6px}.fact__label--with-info .info-popover__trigger,.section-heading-row .info-popover__trigger,.settings-label .info-popover__trigger{background:0 0;border:0;width:24px;height:24px}.commit-action{border:1px solid var(--accent-solid);border-radius:var(--radius-button);background:var(--accent-solid);color:#fff;font-size:var(--text-base);padding:12px 20px;font-weight:600;transition:background-color .16s,border-color .16s}.commit-action:hover{background:var(--tide);border-color:var(--tide)}.commit-action:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.confirm-dialog{border:1px solid var(--surface-border);border-radius:var(--radius-card-lg);background:var(--surface);width:min(340px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow-soft);margin:auto;padding:22px}.confirm-dialog::backdrop{background:var(--scrim)}.confirm-dialog__title{font-size:var(--text-lg);margin:0 0 10px;font-weight:600}.confirm-dialog__body{color:var(--ink-soft);font-size:var(--text-md);gap:8px;line-height:1.45;display:grid}.confirm-dialog__body p{margin:0}.confirm-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.confirm-dialog__actions>button{flex:auto;width:auto}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-chip{border-radius:var(--radius-pill);border:1px solid var(--tide-soft);background:var(--tide-tint);width:fit-content;max-width:100%;color:var(--tide-strong);font-size:var(--text-md);align-items:center;gap:8px;padding:10px 14px;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,.calendar__nav,.calendar__today,.calendar__month-button{transition:background-color .16s,border-color .16s,color .16s,transform .16s}.primary-action,.secondary-action{border-radius:var(--radius-button);width:100%;font-size:var(--text-base);padding:16px 18px;font-weight:600}.primary-action{background:var(--bleed);color:var(--ink-on-fill);box-shadow:var(--shadow-glow);border:0}.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,.calendar__nav:hover,.calendar__today:hover,.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,.calendar__nav:focus-visible,.calendar__today:focus-visible,.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}.log-action--logged{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);padding:18px}.log-action__status{color:var(--ink);font-size:var(--text-lg);align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.log-action__status-icon{width:18px;height:18px;color:var(--bleed);flex:none}.log-action__remove{color:var(--ink-soft);align-self:flex-start}.log-action__remove:hover{color:var(--tide-strong)}.flow-gauge{border:0;margin:0;padding:0}.flow-gauge__legend{color:var(--ink-muted);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;padding:0;font-weight:600}.flow-gauge__levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.flow-gauge__level{border-radius:var(--radius-segment);cursor:pointer;border:1px solid #0000;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:var(--radius-control);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{font-size:var(--text-sm);color:var(--ink-muted);text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.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}.inset-panel{border-radius:var(--radius-button);background:var(--surface-soft);border:1px solid var(--surface-border);padding:14px}.day-flow-picker{flex-direction:column;gap:12px;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}.icon-close{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.icon-close:before{content:"";position:absolute;inset:-6px}.icon-close:hover{background:var(--surface-soft);color:var(--ink)}.inset-panel .icon-close:hover{background:var(--surface)}.icon-close:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.chip-button,.calendar-grid__day,.calendar__nav,.calendar__today,.calendar__month-button,.calendar-picker-button{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink-soft)}.chip-button{border-radius:var(--radius-pill);min-height:44px;font-size:var(--text-md);justify-content:center;align-items:center;gap:8px;padding:9px 15px;display:inline-flex}.settings-label,.calendar-picker-button{color:var(--ink);font-size:var(--text-base);margin:0;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;margin-inline-start:auto;display:inline-flex}.settings-group>*{min-width:0}.select-field{border-radius:var(--radius-field);border:1px solid var(--surface-border);background:var(--surface);min-height:46px;color:var(--ink);padding:0 14px}.select-field:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.section-heading{gap:6px;display:grid}.section-heading-row{align-items:center;gap:8px;display:flex}.data-actions{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:8px;display:grid}.settings-label{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.theme-field{flex-wrap:nowrap}.theme-field+.settings-row,.settings-row+.settings-row{border-top:1px solid var(--surface-border);padding-top:12px}.segmented{border-radius:var(--radius-segment);background:var(--surface-soft);border:1px solid var(--surface-border);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;width:100%;padding:4px;display:grid}.theme-field .segmented{flex:auto}.segmented__option{border-radius:var(--radius-control);min-width:0;min-height:38px;color:var(--ink-soft);font-size:var(--text-md);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 8px;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__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.segmented__icon{flex:none;width:16px;height:16px}@container (width<=26em){.theme-field{flex-direction:column;align-items:stretch}}@container (width<=19em){.segmented{grid-auto-flow:row}.segmented__option{gap:4px;padding:6px 4px}.segmented__label{white-space:normal}}.switch{border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface-soft);flex:none;width:46px;height:28px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.switch:before{content:"";position:absolute;inset:-8px 0}.switch:after{content:"";border-radius:var(--radius-pill);background:var(--surface);width:22px;height:22px;box-shadow:var(--shadow-knob);transition:transform .16s;position:absolute;top:2px;left:2px}.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{border-radius:var(--radius-card-lg);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);gap:14px;padding:20px;display:grid}.utility-card--slim{gap:11px;padding-block:15px}.calendar-grid{gap:10px}.calendar-swipe{touch-action:pan-y;min-width:0}.calendar-grid__header,.calendar-grid__week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-grid__weekday{text-align:center;min-width:0;font-size:var(--text-sm);letter-spacing:.06em;overflow:hidden}.calendar-grid__day{border-radius:var(--radius-segment);min-width:0;min-height:46px;color:var(--ink);background:var(--surface-soft);font-variant-numeric:tabular-nums;padding:8px 0;position:relative}.calendar-grid__period-day{border-radius:var(--radius-pill);background:var(--surface);min-width:15px;height:15px;color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--surface-border);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 3px;line-height:1;display:inline-grid;position:absolute;top:-4px;right:-4px}.calendar-grid__day.is-today:after{content:"";border-radius:var(--radius-pill);opacity:.65;pointer-events:none;background:currentColor;width:12px;height:2px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.calendar-grid__day.is-outside-month.is-logged,.calendar-grid__day.is-outside-month.is-flow-spotting,.calendar-grid__day.is-outside-month.is-flow-light,.calendar-grid__day.is-outside-month.is-flow-medium,.calendar-grid__day.is-outside-month.is-flow-heavy{background:color-mix(in srgb, var(--bleed) 45%, transparent)}.calendar-grid__day.is-outside-month.is-fertile{background:color-mix(in srgb, var(--cycle-fertile) 45%, transparent)}.calendar-grid__day.is-outside-month.is-ovulation{background:color-mix(in srgb, var(--cycle-ovulation) 45%, transparent)}.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 color-mix(in srgb, var(--bleed) max(55%, calc(100% - var(--forecast-step,0) * 18%)), transparent);color:var(--bleed-ink);opacity:1;background:0 0}.calendar-grid__day.is-logged{background:var(--bleed);color:var(--ink-on-fill);border-color:var(--bleed)}.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}@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}}.calendar__nav,.calendar__today,.calendar__month-button{border-radius:var(--radius-pill);min-height:44px}.calendar__nav{width:44px;color:var(--ink);place-items:center;padding:0;display:inline-grid}.calendar__today{color:var(--ink);min-width:88px;padding:0 16px;font-weight:500}.calendar__month-button{color:var(--ink);font-size:var(--text-base);justify-content:center;padding:0 18px;font-weight:600}.insights{border:1px solid var(--surface-border);border-radius:var(--radius-card-lg);background:var(--surface);width:min(360px,100vw - 32px);box-shadow:var(--shadow-soft);color:var(--ink);margin:auto;padding:22px}.insights::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.insights__head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.insights__title{font-size:var(--text-lg);margin:0;font-weight:600}.insights__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.insights__stat{border-radius:var(--radius-button);background:var(--surface-soft);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:16px 8px;display:flex}.insights__stat-value{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.insights__stat-unit{color:var(--ink-muted);font-size:var(--text-sm)}.insights__stat-label{color:var(--ink-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;padding-top:4px;font-weight:600}.insights__note{color:var(--ink-soft);font-size:var(--text-md);margin:12px 0 0;line-height:1.45}.insights__regularity{border-top:1px solid var(--surface-border);align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.insights__regularity-label{color:var(--ink-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.insights__meter{gap:3px;margin-left:auto;display:inline-flex}.insights__meter-seg{border-radius:var(--radius-pill);background:var(--cycle-idle);width:18px;height:6px}.insights__meter-seg[data-filled=true]{background:var(--tide)}.insights__regularity-word{color:var(--ink);font-size:var(--text-md);font-weight:500}.insights__how{margin-top:16px}.insights__how-summary{cursor:pointer;color:var(--tide-strong);font-size:var(--text-md);font-weight:500}.insights__how-summary:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.insights__how-list{color:var(--ink-soft);font-size:var(--text-md);gap:7px;margin:10px 0 0;padding-left:18px;line-height:1.45;display:grid}@media (prefers-reduced-motion:no-preference){.insights[open]{animation:.16s ease-out insights-in}@keyframes insights-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}}}@layer screens{.today-screen,.utility-screen{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.today-screen__note{color:var(--ink-muted);font-size:var(--text-md);margin:0;line-height:1.45}.today-screen__privacy{text-align:center;color:var(--ink-muted);font-size:var(--text-sm);margin:0}.reminder-prompt{border-radius:var(--radius-prompt);border:1px solid var(--tide-soft);background:var(--tide-tint);gap:14px;padding:18px;display:grid}.reminder-prompt__message{color:var(--tide-strong);font-size:var(--text-lg);text-align:center;margin:0;line-height:1.4}.reminder-prompt__reassure{color:var(--ink-soft);font-size:var(--text-md);text-align:center;margin:-6px 0 0;line-height:1.45}.reminder-prompt__dismiss{color:var(--tide-strong);font-size:var(--text-md);background:0 0;border:0;justify-self:center;padding:8px 16px;font-weight:500}.reminder-prompt__dismiss:hover{color:var(--tide)}.reminder-prompt__dismiss:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.cycle-dial{justify-items:center;gap:20px;padding:4px 0 2px;display:grid}.cycle-dial__frame{aspect-ratio:1;touch-action:none;cursor:pointer;border-radius:50%;width:min(17.5rem,64vw);position:relative;container-type:inline-size}.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:min(30px,11cqw)}.cycle-dial__ticks{pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 91%,#000 95% 99%,#0000 100%);mask:radial-gradient(circle closest-side,#0000 91%,#000 95% 99%,#0000 100%)}.cycle-dial__inner{background:var(--surface);text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:5px;width:100%;height:100%;display:grid}.cycle-dial__eyebrow{font-size:min(var(--text-xs), 5cqw);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.cycle-dial__day{font-size:min(var(--text-display), 22cqw);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600;line-height:.86}.cycle-dial__phase{font-size:min(var(--text-lg), 7cqw);color:var(--tide-strong);font-weight:500}.cycle-dial__date{font-size:min(var(--text-lg), 7cqw);color:var(--ink-muted)}.cycle-dial__marker{pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.cycle-dial__marker-dot{border-radius:var(--radius-pill);background:var(--ink);border:3px solid var(--surface);width:20px;height:20px;box-shadow:var(--shadow-knob);margin-top:3px}.cycle-dial__ghost{pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.cycle-dial__ghost-dot{border-radius:var(--radius-pill);background:var(--surface);border:2.5px solid var(--tide);width:20px;height:20px;box-shadow:var(--shadow-knob);margin-top:3px}.cycle-dial__legend{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cycle-view__legend-item{color:var(--ink-soft);font-size:var(--text-md);align-items:center;gap:6px;line-height:1.2;display:inline-flex}.cycle-view__dot{border-radius:var(--radius-pill);background:var(--cycle-idle);flex:none;width:9px;height:9px}.cycle-view__dot--period{background:var(--cycle-period)}.cycle-view__dot--expected{background:color-mix(in srgb, var(--cycle-period) 60%, transparent)}.cycle-view__dot--fertile{background:var(--cycle-fertile)}.cycle-view__dot--ovulation{background:var(--cycle-ovulation)}.calendar{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.calendar__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.calendar__month-button{white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;min-width:0}.calendar__month-caret{color:var(--ink-muted);vertical-align:-3px;flex:none;margin-inline-start:6px}.calendar__help{text-align:center;margin:0}.calendar__today{justify-self:center;width:fit-content;max-width:100%}.calendar__picker{gap:8px;display:grid}.calendar-picker-field{gap:6px;display:grid}.calendar__picker-selects{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;margin-top:6px;display:grid}.calendar__picker-input{width:100%}.calendar-legend{flex-wrap:wrap;gap:6px 10px;padding-inline:2px;display:flex}.calendar-legend__item{color:var(--ink-muted);font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.calendar-legend__swatch{border-radius:var(--radius-swatch);flex:none;width:12px;height:12px}.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:1.5px dashed var(--bleed);background:0 0}@container (width<=400px){.calendar-grid{gap:6px}.calendar-grid__header,.calendar-grid__week{gap:5px}}@container (width<=350px){.calendar.utility-card{padding-inline:12px}}}@layer a11y{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}}