@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--bg-canvas: #F5EFE6;--bg-surface: #FFFAF2;--bg-elev: #FFFFFF;--bg-press: #E8DDD0;--text-primary: #2A2118;--text-secondary: #6B5D4F;--text-tertiary: #A89888;--accent: #C25E3B;--accent-press: #A04C2D;--hit: #6B8E4E;--near: #D4A574;--subtle: #A89888;--divider: #E8DDD0;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-lg: 19px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 44px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--touch-min: 48px;--shadow-card: 0 1px 2px rgba(42, 33, 24, .04), 0 4px 12px rgba(42, 33, 24, .06);--shadow-lift: 0 2px 6px rgba(42, 33, 24, .08), 0 10px 24px rgba(42, 33, 24, .1);--tx-fast: .12s ease-out;--tx-base: .15s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.45;color:var(--text-primary);background:var(--bg-canvas);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.phone-frame{max-width:420px;margin:0 auto;min-height:100vh;background:var(--bg-canvas);position:relative;box-shadow:0 0 40px #2a211814}@media (max-width: 480px){.phone-frame{box-shadow:none}}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-lg);transition:background var(--tx-base),transform var(--tx-fast);-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-press)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--divider)}.btn-secondary:hover{background:var(--bg-press)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-press)}.btn-hero{width:100%;min-height:96px;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;background:var(--accent);color:#fff;box-shadow:var(--shadow-lift)}.btn-hero:hover{background:var(--accent-press)}.card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-card)}.topbar{padding:var(--space-3) var(--space-3) var(--space-2)}.topbar__date{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.topbar__greeting{font-family:var(--font-display);font-size:33px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:var(--space-1);color:var(--text-primary)}.list-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:700;padding:var(--space-3) var(--space-3) var(--space-1)}.list-group{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;margin:0 var(--space-3) var(--space-3)}.list-row{display:flex;align-items:center;gap:var(--space-2);min-height:50px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--divider)}.list-row:last-child{border-bottom:none}.list-row__label{flex:1;font-weight:500}.list-row__value{color:var(--text-secondary);font-size:var(--text-sm);text-align:right}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.user-tabs{display:inline-flex;background:var(--bg-press);border-radius:var(--radius-pill);padding:4px;margin-top:var(--space-2)}.user-tabs__btn{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--tx-base),color var(--tx-base)}.user-tabs__btn--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.macros{display:grid;gap:var(--space-2);padding:0 var(--space-3);margin-top:var(--space-2)}.macros--2col{grid-template-columns:1fr 1fr}.macros--3col{grid-template-columns:1fr 1fr 1fr}.macro{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-card)}.macro__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600}.macro__value{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-top:4px;letter-spacing:-.02em}.macro__target{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.macro__bar{height:6px;background:var(--bg-press);border-radius:var(--radius-pill);margin-top:var(--space-1);overflow:hidden}.macro__bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--hit);transition:width var(--tx-base)}.macro__bar-fill--near{background:var(--near)}.macro__bar-fill--low{background:var(--subtle)}.hero{padding:var(--space-3)}.meals{padding:0 var(--space-3) var(--space-4)}.meals__title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;margin:var(--space-3) 0 var(--space-2)}.meal-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-1);box-shadow:var(--shadow-card)}.meal-row__check{width:28px;height:28px;border-radius:50%;border:2px solid var(--divider);flex-shrink:0;display:flex;align-items:center;justify-content:center}.meal-row__check--done{background:var(--hit);border-color:var(--hit);color:#fff}.meal-row__slot{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;min-width:64px}.meal-row__name{font-weight:500;flex:1;color:var(--text-primary)}.meal-row__name--empty{color:var(--text-tertiary);font-weight:400;font-style:italic}.meal-row__macros{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.log-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding:0 var(--space-3) var(--space-3)}.log-actions .btn{font-size:var(--text-sm);min-height:56px}.med-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);margin:0 var(--space-3);border-radius:var(--radius-md);border-left:4px solid var(--accent);box-shadow:var(--shadow-card)}.med-bar--waiting{border-left-color:var(--near)}.med-bar--safe{border-left-color:var(--hit)}.med-bar--note{border-left-color:var(--subtle)}.med-bar__icon{width:32px;height:32px;border-radius:50%;background:var(--bg-press);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.med-bar__text{flex:1}.med-bar__title{font-weight:600;font-size:var(--text-base)}.med-bar__sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.med-bar__action{padding:0 var(--space-2);height:40px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:600}.water{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-md);margin:var(--space-2) var(--space-3) 0;box-shadow:var(--shadow-card)}.water__label{flex:1;font-weight:500}.water__counter{display:flex;gap:4px}.water__glass{width:20px;height:28px;border:2px solid var(--divider);border-radius:3px 3px 9px 9px;position:relative}.water__glass--full{background:linear-gradient(to top,#4e8fa6 78%,#7fb3c4 78%);border-color:#4e8fa6}.water__minus,.water__plus{width:36px;height:36px;border-radius:50%;background:var(--bg-press);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg)}.bottom-nav{position:sticky;bottom:0;display:flex;align-items:flex-end;background:var(--bg-surface);border-top:1px solid var(--divider);padding:var(--space-1) 0 calc(var(--space-1) + env(safe-area-inset-bottom))}.bottom-nav__group{flex:1;display:flex}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{font-size:22px;line-height:1}.bottom-nav__fab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 var(--space-2);background:transparent;border:none;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.bottom-nav__fab-circle{width:60px;height:60px;margin-top:-22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;line-height:1;box-shadow:var(--shadow-lift);border:4px solid var(--bg-surface)}.suggest{padding:var(--space-3)}.suggest__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.suggest__name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;margin:var(--space-1) 0 var(--space-2);letter-spacing:-.02em}.suggest__why{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-3)}.suggest__macro-pills{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.pill{padding:6px var(--space-2);background:var(--bg-press);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums}.pill--time{background:var(--bg-surface);border:1px solid var(--divider)}.suggest__meta{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.suggest__actions{display:flex;flex-direction:column;gap:var(--space-1)}.heatmap{padding:var(--space-3)}.heatmap__grid{display:grid;grid-template-columns:24px repeat(7,1fr);gap:6px;margin-top:var(--space-2)}.heatmap__week-label,.heatmap__day-label{font-size:var(--text-xs);text-align:center;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.heatmap__cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-press)}.heatmap__cell--hit{background:var(--hit)}.heatmap__cell--near{background:var(--near)}.heatmap__cell--miss{background:var(--subtle);opacity:.6}.heatmap__cell--future{background:var(--bg-press);opacity:.3}.tabs{display:flex;border-bottom:1px solid var(--divider);padding:0 var(--space-3);gap:var(--space-3)}.tabs__btn{padding:var(--space-2) 0;font-weight:600;font-size:var(--text-base);color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__btn--active{color:var(--accent);border-bottom-color:var(--accent)}.input{width:100%;min-height:var(--touch-min);padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{min-height:96px;resize:vertical}.section-h{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;padding:var(--space-3) var(--space-3) var(--space-1)}.muted{color:var(--text-secondary)}.center{text-align:center}.spacer-md{height:var(--space-3)}.spacer-lg{height:var(--space-5)}