.slot{margin-bottom:var(--sp-lg)}.slot__head{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-md) var(--sp-lg);margin-bottom:var(--sp-sm)}.slot__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md)}.slot__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:19px;font-weight:600}.slot__time{font-size:11.5px;color:var(--muted);margin-top:2px}.slot__toggle{border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px}.slot__nutrition{margin-top:8px}.slot__summary{width:100%;text-align:left;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);padding:var(--sp-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit;color:inherit}.slot__summary:hover{border-color:var(--accent)}.slot__summary-pct{font-weight:700;color:var(--accent-600)}.slot__summary-row{display:flex;gap:var(--sp-md);flex-wrap:wrap}.slot__ring{position:relative;width:74px;height:74px;flex:none;display:flex;align-items:center;justify-content:center}.slot__ring-center{position:absolute;text-align:center}.slot__ring-value{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1}.slot__ring-unit{font-size:9.5px;color:var(--muted)}.slot__target{background:var(--surface-2);border-radius:var(--r-md);padding:10px 14px;margin-top:var(--sp-md)}.slot__target-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.slot__target-label{display:flex;align-items:center;gap:6px;font-weight:600}.slot__target-value{font-weight:700;color:var(--accent)}.slot__bar{height:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden}.slot__bar-fill{height:100%;border-radius:var(--r-pill);transition:width .5s ease}.slot__target-foot{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}.meal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-md);margin-bottom:var(--sp-sm);transition:opacity .2s ease}.meal--skipped{opacity:.6}.meal--eaten{background:var(--accent-50);border-color:transparent}.meal__main{display:block;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.meal__top{display:flex;align-items:flex-start;gap:12px}.meal__chevron{flex:none;align-self:center;color:var(--muted);font-size:18px;line-height:1}.meal__hint{margin-top:6px;font-size:11px;font-weight:600;color:var(--accent-600)}.meal__name{font-size:14.5px;font-weight:600}.meal__name--struck{text-decoration:line-through;color:var(--muted)}.meal__name--link{color:inherit}.meal__name--link:hover{color:var(--accent-600);text-decoration:underline}.meal__tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);margin-left:6px;vertical-align:middle}.meal__tag--eaten{background:var(--accent-50);color:var(--accent-600)}.meal__tag--skipped,.meal__tag--added{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.meal__warning{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:500;color:var(--danger)}.meal__macros{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.meal__pill{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill)}.meal__pill--p{background:#fff3ec;color:#c2571f}.meal__pill--c{background:#fdf6e6;color:#a9791b}.meal__pill--f{background:#fdecec;color:var(--danger)}.meal__cals{text-align:right;flex:none}.meal__cals-total{font-size:14px;font-weight:700}.meal__cals-unit{font-size:10.5px;color:var(--muted)}.meal__actions{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.meal__btn{display:inline-flex;align-items:center;gap:5px;border:0;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--muted);transition:background .15s ease,color .15s ease;min-height:34px}.meal__btn:hover{background:var(--accent-50);color:var(--accent-600)}.meal__btn--active{background:var(--accent);color:#fff}.meal__btn--active:hover{background:var(--accent-600);color:#fff}.meal__btn--primary{background:var(--accent);color:#fff;font-weight:600;padding:6px 14px}.meal__btn--primary:hover{background:var(--accent-600);color:#fff}.meal__btn--undo{background:transparent;border:1px solid var(--line)}.meal__btn--x{margin-left:auto;padding:6px;width:32px;justify-content:center}.meal__btn--x:hover{background:#fdecec;color:var(--danger)}.qty{display:flex;align-items:center;gap:8px;margin-top:12px;background:var(--surface-2);border-radius:var(--r-md);padding:10px}.qty__label{flex:1;font-size:12px;color:var(--muted)}.qty__step{width:30px;height:30px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}.qty__input{width:56px;text-align:center;font-weight:700;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 0;background:#fff}.qty__save{width:30px;height:30px;border-radius:var(--r-sm);background:var(--accent);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.alts{margin-top:12px;display:flex;flex-direction:column;gap:6px}.alts__label{font-size:11px;color:var(--muted);font-weight:500}.alt{width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid transparent;cursor:pointer;transition:all .15s ease}.alt:hover{background:var(--accent-50);border-color:var(--accent-50)}.alt__row{display:flex;align-items:center;justify-content:space-between}.alt__name{font-size:13.5px;font-weight:500}.alt__cals{font-size:12px;font-weight:700;color:var(--muted)}.detail__hero{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-md)}.detail__kcal{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--accent-600);line-height:1.1}.detail__macros{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}.detail__macro{border-radius:var(--r-md);padding:10px;text-align:center}.detail__macro--p{background:#fff3ec;color:#c2571f}.detail__macro--c{background:#fdf6e6;color:#a9791b}.detail__macro--f{background:#fdecec;color:var(--danger)}.detail__macro-value{font-size:17px;font-weight:700}.detail__macro-label{font-size:10.5px;font-weight:600;opacity:.85}.detail__instructions{font-size:13.5px;line-height:1.55;white-space:pre-wrap;background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-md)}.add-meal{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--r-lg);border:2px dashed var(--line);background:none;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.add-meal:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-2)}.addform__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.addform__warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fdecec;border:1px solid #f4c9c4;border-radius:var(--r-md);color:var(--danger);font-size:12px;font-weight:500}.food-suggest{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;max-height:200px;overflow-y:auto}.food-suggest__item{width:100%;text-align:left;padding:10px 12px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.food-suggest__item:hover{background:var(--surface-2)}:root{--canvas: #f1f0ed;--surface: #ffffff;--surface-2: #fafaf9;--ink: #1a1a1a;--ink-2: #3a3a3a;--muted: #9a9a9a;--line: #ebeae7;--accent: #e8602e;--accent-600: #ce5322;--accent-50: #fbede6;--success: #4c8a4f;--success-50: #ecf3ec;--danger: #c04b3a;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--sh-sm: 0 4px 12px rgba(20, 20, 20, .04);--sh-md: 0 14px 34px rgba(20, 20, 20, .06);--sh-lg: 0 26px 54px rgba(20, 20, 20, .09);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(120% 80% at -10% -10%,rgba(255,255,255,.9),transparent 55%),radial-gradient(100% 60% at 110% 5%,rgba(255,255,255,.7),transparent 50%)}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}p{margin:0}button{font-family:var(--font-body)}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font-body);font-size:15px;color:var(--ink)}:focus-visible{outline:3px solid var(--accent-50);outline-offset:1px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{max-width:480px;margin:0 auto;padding:var(--sp-lg) var(--sp-lg) 96px}.page--wide{max-width:860px}.page-title{font-size:32px;line-height:1.05}.page-title em{font-style:italic;color:var(--accent)}.page-subtitle{color:var(--muted);margin-top:var(--sp-sm);font-size:14px}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:var(--sp-sm)}.section-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:var(--sp-lg) 0 var(--sp-md)}.row{display:flex;align-items:center;gap:var(--sp-md)}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--sp-md)}.muted{color:var(--muted)}.small{font-size:12.5px}.serif{font-family:var(--font-display)}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);border:0;cursor:pointer;font-size:15px;font-weight:500;border-radius:var(--r-pill);transition:transform .15s ease,background .2s ease,opacity .2s ease;min-height:44px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--ink);color:#fff;height:52px;padding:0 var(--sp-lg);box-shadow:var(--sh-md)}.btn--primary:hover:not(:disabled){background:#000;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:scale(.97)}.btn--cta{background:var(--ink);color:#fff;height:56px;padding:0 var(--sp-2xl);font-weight:600;font-size:16px;box-shadow:var(--sh-lg);width:100%}.btn--accent{background:var(--accent);color:#fff;height:44px;padding:0 var(--sp-lg);box-shadow:var(--sh-sm)}.btn--accent:hover:not(:disabled){background:var(--accent-600)}.btn--text{background:none;color:var(--ink-2);padding:var(--sp-sm) var(--sp-md)}.btn--text.btn--accent-text{color:var(--accent);font-weight:600}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);height:44px;padding:0 var(--sp-md)}.btn--small{min-height:36px;height:36px;padding:0 var(--sp-md);font-size:13px}.btn--danger-text{background:none;color:var(--danger);padding:var(--sp-sm)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:var(--sp-lg)}.card--flat{box-shadow:var(--sh-sm);border-radius:var(--r-md)}.card--tint{background:var(--accent-50);box-shadow:none}.field{width:100%}.field__label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.04em;font-weight:500}.field__input,.field__select{width:100%;height:48px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-sm);padding:0 14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.field__input:focus,.field__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-50)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge--accent{background:var(--accent-50);color:var(--accent-600)}.badge--success{background:var(--success-50);color:var(--success)}.badge--muted{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.formpage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--canvas);display:flex;flex-direction:column;overflow:hidden;animation:formpage-in .18s ease}.formpage__bar{display:flex;align-items:center;gap:var(--sp-md);width:100%;max-width:640px;margin:0 auto;padding:14px var(--sp-lg) 10px;flex:none}.formpage__back{flex:none;width:38px;height:38px;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--sh-sm);color:inherit;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:3px}.formpage__back:hover{color:var(--accent-600)}.formpage__title{font-family:var(--font-display);font-size:23px;font-weight:600;min-width:0}.formpage__body{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.formpage__inner{max-width:640px;margin:0 auto;padding:var(--sp-sm) var(--sp-lg) 140px}@keyframes formpage-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font-size:13.5px;box-shadow:var(--sh-lg);z-index:60;animation:sheet-rise .25s ease;max-width:90vw;text-align:center}.toast--error{background:var(--danger)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-md) 0;margin-bottom:var(--sp-sm)}.topbar__brand{font-family:var(--font-display);font-size:20px;font-weight:600}.topbar__brand em{font-style:italic;color:var(--accent)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;padding:0 var(--sp-md) calc(var(--sp-md) + env(safe-area-inset-bottom));pointer-events:none}.tabbar__inner{pointer-events:auto;display:flex;gap:var(--sp-xs);background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--sh-lg);padding:6px;border:1px solid var(--line)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 13px;border-radius:var(--r-pill);font-size:10.5px;font-weight:500;color:var(--muted);background:none;border:0;cursor:pointer;min-width:0}.tabbar__item--active{background:var(--accent-50);color:var(--accent-600)}.tabbar__icon{font-size:18px;line-height:1}.ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring__center{position:absolute;text-align:center}.ring__value{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.05}.ring__caption{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.macro{flex:1;min-width:0}.macro__head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.macro__name{color:var(--muted);font-weight:500}.macro__track{height:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden}.macro__fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .3s ease}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-50);color:var(--accent-600);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:600;flex:none}.segmented{display:flex;gap:var(--sp-xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;overflow-x:auto}.segmented__item{border:0;background:none;padding:8px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap}.segmented__item--active{background:var(--ink);color:#fff}.empty{text-align:center;padding:var(--sp-xl) var(--sp-lg);color:var(--muted)}.empty__title{font-family:var(--font-display);font-size:19px;color:var(--ink-2);margin-bottom:var(--sp-xs)}.spinner{width:26px;height:26px;border:3px solid var(--accent-50);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:var(--sp-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal__head{text-align:center;font-size:11px;color:var(--muted);font-weight:600;padding:4px 0}.cal__day{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:12.5px;padding:2px}.cal__day--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-50)}.cal__day--empty{background:none;border:0;cursor:default}.cal__dots{display:flex;gap:3px}.cal__dot{width:5px;height:5px;border-radius:50%}