@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/52acd2ded95ac6cd-s.p.1jif08y1wpazm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/4ce61fe437b63f55-s.1-02adt46su81.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/ecc51711236713ee-s.3lr0ifk2ws6ue.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/890431f0a0104557-s.p.33bqs187kml9s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro Fallback;src:local(Arial);ascent-override:92.3%;descent-override:23.07%;line-gap-override:0.0%;size-adjust:108.34%}.wvdY3W_className{font-family:Readex Pro,Readex Pro Fallback;font-style:normal}.wvdY3W_variable{--font-readex:"Readex Pro", "Readex Pro Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f1e7;--surface:#fffaf3;--surface-2:#efe6d8;--surface-3:#e6dccb;--line:#48413529;--line-strong:#48413547;--ink:#2f302a;--ink-2:#5e5c52;--ink-3:#7a776c;--accent:#a84d3d;--accent-strong:#8f3f31;--accent-soft:#efd0c3;--on-accent:#fffaf3;--sage:#778b72;--sage-ink:#4d6347;--sage-soft:#dce3d6;--gold:#d19a52;--gold-ink:#7a5320;--gold-soft:#f3dfb8;--danger:#a33a2c;--danger-soft:#f6d9d2;--scrim:#302b2475;--glass:#f7f1e7eb;--phase-period-bg:#efd0c3;--phase-period-fg:#8f3f31;--phase-follicular-bg:#e3e7d8;--phase-follicular-fg:#4d6347;--phase-fertile-bg:#dce3d6;--phase-fertile-fg:#4d6347;--phase-ovulation-bg:#f3dfb8;--phase-ovulation-fg:#7a5320;--phase-luteal-bg:#eadbcf;--phase-luteal-fg:#6b4a3a;--illus-fill-1:var(--accent-soft);--illus-fill-2:var(--sage-soft);--illus-fill-3:var(--gold-soft);--mark-horn:var(--accent);--mark-disc:var(--gold);--google-surface:#fff;--google-ink:#1f1f1f;--font-body:var(--font-readex), Tahoma, sans-serif;--font-display:var(--font-readex), Tahoma, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(1.75rem, 1.4rem + 1.6vw, 2.375rem);--leading-body:1.75;--leading-tight:1.4;--weight-body:400;--weight-ui:500;--weight-heading:600;--weight-numeral:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--gutter:16px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-1:0 1px 2px #4f3c2b0f, 0 4px 12px #4f3c2b0f;--shadow-2:0 12px 32px #4f3c2b1a;--shadow-3:0 24px 64px #2e231c38;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--dur-1:.15s;--dur-2:.25s;--ease:cubic-bezier(.2, .7, .2, 1);--nav-h:64px;--header-h:60px;--rail-w:232px;--tap:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--z-header:15;--z-nav:30;--z-toast:90;--z-overlay:200}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1915;--surface:#26221d;--surface-2:#2f2a24;--surface-3:#3a332b;--line:#efe6d81f;--line-strong:#efe6d838;--ink:#efe6d8;--ink-2:#b3a998;--ink-3:#8a8173;--accent:#e88f78;--accent-strong:#f0a691;--accent-soft:#3a2622;--on-accent:#1c1915;--sage:#a8bf9f;--sage-ink:#a8bf9f;--sage-soft:#2a3327;--gold:#e9c07f;--gold-ink:#e9c07f;--gold-soft:#3a3020;--danger:#f08a7a;--danger-soft:#3d221d;--scrim:#0009;--glass:#1c1915eb;--phase-period-bg:#3a2622;--phase-period-fg:#f0a691;--phase-follicular-bg:#283025;--phase-follicular-fg:#b9cdb0;--phase-fertile-bg:#2a3327;--phase-fertile-fg:#a8bf9f;--phase-ovulation-bg:#3a3020;--phase-ovulation-fg:#e9c07f;--phase-luteal-bg:#33291f;--phase-luteal-fg:#dcb89c;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px #00000073;--shadow-3:0 24px 64px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1915;--surface:#26221d;--surface-2:#2f2a24;--surface-3:#3a332b;--line:#efe6d81f;--line-strong:#efe6d838;--ink:#efe6d8;--ink-2:#b3a998;--ink-3:#8a8173;--accent:#e88f78;--accent-strong:#f0a691;--accent-soft:#3a2622;--on-accent:#1c1915;--sage:#a8bf9f;--sage-ink:#a8bf9f;--sage-soft:#2a3327;--gold:#e9c07f;--gold-ink:#e9c07f;--gold-soft:#3a3020;--danger:#f08a7a;--danger-soft:#3d221d;--scrim:#0009;--glass:#1c1915eb;--phase-period-bg:#3a2622;--phase-period-fg:#f0a691;--phase-follicular-bg:#283025;--phase-follicular-fg:#b9cdb0;--phase-fertile-bg:#2a3327;--phase-fertile-fg:#a8bf9f;--phase-ovulation-bg:#3a3020;--phase-ovulation-fg:#e9c07f;--phase-luteal-bg:#33291f;--phase-luteal-fg:#dcb89c;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px #00000073;--shadow-3:0 24px 64px #0009}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none;background:var(--bg)}body{min-height:100dvh;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{display:block}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-heading);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--ink-2)}small{font-size:var(--text-xs)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm)}:is(label:has(>input.visually-hidden:focus-visible),label:has(>input[type=radio].visually-hidden:focus-visible)){box-shadow:var(--focus-ring)}::selection{color:var(--on-accent);background:var(--accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.eyebrow{color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--weight-ui);margin-block-end:var(--s-1)}.muted{color:var(--ink-2)}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.reveal{animation:fade-up .45s var(--ease) both}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.skeleton{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;height:14px;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
[dir=rtl] .flip-rtl{transform:scaleX(-1)}.btn{min-height:var(--tap);padding-inline:var(--s-5);justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-md);font-weight:var(--weight-ui);text-align:center;transition:background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:1px solid #0000;line-height:1.3;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55}.btn[aria-busy=true]{cursor:progress}.btn-sm{min-height:40px;padding-inline:var(--s-4);font-size:var(--text-sm)}.btn-wide{width:100%}.btn-primary{color:var(--on-accent);background:var(--accent);box-shadow:var(--shadow-1)}.btn-primary:active:not(:disabled){background:var(--accent-strong)}.btn-secondary{color:var(--accent-strong);background:var(--surface);border-color:var(--line-strong)}.btn-secondary:active:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--accent-strong);background:0 0}.btn-ghost:active:not(:disabled){background:var(--accent-soft)}.btn-danger{color:var(--danger);background:var(--danger-soft)}.btn-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);transition:background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border:0;flex:none;place-items:center;display:grid}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn-ghost{color:var(--ink-2);background:0 0}.icon-btn-ghost:active{background:var(--surface-2)}.icon-btn-secondary{color:var(--accent-strong);background:var(--accent-soft)}.icon-btn-primary{color:var(--on-accent);background:var(--accent)}.icon-btn-danger{color:var(--danger);background:var(--danger-soft)}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.icon-btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.choice:hover{border-color:var(--line-strong)}.list-row:is(a,button):hover{background:var(--surface-2)}}.field,.field-group{gap:var(--s-2);border:0;min-width:0;margin:0;padding:0;display:grid}.field-label{font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--ink);padding:0}.field-optional,.field-hint{color:var(--ink-2);font-weight:var(--weight-body)}.field-hint{font-size:var(--text-xs)}.field-error{color:var(--danger);font-size:var(--text-sm)}.input{width:100%;min-height:48px;padding:var(--s-2) var(--s-4);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);scroll-margin-block:var(--s-16)}.input:focus-visible{border-color:var(--accent)}.textarea{resize:vertical;min-height:80px;line-height:var(--leading-body)}.form-grid{gap:var(--s-5);display:grid}.form-grid-2{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.segmented,.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.segmented-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-tiles{gap:var(--s-1);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.choice{min-height:var(--tap);padding:var(--s-2) var(--s-4);justify-content:center;align-items:center;gap:var(--s-2);color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--text-sm);font-weight:var(--weight-ui);cursor:pointer;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);display:inline-flex;position:relative}.choice:active{transform:scale(.97)}.choice.is-selected{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.segmented-tiles .choice{min-height:76px;padding:var(--s-2) 2px;gap:var(--s-1);border-radius:var(--r-md);font-size:var(--text-xs);flex-direction:column}.segmented-tiles .choice svg{width:32px;height:32px}.stepper{gap:var(--s-2);display:grid}.stepper-control{grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;gap:var(--s-2);padding:var(--s-1);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);display:grid}.stepper-btn{width:var(--tap);height:var(--tap);color:var(--accent-strong);background:var(--accent-soft);border-radius:var(--r-sm);border:0;place-items:center;display:grid}.stepper-btn:active:not(:disabled){transform:scale(.94)}.stepper-btn:disabled{opacity:.4}.stepper-value{text-align:center;font-weight:var(--weight-heading);font-size:var(--text-lg)}.switch-row{justify-content:space-between;align-items:center;gap:var(--s-4);cursor:pointer;min-height:56px;display:flex}.switch-row:has(.switch:disabled){opacity:.55;cursor:not-allowed}.switch-text{gap:2px;min-width:0;display:grid}.switch-text small{color:var(--ink-2)}.switch{appearance:none;background:var(--surface-3);border-radius:var(--r-pill);width:52px;height:32px;cursor:inherit;transition:background var(--dur-2) var(--ease);flex:none;margin:0;position:relative}.switch:after{content:"";background:var(--surface);width:24px;height:24px;box-shadow:var(--shadow-1);transition:inset-inline-start var(--dur-2) var(--ease);border-radius:50%;position:absolute;inset-block-start:4px;inset-inline-start:4px}.switch:checked{background:var(--sage)}.switch:checked:after{inset-inline-start:24px}.switch:focus-visible{box-shadow:var(--focus-ring)}html:has(dialog.sheet[open]){overflow:hidden}.sheet{width:min(100% - 2 * var(--gutter), 560px);max-width:none;max-height:min(88dvh,760px);color:var(--ink);background:var(--bg);border-radius:var(--r-xl);box-shadow:var(--shadow-3);overscroll-behavior:contain;border:0;padding:0}.sheet::backdrop{background:var(--scrim)}.sheet[open]{animation:sheet-in var(--dur-2) var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.sheet-panel{max-height:inherit;flex-direction:column;display:flex}.sheet-handle{display:none}.sheet-header{padding:var(--s-6) var(--s-6) var(--s-3);justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.sheet-header .icon-btn{margin-block-start:calc(-1 * var(--s-2));margin-inline-end:calc(-1 * var(--s-2))}.sheet-description{font-size:var(--text-sm);margin-block-start:var(--s-1)}.sheet-body{padding:var(--s-2) var(--s-6) var(--s-6);overscroll-behavior:contain;gap:var(--s-6);display:grid;overflow-y:auto}.sheet-footer{padding:var(--s-3) var(--s-6) calc(var(--s-4) + var(--safe-b));background:var(--bg);border-block-start:1px solid var(--line);gap:var(--s-2);display:grid;position:sticky;bottom:0}@media (max-width:760px){.sheet{border-end-end-radius:0;border-end-start-radius:0;width:100%;max-height:92dvh;margin:auto 0 0}.sheet[open]{animation-name:sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-handle{width:40px;height:4px;margin:var(--s-2) auto 0;background:var(--line-strong);border-radius:var(--r-pill);display:block}.sheet-header{padding:var(--s-3) var(--gutter) var(--s-2)}.sheet-body{padding:var(--s-2) var(--gutter) var(--s-5)}.sheet-footer{padding-inline:var(--gutter)}}.toast-region{z-index:var(--z-toast);inset-inline:var(--gutter);bottom:calc(var(--nav-h) + var(--s-4) + var(--safe-b));pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{max-width:480px;min-height:48px;padding:var(--s-2) var(--s-4);align-items:center;gap:var(--s-3);color:var(--bg);background:var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--text-sm);pointer-events:auto;animation:fade-up var(--dur-2) var(--ease);display:flex}.toast-error{color:var(--on-accent);background:var(--danger)}.toast-action{min-height:var(--tap);padding-inline:var(--s-3);color:inherit;border-radius:var(--r-sm);font-weight:var(--weight-heading);text-underline-offset:3px;background:0 0;border:0;margin-inline-end:calc(-1 * var(--s-2));text-decoration:underline}.toast-close{width:var(--tap);height:var(--tap);color:inherit;border-radius:var(--r-pill);background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--s-3));display:inline-grid}@media (min-width:761px){.toast-region{bottom:var(--s-8)}}.list-group{gap:var(--s-2);display:grid}.list-group-title{padding-inline:var(--s-1);color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--weight-ui)}.list-group-items{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.list-row{width:100%;min-height:60px;padding:var(--s-3) var(--s-4);align-items:center;gap:var(--s-3);color:var(--ink);text-align:start;background:0 0;border:0;text-decoration:none;display:flex}.list-row+.list-row{border-block-start:1px solid var(--line)}.list-row:is(a,button):active{background:var(--surface-2)}.list-row.is-disabled{opacity:.55}.list-row-icon{width:36px;height:36px;color:var(--accent-strong);background:var(--accent-soft);border-radius:var(--r-sm);flex:none;place-items:center;display:grid}.list-row-text{flex:1;gap:2px;min-width:0;display:grid}.list-row-text small{color:var(--ink-2)}.list-row-chevron{color:var(--ink-3)}.list-row-danger,.list-row-danger .list-row-icon{color:var(--danger)}.list-row-danger .list-row-icon{background:var(--danger-soft)}.empty-state{padding:var(--s-8) var(--s-4);justify-items:center;gap:var(--s-2);text-align:center;display:grid}.empty-state-art{width:120px;color:var(--accent);margin-block-end:var(--s-2)}.empty-state p{max-width:36ch;font-size:var(--text-sm)}.empty-state .btn{margin-block-start:var(--s-3)}.card{padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.badge{width:fit-content;padding:2px var(--s-3);align-items:center;gap:var(--s-1);color:var(--sage-ink);background:var(--sage-soft);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--weight-ui);display:inline-flex}.note{align-items:flex-start;gap:var(--s-2);color:var(--ink-2);font-size:var(--text-xs);display:flex}.note svg{color:var(--sage-ink);flex:none;margin-block-start:3px}.callout{padding:var(--s-3) var(--s-4);align-items:flex-start;gap:var(--s-2);color:var(--gold-ink);background:var(--gold-soft);border-radius:var(--r-md);font-size:var(--text-sm);display:flex}.callout svg{flex:none;margin-block-start:3px}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-block-end:var(--s-4);display:flex}
.brand{align-items:center;gap:var(--s-2);color:var(--accent-strong);font-size:var(--text-xl);font-weight:var(--weight-heading);line-height:1;display:inline-flex}.skip-link{z-index:var(--z-overlay);padding:var(--s-2) var(--s-4);color:var(--on-accent);background:var(--accent-strong);border-radius:var(--r-sm);position:fixed;inset-block-start:calc(var(--s-2) + var(--safe-t));inset-inline-start:var(--s-2);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.app-shell,.app-stage{min-height:100dvh}.main-content{padding:var(--s-6) calc(var(--gutter) + var(--safe-r)) calc(var(--nav-h) + var(--s-10) + var(--safe-b)) calc(var(--gutter) + var(--safe-l))}.main-content:focus-visible{box-shadow:none}.view{gap:var(--s-6);width:min(100%,880px);margin-inline:auto;display:grid}.view-head{gap:var(--s-1);display:grid}.view-head p:not(.eyebrow){max-width:60ch}.side-rail{display:none}.mobile-header{z-index:var(--z-header);height:calc(var(--header-h) + var(--safe-t));padding:var(--safe-t) calc(var(--gutter) + var(--safe-r)) 0 calc(var(--gutter) + var(--safe-l));background:var(--glass);border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.avatar-button{width:var(--tap);height:var(--tap);color:var(--accent-strong);background:var(--accent-soft);font-weight:var(--weight-heading);border:0;border-radius:50%;place-items:center;display:grid;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.bottom-nav{z-index:var(--z-nav);inset-inline:0;padding:0 var(--safe-r) var(--safe-b) var(--safe-l);background:var(--surface);border-block-start:1px solid var(--line);transition:transform var(--dur-2) var(--ease);position:fixed;bottom:0}body:has(:is(input:not([type=checkbox],[type=radio],[type=range]),textarea,select):focus) .bottom-nav{transform:translateY(100%)}.nav{margin:0;padding:0;list-style:none}.nav-bar{height:var(--nav-h);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.nav-item{width:100%;height:100%;min-height:var(--tap);color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-ui);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;display:grid}.nav-icon{border-radius:var(--r-pill);width:56px;height:30px;transition:background var(--dur-1) var(--ease);place-items:center;display:grid}.nav-item.is-active{color:var(--accent-strong)}.nav-item.is-active .nav-icon{background:var(--accent-soft)}.nav-item:active .nav-icon{background:var(--surface-2)}.nav-item:focus-visible{box-shadow:inset var(--focus-ring)}@media (min-width:761px){.mobile-header,.bottom-nav{display:none}.side-rail{z-index:var(--z-nav);width:var(--rail-w);padding:var(--s-8) var(--s-5) var(--s-6);gap:var(--s-10);background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.side-rail-note{margin-block-start:auto}.nav-rail{gap:var(--s-1);display:grid}.nav-rail .nav-item{min-height:48px;padding-inline:var(--s-3);justify-content:start;gap:var(--s-3);border-radius:var(--r-md);font-size:var(--text-md);grid-auto-flow:column}.nav-rail .nav-icon{width:auto;height:auto;background:0 0!important}.nav-rail .nav-item.is-active{background:var(--accent-soft)}.app-stage{margin-inline-start:var(--rail-w)}.main-content{padding:var(--s-12) var(--s-10) var(--s-16)}}@media (hover:hover) and (pointer:fine){.nav-rail .nav-item:not(.is-active):hover{color:var(--ink);background:var(--surface-2)}}.loading-screen{min-height:100dvh;padding:var(--gutter);place-content:center;justify-items:center;gap:var(--s-3);text-align:center;display:grid}.loading-mark{animation:breathe 1.4s var(--ease) infinite alternate}@keyframes breathe{to{opacity:.45;transform:scale(.94)}}.install-prompt{z-index:calc(var(--z-nav) + 1);inset-inline:var(--gutter);bottom:calc(var(--nav-h) + var(--s-3) + var(--safe-b));padding:var(--s-4);align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);animation:fade-up var(--dur-2) var(--ease);grid-template-columns:auto 1fr;display:grid;position:fixed}.install-app-icon{background:var(--bg);border-radius:var(--r-md);place-items:center;width:48px;height:48px;display:grid}.install-copy{min-width:0;gap:2px;padding-inline-end:var(--s-8);display:grid}.install-copy strong{font-weight:var(--weight-heading)}.install-copy>span,.install-copy small{color:var(--ink-2);font-size:var(--text-sm)}.install-copy small{align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.install-button{min-height:var(--tap);justify-content:center;align-items:center;gap:var(--s-2);color:var(--on-accent);background:var(--accent);border-radius:var(--r-md);font-weight:var(--weight-ui);border:0;grid-column:1/-1;display:inline-flex}.install-button:active{transform:scale(.98)}.install-dismiss{width:var(--tap);height:var(--tap);color:var(--ink-2);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--s-1);inset-inline-end:var(--s-1)}@media (min-width:761px){.install-prompt{inset-inline:auto var(--s-8);bottom:var(--s-8);width:420px}}
.onboarding{min-height:100dvh;padding:calc(var(--s-4) + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(var(--s-6) + var(--safe-b)) calc(var(--gutter) + var(--safe-l));gap:var(--s-4);grid-template-rows:auto auto 1fr;display:grid}.onboarding-header,.onboarding-progress,.onboarding-card{width:min(100%,560px);margin-inline:auto}.onboarding-header{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.onboarding-progress{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.onboarding-progress i{background:var(--surface-3);border-radius:var(--r-pill);height:4px;transition:background var(--dur-2) var(--ease)}.onboarding-progress i.is-done{background:var(--accent)}.onboarding-card{align-self:center}.onboarding-step{gap:var(--s-4);display:grid}.onboarding-step h1{font-size:var(--text-2xl)}.onboarding-step h1:focus-visible{box-shadow:none}.onboarding-art{width:min(180px,50vw);color:var(--accent);justify-self:center}.onboarding-lead{font-size:var(--text-md)}.onboarding-benefits{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.onboarding-benefits li{min-height:52px;padding:var(--s-2) var(--s-4);align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);display:flex}.onboarding-benefits svg{color:var(--sage-ink);flex:none}.onboarding-fineprint{color:var(--ink-2);text-align:center}.onboarding-auth{gap:var(--s-3);display:grid}.back-link{width:fit-content;min-height:var(--tap);padding-inline:var(--s-2);align-items:center;gap:var(--s-1);color:var(--ink-2);border-radius:var(--r-sm);background:0 0;border:0;margin-inline-start:calc(-1 * var(--s-2));display:inline-flex}@media (min-width:761px){.onboarding-step{padding:var(--s-10);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2)}}
.phase-period{--phase-bg:var(--phase-period-bg);--phase-fg:var(--phase-period-fg)}.phase-follicular{--phase-bg:var(--phase-follicular-bg);--phase-fg:var(--phase-follicular-fg)}.phase-fertile{--phase-bg:var(--phase-fertile-bg);--phase-fg:var(--phase-fertile-fg)}.phase-ovulation{--phase-bg:var(--phase-ovulation-bg);--phase-fg:var(--phase-ovulation-fg)}.phase-luteal{--phase-bg:var(--phase-luteal-bg);--phase-fg:var(--phase-luteal-fg)}.phase-glyph{vertical-align:-2px;color:var(--phase-fg,currentColor);flex:none;display:inline-block}.week-strip{padding:var(--s-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:0;list-style:none;display:grid}.week-day{width:100%;min-height:64px;padding:var(--s-1) 0;color:var(--ink-2);border-radius:var(--r-md);font-size:var(--text-xs);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;display:grid}.week-day strong{color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-heading);line-height:1.2}.week-day:active{background:var(--surface-2)}.week-day.is-today{color:var(--on-accent);background:var(--accent)}.week-day.is-today strong,.week-day.is-today .phase-glyph{color:var(--on-accent)}.cycle-summary{padding:var(--s-5);gap:var(--s-4);background:var(--phase-bg,var(--accent-soft));border-radius:var(--r-xl) var(--r-sm) var(--r-xl) var(--r-xl);display:grid}.cycle-summary-main{align-items:center;gap:var(--s-4);display:flex}.cycle-day{text-align:center;width:88px;height:88px;color:var(--phase-fg);background:var(--surface);border-radius:50%;flex:none;place-content:center;line-height:1.1;display:grid}.cycle-day strong{font-size:2.25rem;font-weight:var(--weight-numeral)}.cycle-day span{color:var(--ink-2);font-size:var(--text-xs)}.cycle-summary-copy{gap:var(--s-1);min-width:0;display:grid}.cycle-summary-copy .eyebrow{align-items:center;gap:var(--s-1);color:var(--phase-fg);display:flex}.cycle-summary-copy h2{font-size:var(--text-xl)}.cycle-summary-copy p:last-child{font-size:var(--text-sm)}.quick-actions{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quick-actions .btn{min-height:72px;padding:var(--s-2);gap:var(--s-1);font-size:var(--text-xs);flex-direction:column}.quick-actions .btn svg{color:var(--accent)}.today-log-empty{gap:var(--s-3);justify-items:start;display:grid}.skeleton-stack{gap:var(--s-2);display:grid}.skeleton-stack .skeleton:nth-child(2){width:70%}.skeleton-stack .skeleton:nth-child(3){width:45%}.check-in-summary{gap:var(--s-3);display:grid}.check-in-mood{align-items:center;gap:var(--s-2);font-weight:var(--weight-ui);color:var(--accent-strong);display:inline-flex}.check-in-note{padding:var(--s-3);background:var(--surface-2);border-radius:var(--r-sm);font-size:var(--text-sm)}.tag-list{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{padding:2px var(--s-3);color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-pill);font-size:var(--text-xs);line-height:1.9}.tag-period{color:var(--phase-period-fg);background:var(--phase-period-bg)}.insight-rail{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) var(--s-1);gap:var(--s-3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:minmax(250px,80%);grid-auto-flow:column;list-style:none;display:grid;overflow-x:auto}.insight-rail::-webkit-scrollbar{display:none}.insight-tile{min-height:200px;padding:var(--s-5);gap:var(--s-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-sm) var(--r-lg) var(--r-lg);scroll-snap-align:start;flex-direction:column;display:flex}.insight-tile.tone-sage{background:var(--sage-soft);border-color:#0000}.insight-tile.tone-gold{background:var(--gold-soft);border-color:#0000}.insight-icon{width:40px;height:40px;color:var(--accent-strong);background:var(--bg);border-radius:50%;place-items:center;margin-block-end:auto;display:grid}.insight-tile small{color:var(--ink-2);margin-block-start:var(--s-4)}.insight-tile strong{font-size:var(--text-lg);font-weight:var(--weight-heading);line-height:var(--leading-tight)}.insight-tile p{font-size:var(--text-sm)}.insight-fine{font-size:var(--text-xs)!important}@media (min-width:761px){.insight-rail{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.triage{padding:var(--s-5);gap:var(--s-4);background:var(--sage-soft);border-radius:var(--r-lg);grid-template-columns:auto 1fr;align-items:start;display:grid}.triage-attention{background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.triage-icon{width:44px;height:44px;color:var(--sage-ink);background:var(--bg);border-radius:50%;place-items:center;display:grid}.triage-attention .triage-icon{color:var(--gold-ink)}.triage h2{font-size:var(--text-lg);margin-block-end:var(--s-1)}.triage p:last-child{font-size:var(--text-sm)}.care-tip{align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:112px 1fr;display:grid;overflow:hidden}.care-tip-art{color:var(--sage-ink)}.care-tip h2{font-size:var(--text-lg);margin-block-end:var(--s-1)}.care-tip p:last-child{font-size:var(--text-sm)}@media (max-width:360px){.care-tip{grid-template-columns:1fr}.care-tip-art{width:120px}}.article-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.article{min-height:88px;padding:var(--s-4);align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;display:flex}.article:active{background:var(--surface-2)}.article>svg{color:var(--accent);flex:none}.article-text{flex:1;gap:2px;min-width:0;display:grid}.article-text small{color:var(--sage-ink)}.article-text strong{font-weight:var(--weight-heading);line-height:var(--leading-tight)}.article-summary{color:var(--ink-2);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.articles{gap:var(--s-3);display:grid}.articles .section-head{margin:0}.medical-note{text-align:center;justify-content:center}.range-field{gap:var(--s-1)}.range-head{justify-content:space-between;align-items:baseline;display:flex}.range-head strong{color:var(--accent-strong);font-size:var(--text-lg);font-weight:var(--weight-heading)}.range-head small{color:var(--ink-2)}.range{width:100%;height:var(--tap);accent-color:var(--accent);margin:0}.range-scale{color:var(--ink-2);justify-content:space-between;display:flex}.sheet-actions{bottom:calc(-1 * var(--s-6));margin-inline:calc(-1 * var(--s-6));padding:var(--s-3) var(--s-6) calc(var(--s-3) + var(--safe-b));gap:var(--s-1);background:var(--bg);border-block-start:1px solid var(--line);display:grid;position:sticky}@media (max-width:760px){.sheet-actions{bottom:calc(-1 * var(--s-5));margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}}.day-detail,.day-actions{gap:var(--s-3);display:grid}.day-phase{padding:var(--s-3) var(--s-4);align-items:flex-start;gap:var(--s-2);color:var(--ink);background:var(--phase-bg);border-radius:var(--r-md);font-size:var(--text-sm);display:flex}.day-phase .phase-glyph{margin-block-start:4px}.day-logs{gap:var(--s-2);display:grid}
.calendar{padding:var(--s-4) var(--s-2);gap:var(--s-3);display:grid}.calendar-toolbar{justify-content:space-between;align-items:center;gap:var(--s-2);padding-inline:var(--s-1);display:flex}.calendar-toolbar h2{font-size:var(--text-lg)}.calendar-today-btn{justify-self:center}.calendar-grid{touch-action:pan-y;gap:2px;display:grid}@media (prefers-reduced-motion:no-preference){.calendar-grid[data-slide=next]{animation:month-in-next var(--dur-2) var(--ease)}.calendar-grid[data-slide=prev]{animation:month-in-prev var(--dur-2) var(--ease)}}@keyframes month-in-next{0%{opacity:0;transform:translateX(calc(-1 * var(--s-6)))}}@keyframes month-in-prev{0%{opacity:0;transform:translateX(var(--s-6))}}.calendar-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.calendar-weekdays span{padding-block:var(--s-1);color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-ui);text-align:center}.calendar-cell{width:100%;min-height:var(--tap);aspect-ratio:1;color:var(--ink);border-radius:var(--r-md);font-size:var(--text-sm);background:0 0;border:0;place-items:center;display:grid;position:relative}.calendar-cell.is-empty{pointer-events:none}.calendar-cell[class*=phase-]:not(.phase-follicular){color:var(--phase-fg);background:var(--phase-bg)}.calendar-cell.is-future{opacity:.78}.calendar-cell.is-logged-period{color:var(--on-accent);background:var(--accent);opacity:1;font-weight:var(--weight-heading)}.calendar-cell.is-today{box-shadow:inset 0 0 0 2px var(--ink);font-weight:var(--weight-heading)}.calendar-cell:active{transform:scale(.94)}.calendar-cell:focus-visible{box-shadow:var(--focus-ring)}.calendar-dot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.calendar-legend{padding:var(--s-3) var(--s-2) 0;justify-content:center;gap:var(--s-2) var(--s-4);border-block-start:1px solid var(--line);color:var(--ink-2);font-size:var(--text-xs);flex-wrap:wrap;margin:0;list-style:none;display:flex}.calendar-legend li{align-items:center;gap:var(--s-1);display:inline-flex}.calendar-legend .calendar-dot{color:var(--ink-2);position:static}.legend-swatch{border-radius:4px;width:14px;height:14px}.legend-swatch.is-logged-period{background:var(--accent)}@media (hover:hover) and (pointer:fine){.calendar-cell:not(.is-logged-period):hover{background:var(--surface-2)}}@media (min-width:761px){.calendar{padding:var(--s-6)}.calendar-cell{aspect-ratio:1.15}}
.patterns-sections{gap:var(--s-5);display:grid}.stat-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:0;display:grid}.stat-grid div{padding:var(--s-4);gap:var(--s-1);background:var(--surface-2);border-radius:var(--r-md);display:grid}.stat-grid dt{color:var(--ink-2);font-size:var(--text-xs)}.stat-grid dd{color:var(--accent-strong);font-size:var(--text-xl);font-weight:var(--weight-numeral);margin:0}.stat-grid dd small{color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--weight-body)}.history-list{margin:0;padding:0;list-style:none}.history-list li+li{border-block-start:1px solid var(--line)}.history-row{inline-size:100%;min-height:64px;padding-block:var(--s-2);align-items:center;gap:var(--s-3);color:inherit;border-radius:var(--r-sm);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.history-row:active{background:var(--surface-2)}@media (hover:hover){.history-row:hover{background:var(--surface-2)}}.history-glyph{block-size:36px;inline-size:36px;color:var(--phase-period-fg);background:var(--phase-period-bg);border-radius:var(--r-pill);place-items:center;display:grid}.history-text{gap:2px;min-inline-size:0;display:grid}.history-text small{font-size:var(--text-xs)}.history-length{color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-ui)}.history-length.is-muted{color:var(--ink-2);font-weight:var(--weight-body)}.history-chevron{color:var(--ink-3)}.regularity{margin:var(--s-4) 0 0;padding:var(--s-4);align-items:baseline;gap:var(--s-1) var(--s-3);background:var(--surface-2);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.regularity-label{color:var(--ink-2);font-size:var(--text-xs)}.regularity strong{font-size:var(--text-lg)}.regularity-regular strong{color:var(--sage-ink)}.regularity-variable strong{color:var(--gold-ink)}.regularity-irregular strong{color:var(--accent-strong)}.regularity small{inline-size:100%}.next-card{gap:var(--s-1);background:var(--accent-soft);border-color:#0000;display:grid}.next-date{color:var(--accent-strong);font-size:var(--text-xl);font-weight:var(--weight-numeral);margin:0}.confidence{align-items:flex-start;gap:var(--s-3);font-size:var(--text-sm);margin-block-start:var(--s-3);display:flex}.confidence-meter{flex:none;gap:3px;margin-block-start:.6em;display:inline-flex}.confidence-meter i{background:var(--surface-3);border-radius:var(--r-pill);block-size:6px;inline-size:18px}.confidence-meter i.is-on{background:var(--accent-strong)}.chart-card{padding:var(--s-4)}.chart{font-variant-numeric:tabular-nums;min-inline-size:0;max-inline-size:360px;margin-inline:auto}.chart-svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.chart-note{margin:var(--s-3) 0 0;font-size:var(--text-xs)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2.5px}.chart-bar{fill:var(--accent)}.chart-avg{stroke:var(--ink-3);stroke-width:1.5px;stroke-dasharray:4 4}.chart-axis{stroke:var(--line-strong);stroke-width:1px}.chart-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.chart-label{fill:var(--ink-2);font-variant-numeric:tabular-nums;font-size:15px}.chart-label-mid{text-anchor:middle}.chart-label-right{text-anchor:start}.chart-label-left{text-anchor:end}.spark+.spark{margin-block-start:var(--s-4)}.spark-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.spark-head h3{font-size:var(--text-md)}.spark-head span{font-size:var(--text-xs)}.spark-energy .chart-line{stroke:var(--sage-ink)}.spark-energy .chart-dot{fill:var(--sage-ink);stroke:var(--sage-ink)}.spark-pain .chart-dot{fill:var(--accent)}.bar-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.bar-row{min-height:var(--tap);align-items:center;gap:var(--s-3);grid-template-columns:minmax(4.5rem,7rem) minmax(0,1fr) 2ch;display:grid}.bar-list-mood .bar-row{grid-template-columns:32px minmax(3.5rem,5rem) minmax(0,1fr) 2ch}.bar-label{font-size:var(--text-sm)}.bar-face{color:var(--ink-2);display:grid}.bar-track{background:var(--surface-2);border-radius:var(--r-pill);block-size:10px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:var(--r-pill);block-size:100%;min-inline-size:4px;display:block}.bar-count{color:var(--ink-2);font-size:var(--text-sm);text-align:end}.tip-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.tip-row{padding:var(--s-4);gap:var(--s-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);display:grid}.tip-row p:last-child{font-size:var(--text-sm)}.card-title{font-size:var(--text-lg)}
.push-settings{gap:var(--s-4);display:grid}.push-status{gap:var(--s-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.push-status h2{font-size:var(--text-lg)}.push-status p{font-size:var(--text-sm)}.push-dot{width:44px;height:44px;color:var(--sage-ink);background:var(--sage-soft);border-radius:50%;place-items:center;display:grid}.push-dot.push-enabled{color:var(--on-accent);background:var(--sage)}.push-dot.push-blocked,.push-dot.push-error{color:var(--danger);background:var(--danger-soft)}.switch-list{display:grid}.switch-list .switch-row+.switch-row{border-block-start:1px solid var(--line)}.reminder-list{margin:0;padding:0;list-style:none}.reminder-row{align-items:center;gap:var(--s-2);grid-template-columns:76px 1fr auto;min-height:68px;display:grid}.reminder-row+.reminder-row{border-block-start:1px solid var(--line)}.reminder-row time{color:var(--accent-strong);font-weight:var(--weight-heading);text-align:start}.reminder-row.is-off time,.reminder-row.is-off .reminder-title{color:var(--ink-3)}.reminder-toggle{min-height:var(--tap);align-items:center;column-gap:var(--s-3);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:1fr auto;display:grid}.reminder-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-ui);overflow:hidden}.reminder-toggle small{color:var(--ink-2);grid-row:2}.reminder-toggle .switch{grid-area:1/2/3}.med-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.med-card{padding:var(--s-4);gap:var(--s-3);background:var(--surface-2);border-radius:var(--r-md);display:grid}.med-card-head{align-items:center;gap:var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.med-kind{width:40px;height:40px;color:var(--sage-ink);background:var(--sage-soft);border-radius:50%;place-items:center;display:grid}.med-title h3{font-size:var(--text-md);overflow-wrap:anywhere}.med-title p,.med-note,.med-streak{font-size:var(--text-sm);color:var(--ink-2);overflow-wrap:anywhere}.med-stats{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.med-dots{gap:var(--s-2);margin:0;padding:0;list-style:none;display:flex}.med-dot{border:2px solid var(--line-strong);border-radius:50%;width:12px;height:12px}.med-dot-taken{background:var(--sage);border-color:var(--sage)}.med-dot-partial{background:var(--gold);border-color:var(--gold)}.med-dot-skipped{background:var(--surface-3);border-color:var(--ink-3)}.med-dot-missed{background:var(--danger-soft);border-color:var(--danger)}.med-dot-rest{background:var(--surface-3);border-color:var(--line-strong);opacity:.6}.med-pack{padding:var(--s-1) var(--s-3);font-size:var(--text-sm);font-weight:var(--weight-ui);color:var(--sage-ink);background:var(--sage-soft);border-radius:var(--r-pill);align-self:start}.med-pack[data-phase=break]{color:var(--ink-2);background:var(--surface-3)}.med-dot-none{border-style:dashed;border-color:var(--line)}.slot-list{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.slot{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);align-items:stretch;display:inline-flex;overflow:hidden}.slot button{min-height:var(--tap);justify-content:center;align-items:center;gap:var(--s-2);color:inherit;font-weight:var(--weight-ui);transition:background var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);background:0 0;border:0;display:inline-flex}.slot button:active{transform:scale(.97)}.slot-main{padding-inline:var(--s-4)}.slot-skip{min-width:var(--tap);border-inline-start:1px solid var(--line)!important;color:var(--ink-3)!important}.slot-due{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.slot-overdue{color:var(--danger);background:var(--danger-soft);border-color:#0000}.slot-taken{color:var(--sage-ink);background:var(--sage-soft);border-color:#0000}.slot-skipped{color:var(--ink-3);background:var(--surface-3);border-color:#0000}.slot-skipped time{text-decoration:line-through}.slot-main:focus-visible,.slot-skip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.med-inactive{margin-block-start:var(--s-4)}.med-inactive summary{min-height:var(--tap);color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--weight-ui);cursor:pointer;align-items:center;display:flex}.med-times{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.med-time-row{align-items:center;gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.med-confirm{justify-content:center}.today-meds-rows{gap:var(--s-4);display:grid}.today-med-row{gap:var(--s-2);display:grid}.today-med-name{font-weight:var(--weight-ui);overflow-wrap:anywhere}.today-med-name small{color:var(--ink-2);font-weight:var(--weight-body)}.today-meds-done{display:none}.today-meds-rows:empty+.today-meds-done{display:flex}@media (hover:hover) and (pointer:fine){.slot button:hover{background:color-mix(in srgb, currentColor 10%, transparent)}}
.account-sections{gap:var(--s-5);display:grid}.auth-stack{gap:var(--s-3);display:grid}.google-button,.passkey-signin-button,.passkey-button{width:100%;min-height:52px;padding:var(--s-2) var(--s-4);justify-content:center;align-items:center;gap:var(--s-3);color:var(--ink);border-radius:var(--r-md);font-weight:var(--weight-ui);display:flex}.google-button{color:var(--google-ink);background:var(--google-surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-1)}.google-button:disabled{opacity:.65;cursor:progress}.passkey-signin-button{color:var(--sage-ink);background:var(--surface);border:1px solid var(--line-strong)}.passkey-button{background:var(--surface);border:1px solid var(--line-strong);text-align:start;justify-content:flex-start}.passkey-button>span{flex:1;display:grid}.passkey-button small{color:var(--ink-2);font-weight:var(--weight-body)}.passkey-button>svg{color:var(--sage-ink)}.passkey-button.is-active{background:var(--sage-soft);cursor:default;border-color:#0000}.google-button:active:not(:disabled),.passkey-signin-button:active,.passkey-button:active:not(:disabled){transform:scale(.98)}.signed-in-card{align-items:center;gap:var(--s-3);grid-template-columns:auto 1fr;min-height:64px;display:grid}.signed-in-check{width:40px;height:40px;color:var(--on-accent);background:var(--sage);border-radius:50%;place-items:center;display:grid}.signed-in-copy{min-width:0;line-height:var(--leading-tight);display:grid}.signed-in-copy strong{font-weight:var(--weight-heading)}.signed-in-copy small{color:var(--ink-2);text-overflow:ellipsis;text-align:start;overflow:hidden}.sign-out-button{color:var(--danger);justify-self:start}.auth-success{color:var(--sage-ink);font-size:var(--text-sm)}.app-lock-content{display:contents}.app-lock-content[data-covered]{visibility:hidden}.app-lock-overlay{z-index:var(--z-overlay);padding:calc(var(--gutter) + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(var(--gutter) + var(--safe-b)) calc(var(--gutter) + var(--safe-l));background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.app-lock-panel{justify-items:center;gap:var(--s-5);text-align:center;width:min(100%,360px);display:grid}.app-lock-art{width:min(160px,50vw)}.app-lock-art svg{width:100%;height:auto}.app-lock-copy{gap:var(--s-1);display:grid}.app-lock-overlay .unlock-controls{width:100%}.unlock-controls{gap:var(--s-4);text-align:start;display:grid}.unlock-pin{gap:var(--s-3);display:grid}.unlock-status:empty{display:none}.unlock-reset{gap:var(--s-3);display:grid}.pin-input{min-height:var(--tap);text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums}.import-summary{gap:var(--s-2);display:grid}.import-summary>div{min-height:var(--tap);padding-inline:var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-3);background:var(--surface-2);border-radius:var(--r-md);display:flex}.import-summary dd{font-weight:var(--weight-numeral);font-variant-numeric:tabular-nums}.erase-list{gap:var(--s-2);color:var(--ink-2);padding-inline-start:var(--s-5);display:grid}