@layer tokens{:root{--bg-top:#fffaf6;--bg-bottom:#f5ede5;--bg-highlight:#ffffffb8;--surface:#ffffffd1;--surface-strong:#fffffff0;--surface-border:#6246381a;--ink:#3f2a22;--ink-soft:#745d50;--ink-muted:#9b8274;--accent:#cf705d;--accent-strong:#ba5f4d;--accent-soft:#f7dfd4;--accent-tint:#cf705d1f;--shadow-soft:0 18px 50px #3521191a;--shadow-card:0 14px 30px #462e2314;color:var(--ink);background:radial-gradient(circle at top left, #ffffffe6, transparent 35%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);font-family:Iowan Old Style,Palatino Linotype,serif}}@layer base{*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #ffffffe6, transparent 35%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.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}}@layer shell{.app-shell{max-width:480px;min-height:100vh;margin-inline:auto;padding:18px 18px 44px;container-type:inline-size}.app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.app-header__title{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.92rem}.utility-nav{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border-radius:999px;gap:8px;padding:6px;display:flex}.icon-button{width:48px;height:48px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.icon-button:hover,.icon-button:focus-visible{background:#ffffffd6;border-color:#6246382e;outline:none;transform:translateY(-1px)}.icon-button.is-active{color:var(--ink);background:#f3e4d9;border-color:#ba5f4d33;box-shadow:inset 0 1px #ffffff80}.icon-glyph{flex:none;width:21px;height:21px}.button-label{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}@media (width<=480px){.app-shell{padding:16px 14px 28px}.icon-button{width:46px;height:46px}}}@layer ui{.metric-card__label,.section-title,.calendar-grid__weekday,.settings-subtitle{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem}.supporting-note,.utility-card p,.calendar-year-jump{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.45}.supporting-note--subtle{color:var(--ink-muted);font-size:.94rem}.summary-chip-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-card,.utility-card{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);border-radius:22px;gap:8px;padding:18px;display:grid}.summary-card--primary{background:linear-gradient(#fffffff5,#f9f1eaeb)}.summary-card__value{color:var(--ink);margin:0;font-size:1.28rem;line-height:1.2}.summary-card__note{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.35}.summary-chip{border:1px solid var(--surface-border);box-shadow:var(--shadow-card);background:#ffffffb3;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.summary-chip--with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.summary-chip__label{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem}.summary-chip__value{color:var(--ink);margin:0;font-size:1.02rem;line-height:1.25}.info-popover{position:relative}.info-popover__trigger{border:1px solid var(--surface-border);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:#ffffffd1;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{background:#fffffff5;border-color:#6246382e;outline:none}.info-popover__icon{width:16px;height:16px}.info-popover__content{inset-inline-end:0;z-index:2;border:1px solid var(--surface-border);width:min(220px,70vw);box-shadow:var(--shadow-card);color:var(--ink-soft);background:#fffaf6fa;border-radius:16px;padding:12px 14px;font-size:.92rem;line-height:1.4;position:absolute;top:calc(100% + 8px)}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-chip{background:var(--accent-tint);width:fit-content;max-width:100%;color:var(--ink);border:1px solid #ba5f4d29;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.94rem;line-height:1.2;display:inline-flex}.status-chip--muted{border-color:var(--surface-border);color:var(--ink-soft);background:#ffffffb3}.primary-action,.secondary-action,.text-action,.chip-button,.calendar-grid__day,.calendar-year-jump select,.history-calendar__nav,.history-calendar__today,.history-calendar__month-button{transition:background-color .18s,border-color .18s,color .18s,transform .18s}.file-input input[type=file]::file-selector-button{transition:background-color .18s,border-color .18s,color .18s,transform .18s}.primary-action,.secondary-action{width:100%;box-shadow:var(--shadow-card);border-radius:18px;padding:16px 18px}.primary-action{background:var(--accent);color:#fff;border:0}.primary-action:hover,.primary-action:focus-visible{background:var(--accent-strong);outline:none}.secondary-action{border:1px solid var(--surface-border);color:var(--ink-soft);background:#ffffffc2}.secondary-action:hover,.secondary-action:focus-visible,.chip-button:hover,.chip-button:focus-visible,.calendar-grid__day:hover,.history-calendar__nav:hover,.history-calendar__today:hover,.history-calendar__month-button:hover,.calendar-grid__day:focus-visible,.history-calendar__nav:focus-visible,.history-calendar__today:focus-visible,.history-calendar__month-button:focus-visible,.text-action:hover,.text-action:focus-visible{background:#fffffff0;border-color:#6246382e;outline:none}.secondary-action--chip{width:auto}.text-action{color:#985844;text-align:left;background:0 0;border:0;padding:0}.chip-row,.snooze-actions{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,.calendar-year-jump select,.history-calendar__nav,.history-calendar__today,.history-calendar__month-button{border:1px solid var(--surface-border);color:var(--ink-soft);background:#ffffffc2}.chip-button{border-radius:999px;padding:10px 14px}.chip-button.is-active,.calendar-grid__day.is-logged{color:var(--ink);background:#f3e4d9;border-color:#ba5f4d33}.settings-label,.calendar-grid__month-title{color:var(--ink);margin:0;font-size:1rem;line-height:1.2}.settings-value{color:var(--ink);margin:0;font-size:1.1rem;line-height:1.3}.utility-card,.settings-group,.settings-row,.calendar-grid,.calendar-picker-fallback{min-width:0}.settings-group,.settings-row,.calendar-grid,.calendar-picker-fallback,.calendar-year-jump{gap:12px;display:grid}.settings-group--compact,.calendar-picker-fallback{gap:10px}.settings-row--accent{padding-top:4px}.calendar-grid{gap:10px}.calendar-grid__header,.calendar-grid__week{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.calendar-grid__weekday{text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.calendar-grid__day{min-height:46px;color:var(--ink);background:#ffffff94;border-radius:16px;padding:8px 4px}.calendar-grid__day.is-today{outline-offset:1px;outline:2px solid #4f372d}.calendar-grid__day.is-outside-month{opacity:.54;color:var(--ink-muted)}.calendar-grid__day.is-future,.calendar-grid__day:disabled{color:var(--ink-muted);cursor:not-allowed;opacity:1;background:#ffffff5c}.calendar-grid__day.is-future:hover,.calendar-grid__day:disabled:hover{border-color:var(--surface-border);background:#ffffff5c}.calendar-grid__day.is-logged{color:#fff;background:linear-gradient(#d77b67 0%,#c66351 100%);border-color:#ba5f4d57;box-shadow:0 10px 20px #cf705d2e}.calendar-grid__day.is-logged.is-today{outline-color:#6e4135}.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;box-shadow:var(--shadow-soft);background:#fffffff0;padding:0 14px}.history-calendar__month-button{color:var(--ink);justify-content:center;padding:0 18px;font-size:1rem}.calendar-year-jump{grid-template-columns:minmax(0,1fr);align-items:center}.calendar-year-jump select{border-radius:16px;width:100%;padding:12px 14px}}@layer screens{.today-screen,.utility-screen{gap:14px;display:grid}.today-screen__day{margin:0;font-size:clamp(3.2rem,12vw,5rem);line-height:.92}.today-hero{gap:8px;display:grid}.today-hero__eyebrow{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem}.today-hero__aside{color:var(--ink-soft);margin:2px 0 0;font-size:.95rem;line-height:1.45}.today-screen__lede,.today-screen__summary{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.45}.today-summary,.utility-stack,.metric-grid,.log-action{gap:12px;display:grid}.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:linear-gradient(#ffffffeb,#faf4efe6);border:1px solid #62463814;border-radius:20px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff8c}.history-calendar__picker-label{margin-bottom:6px}.history-calendar__picker-input,.history-calendar__picker-select{width:100%;min-height:46px;color:var(--ink);background:#fffffff5;border:1px solid #62463824;border-radius:14px;padding:0 14px;box-shadow:0 6px 16px #6246380f}.history-calendar__picker-input:focus-visible,.history-calendar__picker-select:focus-visible{outline-offset:2px;outline:2px solid #ba5f4d47}.cycle-view,.cycle-circle{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);border-radius:22px;gap:14px;padding:16px;display:grid}.cycle-view__legend,.cycle-circle__legend{flex-wrap:wrap;gap:12px;display:flex}.cycle-view__legend-item{color:var(--ink-soft);align-items:center;gap:6px;font-size:.92rem;line-height:1.2;display:inline-flex}.cycle-view__dot{background:#725c5033;border-radius:999px;flex:none;width:10px;height:10px}.cycle-view__dot--period{background:#cf705d}.cycle-view__dot--fertile{background:#f0cc99}.cycle-view__dot--ovulation{background:#d99a56}.cycle-view__track{grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:6px;display:grid}.cycle-view__segment{background:#725c501f;border-radius:999px;height:22px}.cycle-view__segment.is-period{background:#cf705d}.cycle-view__segment.is-fertile{background:#f0cc99}.cycle-view__segment.is-ovulation{background:#d99a56}.cycle-view__segment.is-current{outline-offset:2px;outline:2px solid #4f372d}.cycle-view__labels{color:var(--ink-soft);justify-content:space-between;font-size:.92rem;display:flex}.cycle-circle__frame{aspect-ratio:1;width:min(300px,78vw);margin-inline:auto;position:relative}.cycle-circle__ring{box-sizing:border-box;border-radius:50%;width:100%;height:100%;padding:22px}.cycle-circle__inner{text-align:center;width:100%;height:100%;color:var(--ink);background:#fffaf6f0;border-radius:50%;place-items:center;display:grid}.cycle-circle__label{color:var(--ink-muted);font-size:.9rem}.cycle-circle__marker{transform-origin:bottom;background:#4f372d;width:2px;height:calc(50% - 10px);position:absolute;top:10px;left:50%}@container (width<=26rem){.summary-chip-row,.calendar-picker-fallback{grid-template-columns:1fr}}@media (width<=480px){.calendar-grid{gap:8px}.calendar-grid__weekday{font-size:.7rem}.history-calendar__header{gap:8px}}}