@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Lora-400-DL5WywbS.ttf)format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Lora-600-BpORGjE-.ttf)format("truetype")}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/Lora-400-italic-CBiiKs17.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Nunito-400-mBGGtOB5.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Nunito-500-af__4zX9.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Nunito-600-BEWhRPhZ.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Nunito-700-DcuS2A2O.ttf)format("truetype")}:root{--font-display:"Lora", Georgia, serif;--font-body:"Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--color-primary:#3f2a56;--color-primary-dark:#2f1f42;--color-primary-light:#5c3d7a;--color-accent:#efe4b8;--color-accent-mid:#d7c37a;--color-bg:#f6f1e8;--color-surface:#fffefc;--color-surface-raised:#fbf7ef;--color-text:#201a2b;--color-text-muted:#655b74;--color-border:#ddd3e4;--color-success:#3d7a5c;--color-success-bg:#ebf5ef;--color-danger:#b84040;--color-danger-bg:#faeaea;--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 4px #3f2a5614;--shadow:0 2px 16px #3f2a561c;--shadow-md:0 5px 28px #3f2a5624;--shadow-lg:0 12px 52px #3f2a5633;--ease:.18s ease;--ease-spring:.3s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);font-weight:400}h1{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.08}h2{margin:0;font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.2}h3{margin:0;font-size:1rem;line-height:1.3}p{margin:0}a{color:var(--color-primary)}.page-shell{width:100%;margin-inline:auto}input[type=text],input[type=date],input[type=datetime-local],input[type=number],input[type=password],textarea,select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font:16px var(--font-body);color:var(--color-text);background:var(--color-surface);transition:border-color var(--ease), box-shadow var(--ease);appearance:none;padding:13px 16px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3f2a5624}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23655B74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}textarea{resize:vertical;min-height:96px;line-height:1.6}button{font-family:var(--font-body);cursor:pointer;transition:background var(--ease), transform var(--ease), box-shadow var(--ease), opacity var(--ease), color var(--ease);-webkit-tap-highlight-color:transparent;border:none;font-weight:600}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);width:100%;font:600 17px var(--font-body);letter-spacing:.01em;cursor:pointer;min-height:56px;transition:all var(--ease);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 28px;text-decoration:none;display:flex;box-shadow:0 4px 18px #3f2a5657}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 24px #3f2a566b}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #3f2a563d}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font:600 15px var(--font-body);cursor:pointer;min-height:48px;transition:all var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:flex}.btn-secondary:hover{background:var(--color-accent);border-color:var(--color-primary-light)}.btn-danger{color:var(--color-danger);border-radius:var(--radius-lg);font:600 15px var(--font-body);cursor:pointer;width:100%;min-height:52px;transition:all var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid #b8404038;justify-content:center;align-items:center;padding:13px 22px;display:flex}.btn-danger:hover{background:var(--color-danger-bg)}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--color-border);padding:22px}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font:600 14px var(--font-body);cursor:pointer;transition:all var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;min-height:44px;padding:9px 18px;line-height:1;display:inline-flex}.pill:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-accent)}.pill--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 10px #3f2a5647}.pill--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.field{flex-direction:column;gap:10px;display:flex}.field-label{color:var(--color-text);font-size:15px;font-weight:700;line-height:1.3}.field-hint{color:var(--color-text-muted);font-size:13px;font-weight:400}input[type=range]{appearance:none;background:var(--color-border);cursor:pointer;width:100%;height:6px;transition:background var(--ease);border:none;border-radius:3px;outline:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface);border:2.5px solid var(--color-primary);cursor:pointer;width:28px;height:28px;transition:transform var(--ease-spring), box-shadow var(--ease);border-radius:50%;box-shadow:0 2px 10px #3f2a5652}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.18);box-shadow:0 4px 16px #3f2a5670}input[type=range]::-moz-range-thumb{background:var(--color-surface);border:2.5px solid var(--color-primary);cursor:pointer;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 10px #3f2a5652}.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));background:var(--color-text);color:#fff;border-radius:var(--radius-pill);font:600 14px var(--font-body);z-index:200;white-space:nowrap;pointer-events:none;animation:toast-appear .32s var(--ease-spring) both, toast-vanish .28s ease 2.2s forwards;align-items:center;gap:8px;padding:11px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #00000038}.toast__dot{background:var(--color-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-vanish{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.privacy-badge{font:500 12px var(--font-body);color:var(--color-text-muted);background:var(--color-accent);border-radius:var(--radius-pill);border:1px solid var(--color-border);letter-spacing:.01em;align-items:center;gap:5px;padding:5px 12px;text-decoration:none;display:inline-flex}.insight-row{flex-direction:column;gap:5px;display:flex}.insight-row__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.insight-row__name{color:var(--color-text);font-size:14px;font-weight:600}.insight-row__pct{color:var(--color-text-muted);flex-shrink:0;font-size:13px;font-weight:500}.insight-bar{background:var(--color-accent);border-radius:4px;height:7px;overflow:hidden}.insight-bar__fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.phase-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.phase-card{background:var(--color-accent);border-radius:var(--radius);text-align:center;border:1px solid var(--color-border);padding:16px 12px}.phase-card__name{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.phase-card__value{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;line-height:1}.security-brief{border:1px solid var(--color-border);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 100% 0,#5a8c6b1f,#0000 28%),radial-gradient(circle at 0 100%,#3f2a561f,#0000 30%),linear-gradient(160deg,#fffdf7 0%,#f6f2e8 52%,#f8f6ef 100%);border-radius:30px;gap:20px;padding:26px;display:grid;position:relative;overflow:hidden}.security-brief__hero{z-index:1;gap:12px;display:grid;position:relative}.security-brief__badge{width:fit-content;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb3;border:1px solid #5a8c6b2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.security-brief__title{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.3rem,6vw,3.8rem);line-height:.94}.security-brief__copy{max-width:44ch;color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.6}.security-brief__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.security-pillar{background:#ffffffb8;border:1px solid #ddd3e4e6;border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:18px;display:grid}.security-pillar__icon{width:40px;height:40px;color:var(--color-primary);background:#5a8c6b1f;border-radius:14px;place-items:center;display:grid}.security-pillar__content{gap:6px;display:grid}.security-pillar__title{margin:0;font-size:.98rem}.security-pillar__body{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.security-brief__note{color:var(--color-text);background:#3f2a560f;border:1px solid #3f2a561a;border-radius:18px;padding:14px 16px;font-size:13px;line-height:1.55}.stat-card{flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat-card__value{font-family:var(--font-display);color:var(--color-primary);font-size:2.2rem;line-height:1}.stat-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600}.pain-display{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.pain-display__number{font-family:var(--font-display);color:var(--color-primary);transition:color var(--ease);font-size:4rem;line-height:1}.pain-display__label{color:var(--color-text-muted);padding-bottom:6px;font-size:15px;font-weight:500}.loading-state{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:16px;padding:64px 24px;font-size:14px;font-weight:500;display:flex}.loading-spinner{border:3px solid var(--color-accent);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.85s linear infinite spin}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 16px 32px;display:flex}.empty-state__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.25rem;font-weight:400}.empty-state__desc{color:var(--color-text-muted);max-width:28ch;margin:0;font-size:14px;font-weight:500;line-height:1.55}.tracker-header{justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.tracker-calendar-shell{border-radius:var(--radius-xl);background:radial-gradient(circle at top right, #d7c37a38, transparent 36%), linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);border:1px solid var(--color-border);box-shadow:var(--shadow);gap:16px;padding:20px;display:grid}.tracker-calendar-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.tracker-calendar-nav{gap:8px;display:flex}.tracker-calendar-nav__button{background:var(--color-surface);border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-primary);border-radius:50%;padding:0;font-size:24px;line-height:1}.tracker-calendar-nav__button:hover{background:var(--color-accent)}.tracker-calendar-legend{flex-wrap:wrap;gap:10px 14px;display:flex}.tracker-calendar-legend__item{color:var(--color-text-muted);text-transform:capitalize;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.tracker-calendar-legend__swatch{background:var(--color-border);border-radius:50%;width:10px;height:10px}.tracker-calendar-legend__swatch--period{background:#b840402e;border:1px solid #b840406b;border-radius:3px}.tracker-calendar-legend__swatch--fertile{background:#5a8c6b24;border:1px solid #5a8c6b52;border-radius:3px}.tracker-calendar-legend__swatch--ovulation{background:#5a8c6b;box-shadow:0 0 0 3px #5a8c6b29}.tracker-forecast{border:1px solid var(--color-border);box-shadow:var(--shadow);background:linear-gradient(#fffdf7eb 0%,#f9f5ebfa 100%);border-radius:28px;gap:18px;padding:24px;display:grid}.tracker-forecast__header{justify-content:space-between;align-items:end;gap:18px;display:flex}.tracker-forecast__copy{max-width:34ch;color:var(--color-text-muted);text-align:right;margin:0;font-size:14px}.tracker-forecast__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tracker-forecast__card{background:#ffffffb3;border:1px solid #ddd3e4e6;border-radius:20px;gap:8px;padding:18px;display:grid}.tracker-forecast__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.tracker-forecast__value{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(1.6rem,3vw,2.2rem);line-height:.95}.tracker-forecast__note{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.45}.cycle-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.cycle-calendar__weekday{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;padding-bottom:4px;font-size:11px;font-weight:700}.cycle-calendar__day{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);min-height:92px;color:var(--color-text);text-align:left;min-width:0;transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease), background var(--ease);flex-direction:column;justify-content:space-between;gap:10px;padding:12px 10px;display:flex}.cycle-calendar__day:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.cycle-calendar__day--outside{opacity:.4}.cycle-calendar__day--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3f2a5633}.cycle-calendar__day--today .cycle-calendar__day-number{color:var(--color-primary)}.cycle-calendar__day-number{font-family:var(--font-display);font-size:1.35rem;line-height:1}.cycle-calendar__day-meta{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.cycle-calendar__day-cycle{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.cycle-calendar__day-meta-compact{display:none}.cycle-calendar__day-prediction{letter-spacing:.02em;color:var(--color-text-muted);overflow-wrap:anywhere;font-size:10px;font-weight:700;line-height:1.25}.cycle-calendar__day-prediction-compact{display:none}.cycle-calendar__day--predicted-period{background:linear-gradient(#b8404014 0%,#ffffffe6 100%);border-style:dashed;border-color:#b840406b}.cycle-calendar__day--predicted-fertile{background:linear-gradient(#5a8c6b12 0%,#ffffffe6 100%);border-style:dashed;border-color:#5a8c6b4d}.cycle-calendar__day--predicted-ovulation{background:radial-gradient(circle at 100% 0,#5a8c6b3d,#0000 32%),linear-gradient(#5a8c6b1a 0%,#ffffffeb 100%);border-color:#5a8c6b7a;box-shadow:inset 0 0 0 1px #5a8c6b5c}.cycle-calendar__day--none,.tracker-calendar-legend__swatch.cycle-calendar__day--none{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-raised) 100%)}.cycle-calendar__day--spotting,.tracker-calendar-legend__swatch.cycle-calendar__day--spotting{background:#f5eed6}.cycle-calendar__day--light,.tracker-calendar-legend__swatch.cycle-calendar__day--light{background:#eee3ba}.cycle-calendar__day--moderate,.tracker-calendar-legend__swatch.cycle-calendar__day--moderate{background:#e2d094}.cycle-calendar__day--heavy,.tracker-calendar-legend__swatch.cycle-calendar__day--heavy{background:#c8b075}.cycle-calendar__day--very-heavy,.tracker-calendar-legend__swatch.cycle-calendar__day--very-heavy{color:#fff;background:#5c3d7a}.cycle-calendar__day--very-heavy .cycle-calendar__day-cycle{color:#ffffffd1}.tracker-day-spotlight-overlay{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-up .18s var(--ease);background:#1810216b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tracker-day-spotlight{width:min(920px,100vw - 32px);max-height:min(86vh,920px);animation:fade-up .22s var(--ease);transform-origin:top;background:radial-gradient(circle at 100% 0,#5c3d7a1a,#0000 34%),linear-gradient(#fffaf4fa 0%,#f9f3eaf5 100%);border:1px solid #5c3d7a1f;border-radius:24px;gap:18px;padding:20px;display:grid;overflow:auto;box-shadow:0 18px 40px #3f2a5614}.tracker-day-spotlight__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tracker-day-spotlight__title{font-family:var(--font-display);margin:10px 0 6px;font-size:clamp(1.5rem,2vw,2rem);line-height:1.05}.tracker-day-spotlight__copy{max-width:58ch;color:var(--color-text-muted);font-size:14px;font-weight:500}.tracker-day-spotlight__marker{background:#ffffffc7;border:1px solid #5c3d7a1a;border-radius:18px;gap:4px;min-width:150px;padding:14px 16px;display:grid;position:relative}.tracker-day-spotlight__close{width:34px;height:34px;color:var(--color-text);cursor:pointer;transition:background var(--ease), transform var(--ease), color var(--ease);background:#5c3d7a14;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.tracker-day-spotlight__close:hover{background:#5c3d7a29;transform:rotate(90deg)}.tracker-day-spotlight__marker-label,.tracker-day-spotlight__stat-label,.tracker-day-spotlight__section-label,.tracker-day-spotlight__rating span,.tracker-day-spotlight__row span{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.tracker-day-spotlight__marker-value{text-transform:capitalize;font-size:1rem;font-weight:700}.tracker-day-spotlight__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tracker-day-spotlight__stat{background:#ffffffb8;border:1px solid #5c3d7a14;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.tracker-day-spotlight__stat-value{font-size:.98rem;font-weight:700}.tracker-day-spotlight__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;display:grid}.tracker-day-spotlight__section{background:#fff9;border:1px solid #5c3d7a14;border-radius:20px;gap:14px;padding:16px;display:grid}.tracker-day-spotlight__list,.tracker-day-spotlight__ratings{gap:10px;display:grid}.tracker-day-spotlight__row,.tracker-day-spotlight__rating{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tracker-day-spotlight__row strong,.tracker-day-spotlight__rating strong{text-align:right;font-size:.95rem;font-weight:700}.landing-shell{gap:28px;width:min(100%,1120px);display:grid}.landing-hero{border:1px solid var(--color-border);min-height:68svh;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 0 0,#d7c37a47,#0000 28%),radial-gradient(circle at 100% 100%,#3f2a5629,#0000 32%),linear-gradient(145deg,#fffdf7 0%,#f6f0df 45%,#f6f1e8 100%);border-radius:36px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;padding:clamp(28px,4vw,52px);display:grid;position:relative;overflow:hidden}.landing-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3f2a5629,#0000 62%);border-radius:50%;width:420px;height:420px;position:absolute;inset:auto -12% -36% auto}.landing-hero__copy{z-index:1;align-content:center;gap:18px;width:100%;display:grid;position:relative}.landing-hero__copy>*{width:min(100%,36rem)}.landing-kicker,.landing-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-size:12px;font-weight:700}.landing-title{letter-spacing:-.04em;max-width:10ch;font-size:clamp(3rem,8vw,6.2rem);line-height:.9}.landing-copy{max-width:34ch;color:var(--color-text-muted);font-size:1.05rem}.landing-encouragement{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7b8;border:1px solid #5a8c6b33;border-radius:20px;gap:8px;padding:14px 16px;display:grid;box-shadow:0 16px 36px #3f2a5614}.landing-encouragement__label{letter-spacing:.14em;text-transform:uppercase;color:#5a8c6b;font-size:11px;font-weight:700}.landing-encouragement__message{max-width:34ch;color:var(--color-text);margin:0;font-size:.98rem;line-height:1.55}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.landing-actions__primary{width:auto;min-width:180px}.landing-trust{flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px;display:flex}.landing-trust__copy{color:var(--color-text-muted);font-size:14px;font-weight:600}.landing-hero__panel{align-content:center;justify-items:center;min-height:420px;display:grid;position:relative}.landing-orbit{aspect-ratio:1;pointer-events:none;width:min(100%,420px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.landing-orbit__ring,.landing-orbit__core{border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.landing-orbit__ring--outer{border:1px solid #3f2a5638;width:100%;height:100%;animation:10s linear infinite landing-float}.landing-orbit__ring--mid{border:1px dashed #d7c37a73;width:72%;height:72%;animation:14s linear infinite reverse landing-float}.landing-orbit__ring--inner{border:1px solid #3f2a5652;width:42%;height:42%;animation:3.8s ease-in-out infinite landing-pulse}.landing-orbit__core{background:radial-gradient(circle at 35% 35%, var(--color-primary-light), var(--color-primary));width:18%;height:18%;box-shadow:0 0 60px #3f2a563d}.landing-stats{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,390px);display:grid;position:relative}.landing-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#ffffffc2;border:1px solid #ddd3e4eb;border-radius:22px;gap:6px;padding:18px 18px 16px;display:grid}.landing-stat__value{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(2rem,4vw,3rem);line-height:.9}.landing-stat__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.landing-history{gap:18px;display:grid}.landing-history__header{justify-content:space-between;align-items:end;gap:18px;display:flex}.landing-history__actions{align-items:end;gap:14px;display:flex}.landing-history__subcopy{max-width:28ch;color:var(--color-text-muted);text-align:right;font-size:14px}.landing-history__link{flex-shrink:0;width:fit-content}.landing-entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-entry{border:1px solid var(--color-border);box-shadow:var(--shadow);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);background:linear-gradient(#ffffffe6 0%,#faf6ecf5 100%);border-radius:24px;gap:12px;padding:18px;text-decoration:none;display:grid}.landing-entry:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-entry__topline{justify-content:space-between;align-items:start;gap:12px;display:flex}.landing-entry__type{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:12px;font-weight:700}.landing-entry__time{color:var(--color-text-muted);text-align:right;font-size:12px;font-weight:600}.landing-entry__body{align-items:center;gap:10px;display:flex}.landing-entry__dot,.landing-entry__pill{border-radius:999px;flex-shrink:0;width:10px;height:10px}.landing-entry__pill{background:var(--color-accent-mid)}.landing-entry__meta{color:var(--color-text);font-size:.98rem}.landing-empty{border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffffb8;border-radius:24px;padding:26px 22px}.log-row{border:1px solid var(--color-border);box-shadow:var(--shadow);transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease);background:linear-gradient(#ffffffeb 0%,#faf6ec 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.log-row:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.log-row__title{color:var(--color-text);font-weight:700}.log-row__time{color:var(--color-text-muted);font-size:13px;font-weight:600}.log-row__summary{color:var(--color-primary);text-transform:capitalize;text-align:right;font-weight:700}.detail-row{border-bottom:1px solid var(--color-border);gap:6px;padding:14px 0;display:grid}.detail-row:last-child{border-bottom:none}.detail-row__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px;font-weight:700}.detail-row__value{color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes landing-float{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes landing-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@media (width<=780px){.security-brief__grid{grid-template-columns:1fr}.tracker-forecast__header{flex-direction:column;align-items:start}.tracker-forecast__copy{text-align:left}.tracker-forecast__grid{grid-template-columns:1fr}.tracker-calendar-topline{flex-direction:column;align-items:flex-start}.cycle-calendar{gap:6px}.cycle-calendar__day{justify-content:flex-start;gap:4px;min-height:82px;padding:8px 5px 7px}.cycle-calendar__day-number{font-size:1.1rem}.cycle-calendar__day-meta,.cycle-calendar__day-cycle,.cycle-calendar__day-prediction{font-size:9px;line-height:1.15}.cycle-calendar__day-meta-full{display:none}.cycle-calendar__day-meta-compact{display:inline}.cycle-calendar__day-cycle{font-size:8px}.cycle-calendar__day-prediction-full{display:none}.cycle-calendar__day-prediction-compact{display:inline}.tracker-day-spotlight{gap:14px;width:min(100%,100vw - 24px);padding:16px}.tracker-day-spotlight__header,.tracker-day-spotlight__grid{grid-template-columns:1fr;display:grid}.tracker-day-spotlight__marker{min-width:0}.tracker-day-spotlight__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.security-brief{padding:22px}.security-brief__title{max-width:13ch}.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero__copy>*{width:100%}.landing-title{max-width:11ch}.landing-hero__panel{min-height:320px}.landing-history__header{flex-direction:column;align-items:start}.landing-history__actions{flex-direction:column;align-items:start;width:100%}.landing-history__subcopy{text-align:left}.landing-entry-list{grid-template-columns:1fr}.log-row{flex-direction:column;align-items:start}.log-row__summary{text-align:left}}@media (width>=1024px){.tracker-calendar-shell{gap:20px;padding:24px}.tracker-calendar-topline{align-items:end}.tracker-calendar-legend{gap:12px 18px}.cycle-calendar{gap:10px}.cycle-calendar__day{min-height:102px;padding:14px 12px}}:root{font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);flex-direction:column;display:flex}.app-shell--tour-mobile .page-content{padding-top:164px}.onboarding-screen{z-index:40;-webkit-backdrop-filter:blur(14px);background:#201a2b59;padding:20px;animation:.28s both fade-up;position:fixed;inset:0}.onboarding-scrim{background:radial-gradient(circle at var(--tour-focus-x,50%) var(--tour-focus-y,50%), #fff3 0, #ffffff29 calc(var(--tour-focus-radius,120px) * .52), #201a2b0f calc(var(--tour-focus-radius,120px) * .76), #201a2b4d calc(var(--tour-focus-radius,120px) + 6px), #201a2b70 calc(var(--tour-focus-radius,120px) + 72px));pointer-events:none;transition:opacity .22s,background .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.onboarding-panel{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);width:min(420px,100vw - 40px);box-shadow:var(--shadow-lg);z-index:50;overscroll-behavior:contain;will-change:top, left, right, bottom;padding:36px 28px;transition:top .3s cubic-bezier(.22,1,.36,1),left .3s cubic-bezier(.22,1,.36,1),right .3s cubic-bezier(.22,1,.36,1),bottom .3s cubic-bezier(.22,1,.36,1),max-height .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),border-radius .3s cubic-bezier(.22,1,.36,1),box-shadow .22s;animation:.34s cubic-bezier(.34,1.56,.64,1) both scale-in;position:fixed;overflow:auto}.onboarding-panel--right{max-height:calc(100vh - 40px);top:20px;right:20px}.onboarding-panel--left{max-height:calc(100vh - 40px);top:20px;left:20px}.onboarding-panel--bottom{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom,0px));width:auto;max-width:none}.onboarding-panel--mobile{top:max(12px, env(safe-area-inset-top,0px));background:color-mix(in srgb, var(--color-surface) 92%, white 8%);border-radius:22px;width:auto;max-width:none;max-height:148px;padding:14px 14px 12px;left:12px;right:12px;box-shadow:0 18px 44px #201a2b2e}.onboarding-mobile-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.onboarding-mobile-step,.onboarding-mobile-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.onboarding-mobile-label{color:var(--color-primary)}.tour-spotlight{z-index:44;pointer-events:none;will-change:top, left, width, height;background:#ffffff14;border:2px solid #6c4c99c7;transition:top .3s cubic-bezier(.22,1,.36,1),left .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),border-radius .3s cubic-bezier(.22,1,.36,1),box-shadow .22s,background-color .22s;animation:1.9s ease-in-out infinite tour-spotlight-pulse;position:fixed;box-shadow:0 0 0 9999px #201a2b42,0 0 0 6px #ffffff1f,0 22px 54px #201a2b3d}.onboarding-orb{background:radial-gradient(circle at 36% 36%, var(--color-primary-light), var(--color-primary));border-radius:50%;width:48px;height:48px;margin-bottom:22px;box-shadow:0 6px 20px #3f2a564d}.onboarding-progress{gap:8px;margin:0 0 22px;display:flex}.onboarding-progress__dot{background:var(--color-border);border-radius:999px;width:10px;height:10px;transition:transform .22s cubic-bezier(.22,1,.36,1),background .18s,width .22s}.onboarding-progress__dot--active{background:var(--color-primary);width:22px;transform:scale(1.15)}.onboarding-kicker{color:var(--color-primary);text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:700}.onboarding-title{color:var(--color-text);max-width:18ch;margin:0 0 14px;font-size:clamp(1.6rem,5vw,2.6rem);line-height:1.05}.onboarding-copy{color:var(--color-text-muted);max-width:34ch;margin:0;font-size:15px;font-weight:500;line-height:1.6}.onboarding-notes{gap:10px;margin-top:20px;display:grid}.onboarding-note{color:var(--color-text);align-items:flex-start;gap:10px;font-size:14px;font-weight:500;line-height:1.55;display:flex}.onboarding-note__mark{background:var(--color-primary-light);border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:7px;box-shadow:0 0 0 4px #3f2a5614}.onboarding-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.onboarding-actions .btn-primary{flex:1;width:auto;min-width:120px}.onboarding-actions .btn-secondary{flex:1;min-width:100px}.onboarding-footer{margin-top:20px;display:flex}.tour-highlight{z-index:45;border-radius:inherit;animation:1.9s ease-in-out infinite tour-pulse;position:relative;box-shadow:0 0 0 3px #6c4c9938,0 24px 56px #201a2b2e}.demo-banner{background:var(--color-accent);color:var(--color-primary);letter-spacing:.04em;border-bottom:1px solid var(--color-border);text-transform:uppercase;justify-content:center;align-items:center;gap:12px;padding:9px 20px;font-size:13px;font-weight:700;display:flex}.demo-banner__button{border-radius:var(--radius-pill);min-height:auto;color:var(--color-primary);border:1px solid var(--color-border);letter-spacing:.04em;text-transform:uppercase;background:#ffffffb8;padding:6px 12px;font-size:11px;font-weight:700}.demo-banner__button:hover{background:#fff}.page-content{padding:calc(20px + var(--safe-area-top)) 16px calc(100px + var(--safe-area-bottom));box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;display:flex}.route-stage{width:100%;animation:.22s both fade-up}.bottom-nav{left:var(--safe-area-left);right:var(--safe-area-right);z-index:30;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);padding-bottom:var(--safe-area-bottom);background:#fffffff0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.bottom-nav__link{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:10px 4px;font-size:10px;font-weight:700;text-decoration:none;transition:color .16s;display:flex;position:relative}.bottom-nav__icon{flex-shrink:0;width:22px;height:22px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav__link--active{color:var(--color-primary)}.bottom-nav__link--active .bottom-nav__icon{transform:translateY(-2px)}.bottom-nav__link--active:after{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 3px #6c4c9938,0 24px 56px #201a2b2e}50%{box-shadow:0 0 0 7px #6c4c991f,0 28px 64px #201a2b38}}@keyframes tour-spotlight-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 9999px #201a2b3d,0 0 0 6px #ffffff2e,0 22px 54px #201a2b47}50%{transform:scale(1.012);box-shadow:0 0 0 9999px #201a2b3d,0 0 0 10px #ffffff1f,0 28px 64px #201a2b57}}@media (width>=640px){.page-content{padding:calc(28px + var(--safe-area-top)) 24px calc(100px + var(--safe-area-bottom))}}@media (width<=640px){.onboarding-screen{padding:0}.onboarding-screen--mobile{-webkit-backdrop-filter:none;background:0 0}.onboarding-panel{border-radius:26px;max-height:min(52dvh,460px);padding:20px 18px 18px}.onboarding-orb{width:36px;height:36px;margin-bottom:14px}.onboarding-progress{margin-bottom:12px}.onboarding-title{max-width:none;margin-bottom:6px;font-size:clamp(1.1rem,5.6vw,1.35rem)}.onboarding-copy{max-width:none;font-size:13px;line-height:1.4}.onboarding-notes{gap:6px;margin-top:10px}.onboarding-note{font-size:12px;line-height:1.35}.onboarding-actions{align-items:stretch;gap:8px;margin-top:12px}.onboarding-actions .btn-primary,.onboarding-actions .btn-secondary{flex:1;min-width:0}.onboarding-footer{display:none}.tour-highlight{scroll-margin-top:196px;scroll-margin-bottom:80px;box-shadow:0 0 0 3px #6c4c9942,0 18px 36px #201a2b24}}@media (width>=960px){.page-content{padding:calc(48px + var(--safe-area-top)) 40px calc(100px + var(--safe-area-bottom))}.bottom-nav__link{font-size:11px}}@media (width>=1100px){.page-content{padding:calc(48px + var(--safe-area-top)) 48px calc(132px + var(--safe-area-bottom))}.route-stage{width:min(100%,1200px)}.bottom-nav{border:1px solid var(--color-border);width:min(720px,100% - 40px);box-shadow:var(--shadow-lg);padding:6px;padding-bottom:calc(6px + var(--safe-area-bottom));border-radius:999px;gap:4px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}.bottom-nav__link{border-radius:var(--radius-pill);min-height:54px}.bottom-nav__link:hover{color:var(--color-primary);background:var(--color-accent)}.bottom-nav__link--active{background:var(--color-accent)}.bottom-nav__link--active:after{bottom:8px}}