:root{--color-bg: #131313;--color-surface-1: #1C1C1C;--color-surface-2: #252525;--color-border: #2E2E2E;--color-input-bg: #1A1A1A;--color-text-primary: #F0EBE3;--color-text-secondary: #7A7A7A;--color-text-disabled: #444444;--color-text-inverse: #131313;--color-accent: #C8784A;--color-accent-hover: #D98B5A;--color-accent-muted: rgba(200, 120, 74, .15);--color-accent-sage: #6E9478;--color-accent-sage-muted: rgba(110, 148, 120, .15);--color-negative: #B85450;--color-negative-muted: rgba(184, 84, 80, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 72px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--layout-readable: 640px;--layout-wide: 720px;--font-display: "Fraunces", serif;--font-ui: "Exo 2", sans-serif;--font-data: "JetBrains Mono", monospace;--transition-fast: 80ms ease-out;--transition-base: .22s ease-out;--transition-slow: .35s ease-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:.02em;min-height:100dvh;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea{font-family:var(--font-ui);font-size:15px;color:var(--color-text-primary);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;outline:none;width:100%;letter-spacing:.02em;transition:border-color var(--transition-base)}input:focus,textarea:focus{border-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}.landing{display:flex;flex-direction:column;justify-content:center;flex:1;padding:0 20px;gap:var(--space-2xl);width:100%;max-width:var(--layout-readable);margin:0 auto}@media(min-width:768px){.landing{padding:0 48px;gap:var(--space-3xl)}}.landing__hero{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-2xl)}.landing__headline{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,7.5vw,34px);line-height:1.15;color:var(--color-text-primary);max-width:100%;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.landing__sub{font-size:15px;color:var(--color-text-secondary);line-height:1.6;max-width:100%}.landing__cta{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-ui);font-weight:600;font-size:15px;padding:14px 20px;border-radius:var(--radius-md);border:none;transition:background var(--transition-base),transform var(--transition-fast);align-self:flex-start;text-align:center;max-width:100%}.landing__cta:hover{background:var(--color-accent-hover)}.landing__cta:active{transform:scale(.97)}.landing__proof{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-2xl)}.landing__proof p{font-size:13px;color:var(--color-text-disabled);line-height:1.5}.ob{display:flex;flex-direction:column;flex:1;width:100%;min-height:100dvh;background:var(--color-bg)}.ob__header{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:520px;margin:0 auto;padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) 16px 0;min-height:56px}@media(min-width:768px){.ob__header{padding:calc(var(--space-lg) + env(safe-area-inset-top,0px)) 32px 0;min-height:64px}}.ob__back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;margin-left:-12px;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:500;font-size:14px;letter-spacing:.01em;transition:color .18s ease-out,background .18s ease-out}.ob__back svg{width:16px;height:16px}@media(hover:hover){.ob__back:hover{color:var(--color-text-primary);background:var(--color-surface-1)}}.ob__back:active{transform:scale(.98)}.ob__back-spacer{display:block;height:36px}.ob__main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:var(--space-lg) 16px var(--space-xl);display:flex;flex-direction:column;justify-content:center;gap:var(--space-xl);overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:768px){.ob__main{padding:var(--space-2xl) 32px var(--space-2xl);gap:var(--space-2xl)}}.ob__main--forward{animation:stepInRight .36s cubic-bezier(.2,.7,.2,1)}.ob__main--back{animation:stepInLeft .36s cubic-bezier(.2,.7,.2,1)}.ob__question{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,5.5vw,32px);line-height:1.15;letter-spacing:-.005em;color:var(--color-text-primary);margin:0;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}@media(min-width:768px){.ob__question{font-weight:450;letter-spacing:-.012em}}.ob__composer{display:flex;flex-direction:column}.ob__stack{display:flex;flex-direction:column;gap:var(--space-md)}.ob__footer{flex:0 0 auto;width:100%;max-width:520px;margin:0 auto;padding:var(--space-md) 16px calc(var(--space-md) + env(safe-area-inset-bottom,0px));display:flex;justify-content:stretch;border-top:1px solid transparent}@media(min-width:768px){.ob__footer{padding:var(--space-lg) 32px calc(var(--space-lg) + env(safe-area-inset-bottom,0px));justify-content:flex-end}}.ob__primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;padding:0 24px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-ui);font-weight:600;font-size:15px;letter-spacing:.01em;transition:background .18s ease-out,transform 90ms ease-out,opacity .18s ease-out}.ob__primary svg{width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.ob__primary:hover:not(:disabled){background:var(--color-accent-hover)}.ob__primary:hover:not(:disabled) svg{transform:translate(3px)}}.ob__primary:active:not(:disabled){transform:scale(.985)}.ob__primary:disabled{background:var(--color-surface-2);color:var(--color-text-disabled);cursor:default}@media(min-width:768px){.ob__primary{width:auto;min-width:180px;padding:0 32px}}.ob__chips{display:flex;flex-wrap:wrap;gap:8px}.ob__chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 18px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.01em;white-space:nowrap;transition:border-color .18s ease-out,background .18s ease-out,color .18s ease-out,transform 90ms ease-out}@media(hover:hover){.ob__chip:hover{border-color:var(--color-text-secondary)}}.ob__chip:active{transform:scale(.97)}.ob__chip--active{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-bg)}@media(min-width:768px){.ob__chips{gap:10px}.ob__chip{padding:13px 20px}}.ob__input{width:100%;height:52px;padding:0 18px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:16px;letter-spacing:.01em;color:var(--color-text-primary);transition:border-color .18s ease-out,background .18s ease-out}.ob__input::placeholder{color:var(--color-text-disabled)}.ob__input:focus{outline:none;border-color:var(--color-text-secondary);background:var(--color-surface-1)}.ob__body{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.ob__body{gap:var(--space-lg)}}.ob__body-row{display:flex;gap:var(--space-sm)}@media(min-width:768px){.ob__body-row{gap:var(--space-md)}}.ob__field{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ob__label{font-family:var(--font-ui);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.75}.ob__num{font-family:var(--font-data);font-size:16px;letter-spacing:.04em;height:52px;padding:0 18px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);width:100%;-moz-appearance:textfield;transition:border-color .18s ease-out,background .18s ease-out}.ob__num::-webkit-outer-spin-button,.ob__num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ob__num:focus{outline:none;border-color:var(--color-text-secondary);background:var(--color-surface-1)}.ob__seg{display:flex;flex-wrap:wrap;padding:4px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:0}.ob__seg-btn{flex:1 0 auto;min-width:0;padding:10px 14px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:500;font-size:13px;letter-spacing:.01em;white-space:nowrap;transition:background .18s ease-out,color .18s ease-out,transform 90ms ease-out}.ob__seg-btn:active{transform:scale(.97)}.ob__seg-btn--active{background:var(--color-text-primary);color:var(--color-bg)}@media(hover:hover){.ob__seg-btn:hover:not(.ob__seg-btn--active){color:var(--color-text-primary)}}.ob__optin{display:flex;align-items:center;gap:12px;padding:4px 2px;font-family:var(--font-ui);font-size:13px;color:var(--color-text-secondary);line-height:1.4;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none}.ob__optin input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--color-border);border-radius:5px;background:var(--color-input-bg);margin:0;padding:0;position:relative;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out}.ob__optin input[type=checkbox]:checked{border-color:var(--color-accent);background:var(--color-accent)}.ob__optin input[type=checkbox]:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;background-size:13px 13px}.ob__greeting{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) 24px;animation:greetingIn .48s cubic-bezier(.2,.7,.2,1)}.ob__greeting-title{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,7vw,48px);line-height:1.1;letter-spacing:-.012em;color:var(--color-text-primary);margin:0;text-align:center;text-wrap:balance}@keyframes stepInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes stepInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes greetingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ob__main,.ob__greeting,.ob__primary svg{animation:none!important;transition:none!important}}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:0 20px;gap:var(--space-xl)}.loading__message{font-family:var(--font-display);font-weight:500;font-size:clamp(17px,4.5vw,20px);color:var(--color-text-primary);text-align:center;animation:loadFade .4s ease-out;max-width:100%;line-height:1.35;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.loading__bar{width:120px;height:3px;background:var(--color-surface-2);border-radius:2px;overflow:hidden}.loading__bar-fill{height:100%;width:40%;background:var(--color-accent);border-radius:2px;animation:loadSlide 1.4s ease-in-out infinite}@keyframes loadFade{0%{opacity:0}to{opacity:1}}@keyframes loadSlide{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(-100%)}}.meal-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:background var(--transition-base)}.meal-card--expanded{background:var(--color-surface-2)}.meal-card__header{width:100%;display:flex;flex-direction:column;gap:var(--space-xs);text-align:left;cursor:pointer}.meal-card__day{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--color-text-disabled)}.meal-card__name-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.meal-card__name-row .meal-card__name{flex:1;min-width:0}.meal-card__copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin-top:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.meal-card__copy-icon{width:20px;height:20px;display:block}.meal-card__copy-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-disabled)}.meal-card__copy-btn:active{transform:scale(.97)}.meal-card__copy-btn:focus-visible{outline:none;border-color:var(--color-accent);color:var(--color-text-primary)}.meal-card__copy-btn--copied{color:var(--color-accent);background:var(--color-accent-muted);border-color:var(--color-accent)}.meal-card__copy-btn--copied:hover{color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.meal-card__name{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--color-text-primary);line-height:1.2}.meal-card__macros{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);row-gap:4px;font-family:var(--font-data);font-size:12px;color:var(--color-text-secondary);letter-spacing:.04em}.meal-card__details{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md);animation:cardExpand .22s ease-out}.meal-card__section{display:flex;flex-direction:column;gap:var(--space-xs)}.meal-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-disabled);font-family:var(--font-data)}.meal-card__value{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.meal-card__nutrition{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-family:var(--font-data);font-size:12px;color:var(--color-text-secondary);letter-spacing:.04em}.meal-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.meal-card__tag{font-size:11px;font-family:var(--font-ui);font-weight:400;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-secondary)}.meal-card--expanded .meal-card__tag{background:var(--color-surface-1)}.meal-card__tag--health,.meal-card--expanded .meal-card__tag--health{background:var(--color-accent-sage-muted);color:var(--color-accent-sage)}.meal-card__feedback{display:flex;gap:var(--space-sm)}.meal-card__fb-btn{font-size:20px;padding:6px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background var(--transition-fast);line-height:1}.meal-card__fb-btn:active{transform:scale(1.2)}.meal-card__fb-btn--up{background:var(--color-accent-sage-muted)}.meal-card__fb-btn--down{background:var(--color-negative-muted)}@keyframes cardExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:overlayFade .22s ease-out}.fb-modal{background:var(--color-surface-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg) 20px var(--space-xl);width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-md);animation:modalSlide .28s ease-out}.fb-modal__title{font-family:var(--font-display);font-weight:500;font-size:20px;color:var(--color-text-primary)}.fb-modal__textarea{resize:none;line-height:1.5}.fb-modal__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.fb-modal__cancel{padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:border-color var(--transition-base)}.fb-modal__cancel:hover{border-color:var(--color-text-disabled)}.fb-modal__submit{padding:10px 20px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-inverse);font-weight:600;font-size:14px;border:none;transition:background var(--transition-base),opacity var(--transition-base)}.fb-modal__submit:hover:not(:disabled){background:var(--color-accent-hover)}.fb-modal__submit:disabled{opacity:.35;cursor:default}.fb-modal__done{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0}.fb-modal__done p{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--color-text-primary)}.fb-modal__close{padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.plan{display:flex;flex-direction:column;flex:1;padding:var(--space-xl) 20px var(--space-2xl);gap:var(--space-lg);animation:slideUp .28s ease-out;width:100%;max-width:var(--layout-wide);margin:0 auto}@media(min-width:768px){.plan{padding:var(--space-2xl) 48px var(--space-2xl);gap:var(--space-xl)}}.plan__header{display:flex;flex-direction:column;gap:var(--space-xs)}.plan__title{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,6vw,28px);line-height:1.15;color:var(--color-text-primary);overflow-wrap:break-word}.plan__subtitle{font-size:13px;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:500;letter-spacing:.02em;line-height:1.45;overflow-wrap:break-word}.plan__cards{display:flex;flex-direction:column;gap:var(--space-md)}.plan__footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.plan__feedback-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:14px;font-weight:500;background:transparent;transition:border-color var(--transition-base);width:100%}.plan__feedback-btn:hover{border-color:var(--color-text-disabled)}.plan__link{font-size:13px;color:var(--color-text-disabled);text-decoration:none;transition:color var(--transition-base);background:none;border:none;font-family:var(--font-ui);cursor:pointer}.plan__link:hover{color:var(--color-text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}