:root{--radius-a:16px;--radius-b:2px;--radius-card:var(--radius-a) var(--radius-b) var(--radius-a) var(--radius-b);--radius-btn:var(--radius-b) var(--radius-a) var(--radius-b) var(--radius-a);--radius-chip:var(--radius-a) var(--radius-a) var(--radius-b) var(--radius-b);--radius-sheet:var(--radius-a) var(--radius-a) 0 0;--elev-rest:none;--elev-raised:0 2px 6px #00000014;--elev-floating:0 8px 24px #00000024;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-hero:44px;--tap:44px;--content-max:480px;--grid-max:1200px}:root[data-mode=dark]{--elev-raised:0 2px 8px #00000059;--elev-floating:0 10px 30px #00000080}:root[data-theme=neutral][data-mode=light]{--bg:#f4f1ee;--surface:#fff;--surface-2:#ebe7e2;--text:#211f1d;--muted:#6f6a64;--border:#dcd6cf;--accent:#5a5550;--accent-text:#fff;--period:#9a6b6b;--period-soft:#e7d4d4;--fertile:#6b8a9a;--fertile-soft:#d4e0e7;--spotting:#b08b6e;--danger:#a1453f;--ok:#5f8a63}:root[data-theme=neutral][data-mode=dark]{--bg:#1c1b1a;--surface:#262423;--surface-2:#312e2c;--text:#ece8e3;--muted:#a39d96;--border:#3d3936;--accent:#cfc8c0;--accent-text:#1c1b1a;--period:#c48f8f;--period-soft:#4a3636;--fertile:#8fb0c0;--fertile-soft:#2e3f47;--spotting:#c9a283;--danger:#d9736c;--ok:#8fb892}:root[data-theme=pastel][data-mode=light]{--bg:#f9f3f5;--surface:#fff;--surface-2:#f1e6ec;--text:#3a2f36;--muted:#8a7a84;--border:#e6d7df;--accent:#b48aa6;--accent-text:#fff;--period:#d98fa3;--period-soft:#f6dfe6;--fertile:#8fb8d4;--fertile-soft:#dfecf5;--spotting:#d4a98f;--danger:#c7605e;--ok:#7fb88f}:root[data-theme=pastel][data-mode=dark]{--bg:#1e1a22;--surface:#2a2430;--surface-2:#362e3d;--text:#f1ecf0;--muted:#ab9fa9;--border:#463c4e;--accent:#d9a5b3;--accent-text:#1e1a22;--period:#c96a7a;--period-soft:#4a2f38;--fertile:#8fb3c9;--fertile-soft:#2d3c48;--spotting:#c9a082;--danger:#e07a76;--ok:#8fc49c}:root[data-theme=vibrant][data-mode=light]{--bg:#fffaf6;--surface:#fff;--surface-2:#fdeee6;--text:#22181a;--muted:#7a6468;--border:#f1d9d0;--accent:#ff6f61;--accent-text:#fff;--period:#e8456b;--period-soft:#fcd7e0;--fertile:#1aa6a0;--fertile-soft:#cdeeec;--spotting:#f0a05a;--danger:#d8322c;--ok:#2fa864}:root[data-theme=vibrant][data-mode=dark]{--bg:#0f0c10;--surface:#1b161b;--surface-2:#27202a;--text:#fbf3f6;--muted:#b39aa5;--border:#3a2e37;--accent:#ff3d8a;--accent-text:#0f0c10;--period:#ff5c8d;--period-soft:#4b1f31;--fertile:#2fd1c8;--fertile-soft:#163f3d;--spotting:#ffb45e;--danger:#ff6159;--ok:#4fd58a}:root[data-theme=deep][data-mode=light]{--bg:#f6f1e7;--surface:#fffcf5;--surface-2:#ece4d4;--text:#1f2436;--muted:#666c80;--border:#d9d0bf;--accent:#2c3e6b;--accent-text:#fffcf5;--period:#7a2e4a;--period-soft:#ead3db;--fertile:#3e6f8a;--fertile-soft:#d2e1ea;--spotting:#a8784a;--danger:#a1343a;--ok:#4f7f5c}:root[data-theme=deep][data-mode=dark]{--bg:#0d1020;--surface:#171b30;--surface-2:#22283f;--text:#ece6d8;--muted:#9ea4bb;--border:#30375a;--accent:#d8c7a3;--accent-text:#0d1020;--period:#b0405f;--period-soft:#44203a;--fertile:#6ea2c2;--fertile-soft:#22364a;--spotting:#c9975f;--danger:#e06b6b;--ok:#7fb58b}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page{min-height:100%;padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));max-width:var(--content-max);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.page--center{justify-content:center;min-height:100dvh}.topbar{min-height:var(--tap);justify-content:space-between;align-items:center;display:flex}.topbar h1{font-size:var(--text-lg);font-weight:600}.row{align-items:center;gap:var(--space-2);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.stack{gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:1}.widgets{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:720px){.page--wide{max-width:var(--grid-max)}.widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.widgets{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--elev-rest)}.card--raised{box-shadow:var(--elev-raised)}.card--floating{box-shadow:var(--elev-floating);border-color:#0000}.card__title{font-size:var(--text-sm);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--space-3);font-weight:600}.nav-card{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);text-align:left;display:flex}.nav-card:active{background:var(--surface-2)}.nav-card__chev{color:var(--muted);font-size:var(--text-lg);line-height:1}.hero{font-size:var(--text-hero);letter-spacing:-.02em;font-weight:700;line-height:1.05}.hero--sm{font-size:var(--text-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface);color:var(--text);box-shadow:var(--elev-raised);font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow .12s;display:inline-flex}.btn:active{box-shadow:var(--elev-rest);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:var(--elev-rest)}.btn--primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--elev-floating);border-color:#0000}.btn--period{background:var(--period);color:#fff;border-color:#0000}.btn--quiet{box-shadow:var(--elev-rest);background:0 0}.btn--danger{color:var(--danger);border-color:var(--danger);box-shadow:var(--elev-rest);background:0 0}.btn--block{width:100%}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--on{background:var(--surface-2);border-color:var(--accent)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-btn);box-shadow:none;background:0 0;border:0;padding:0}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-chip);background:var(--surface-2);color:var(--text);font-size:var(--text-sm)}.chip--on{background:var(--accent);color:var(--accent-text);border-color:#0000}.chip-row{align-items:center;gap:var(--space-2);grid-template-columns:64px 1fr;display:grid}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--muted);font-weight:600}.input{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface);color:var(--text);width:100%}.input:focus{outline:2px solid var(--accent);outline-offset:1px}textarea.input{padding:var(--space-3);resize:vertical;min-height:120px}.error{color:var(--danger);font-size:var(--text-sm)}.ok{color:var(--ok)}.segmented{border:1px solid var(--border);border-radius:var(--radius-btn);display:flex;overflow:hidden}.segmented button{background:0 0;border:0;flex:1;min-height:40px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--accent);color:var(--accent-text)}.toggle{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap);display:flex}.switch{border:1px solid var(--border);background:var(--surface-2);border-radius:14px 2px;width:48px;height:28px;padding:0;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:left .12s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--accent);border-color:#0000}.switch[aria-checked=true]:after{background:var(--accent-text);left:23px}.sheet-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--content-max);background:var(--surface);border-radius:var(--radius-sheet);max-height:90dvh;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));box-shadow:var(--elev-floating);gap:var(--space-4);flex-direction:column;display:flex;overflow:auto}.sheet__handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto}.cal{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal__dow{text-align:center;font-size:var(--text-xs);color:var(--muted);padding:var(--space-1) 0}.cal__day{aspect-ratio:1;font-size:var(--text-sm);background:0 0;border:0;border-radius:10px 2px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cal__day:disabled{opacity:.6}.cal__day--today{outline:2px solid var(--accent);outline-offset:-2px}.cal__day--period{background:var(--period);color:#fff;font-weight:600}.cal__day--could{background:var(--period-soft)}.cal__day--likely{background:var(--period-soft);box-shadow:inset 0 0 0 2px var(--period)}.cal__day--fertile{background:var(--fertile-soft)}.cal__day--ovulation{box-shadow:inset 0 0 0 2px var(--fertile)}.cal__day--selected{outline:2px solid var(--text);outline-offset:-2px}.cal__dot{background:var(--spotting);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px}.cal__dot--symptom{background:var(--muted);left:calc(50% + 5px)}.legend{gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap;display:flex}.legend i{vertical-align:middle;border-radius:3px 1px;width:10px;height:10px;margin-right:4px;display:inline-block}.toast{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-btn);box-shadow:var(--elev-floating);z-index:20;gap:var(--space-3);align-items:center;max-width:calc(100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast button{color:inherit;background:0 0;border:0;font-weight:700}.pinpad{gap:var(--space-3);grid-template-columns:repeat(3,72px);justify-content:center;display:grid}.pinpad button{height:64px;font-size:var(--text-lg);border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--surface);box-shadow:var(--elev-raised)}.pin-dots{gap:var(--space-3);justify-content:center;min-height:20px;display:flex}.pin-dots i{border:2px solid var(--accent);border-radius:50%;width:14px;height:14px}.pin-dots i.on{background:var(--accent)}.warn{border-left:4px solid var(--danger);background:var(--surface-2);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-a) 0 var(--radius-a)}.list{flex-direction:column;display:flex}.list>*+*{border-top:1px solid var(--border)}.list-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;min-height:var(--tap);display:flex}.badge{font-size:var(--text-xs);background:var(--surface-2);color:var(--muted);border-radius:8px 2px;padding:2px 8px}.badge--high{background:var(--ok);color:#fff}.badge--medium{background:var(--fertile);color:#fff}.badge--low{background:var(--spotting);color:#fff}.sync{font-size:var(--text-xs);color:var(--muted)}.sync--offline{color:var(--danger)}.section-title{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-2);font-weight:700}.progress{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.progress>i{background:var(--accent);width:40%;height:100%;animation:1.2s infinite slide;display:block}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.progress>i{width:100%;animation:none}}