:root{--color-brand:#e8543f;--color-brand-text:#c73f31;--color-brand-soft:#ffb13d;--color-glow:#fff7e6;--color-gradient-warm:linear-gradient(160deg, #ffb13d 0%, #e8543f 100%);--gradient-brand-text:linear-gradient(105deg, #c2601a 0%, #c73f31 60%, #b03457 100%);--gradient-bg:linear-gradient(180deg, #fdefdc 0%, #faf6ef 240px, #faf6ef 100%);--color-bg:#faf6ef;--color-surface:#fff;--color-surface-raised:#fffdf8;--color-border:#eadfd2;--color-track:#efe6da;--color-scrim:#2d232066;--color-ink:#2d2320;--color-ink-soft:#6b5d55;--color-ink-faint:#7b6d65;--color-ink-on-brand:#fffdf8;--color-success:#3d8b5f;--color-success-text:#357c53;--color-warning:#c07f1f;--color-warning-text:#96601a;--color-danger:#c73f31;--accent-water:#2fb5cf;--accent-water-2:#55d0e4;--accent-water-text:#0e7c8f;--accent-calories:#f5a623;--accent-calories-2:#e8543f;--accent-calories-text:#9c6508;--accent-cycle:#ef7fa4;--accent-cycle-2:#e05c8e;--accent-cycle-text:#ad3c5f;--accent-readiness:#8b74e8;--accent-readiness-2:#6d54c6;--accent-readiness-text:#6b53c4;--accent-glow:#f2c14e;--accent-glow-2:#e89b3d;--accent-glow-text:#8a6d1a;--accent-move:#58b97e;--accent-move-2:#379660;--accent-move-text:#337a50;--accent-neutral:#a3968d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.6rem;--text-2xl:2rem;--text-hero:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:10px;--radius-md:16px;--radius-card:22px;--radius-lg:24px;--radius-pill:999px;--shadow-card:inset 0 1px 0 #ffffffb3, 0 1px 2px #4a32280d, 0 4px 12px #4a32280f, 0 14px 32px #4a32280f;--shadow-card-pressed:inset 0 1px 0 #ffffffb3, 0 1px 2px #4a322812, 0 3px 8px #4a322812;--shadow-pop:0 2px 6px #4a322814, 0 12px 28px #4a322824, 0 32px 64px #4a32281f;--tap-min:48px;--transition-fast:.12s ease;--transition-spring:.22s cubic-bezier(.34, 1.3, .5, 1);--content-max:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--color-brand:#f0684f;--color-brand-text:#ff9d7e;--color-brand-soft:#ffb85c;--color-glow:#382a18;--color-gradient-warm:linear-gradient(160deg, #f5a038 0%, #e8543f 100%);--gradient-brand-text:linear-gradient(105deg, #ffb85c 0%, #ff8a70 60%, #f490b1 100%);--gradient-bg:linear-gradient(180deg, #2b1d15 0%, #201814 260px, #1d1613 100%);--color-bg:#201814;--color-surface:#2b221c;--color-surface-raised:#342a22;--color-border:#43362c;--color-track:#3d322a;--color-scrim:#0c080699;--color-ink:#f5ede3;--color-ink-soft:#c9b8ab;--color-ink-faint:#ab998a;--color-ink-on-brand:#fffdf8;--color-success:#6cc593;--color-success-text:#6cc593;--color-warning:#e5aa54;--color-warning-text:#e5aa54;--color-danger:#f08a7a;--accent-water-text:#62cde2;--accent-calories-text:#f3b04c;--accent-cycle-text:#f492b2;--accent-readiness-text:#b3a1f4;--accent-glow-text:#ecc76f;--accent-move-text:#85d5a7;--shadow-card:inset 0 1px 0 #ffffff0f, 0 1px 2px #00000059, 0 6px 16px #0000004d, 0 18px 40px #00000047;--shadow-card-pressed:inset 0 1px 0 #ffffff0f, 0 1px 2px #0006, 0 3px 8px #00000059;--shadow-pop:0 2px 6px #00000073, 0 12px 28px #0006, 0 32px 64px #00000059}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-ink);background:var(--color-bg);background-image:var(--gradient-bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-attachment:fixed;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}input,select,textarea{font:inherit;color:inherit}@property --fill{syntax:"<number>";inherits:true;initial-value:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-weight:700;font-size:var(--text-md);transition:transform var(--transition-spring), opacity var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--color-gradient-warm);color:var(--color-ink-on-brand);text-shadow:0 1px 2px #7828142e;box-shadow:inset 0 1px #ffffff40,0 2px 6px #e8543f47,0 8px 20px #e8543f38}.btn-primary:active{box-shadow:inset 0 1px #ffffff40,0 1px 3px #e8543f4d}.btn-secondary{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-ink)}.btn-ghost{color:var(--color-ink-soft)}.btn-block{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}button.card{transition:transform var(--transition-spring), box-shadow var(--transition-fast)}button.card:active{box-shadow:var(--shadow-card-pressed);transform:scale(.97)}.text-input{width:100%;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-lg)}.text-input:focus{outline:2px solid var(--color-brand-soft);outline-offset:1px;border-color:#0000}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}