@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;500;600;700&family=Syne:wght@700;800&display=swap";:root{--sys-color-primary:#e8500a;--sys-color-primary-rgb:232, 80, 10;--sys-color-success:#2d7a3a;--sys-color-text:#1a1a18;--sys-color-bg:#f5f5f3;--sys-color-surface:#fff;--sys-color-border:#e0e0de;--sys-color-danger:#d93025;--sys-font-heading:"Syne", sans-serif;--sys-font-body:"DM Sans", sans-serif;--sys-font-data:"DM Mono", monospace;--sys-space-1:.25rem;--sys-space-2:.5rem;--sys-space-3:.75rem;--sys-space-4:1rem;--sys-space-5:1.5rem;--sys-space-6:2rem;--sys-space-8:3rem;--sys-touch-size-min:44px;--sys-radius-sm:8px;--sys-radius-md:16px;--sys-radius-lg:24px;--sys-radius-full:9999px;--sys-shadow-soft:0 4px 12px #1a1a1814;--sys-shadow-floating:0 8px 32px #1a1a181f;--sys-transition-base:.2s ease-in-out;--sys-transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sys-font-body);background-color:var(--sys-color-bg);color:var(--sys-color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--sys-font-heading);font-weight:700;line-height:1.2}h1{font-weight:800}a{color:var(--sys-color-primary);text-decoration:none}button{font-family:var(--sys-font-body);cursor:pointer;background:0 0;border:none}.touch-target{min-height:var(--sys-touch-size-min);min-width:var(--sys-touch-size-min);justify-content:center;align-items:center;display:flex}#root{background-color:var(--sys-color-bg);flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fuel-ring-container{width:280px;height:280px;margin:var(--sys-space-8) auto;justify-content:center;align-items:center;display:flex;position:relative}.ring-bg{stroke:var(--sys-color-border)}.ring-progress,.ring-overflow{transition:stroke-dashoffset var(--sys-transition-bounce), stroke var(--sys-transition-base);transform-origin:50%;transform:rotate(-90deg)}.fuel-ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.consumed-value{font-family:var(--sys-font-heading);color:var(--sys-color-text);font-size:3rem;font-weight:800;line-height:1}.goal-value{font-family:var(--sys-font-data);color:#666;margin-top:var(--sys-space-1);font-size:1rem}.state-mid .ring-progress{animation:2s ease-in-out infinite subtlePulse}.celebrate{animation:.5s cubic-bezier(.175,.885,.32,1.275) celebratePop}@keyframes subtlePulse{0%{filter:drop-shadow(0 0 #e8500a00)}50%{filter:drop-shadow(0 0 12px #e8500a66)}to{filter:drop-shadow(0 0 #e8500a00)}}@keyframes celebratePop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.stat-strip{justify-content:space-between;gap:var(--sys-space-3);margin:0 var(--sys-space-4) var(--sys-space-6) var(--sys-space-4);display:flex}.stat-tile{background-color:var(--sys-color-surface);border-radius:var(--sys-radius-md);padding:var(--sys-space-3);box-shadow:var(--sys-shadow-soft);text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-value{font-family:var(--sys-font-heading);margin-top:var(--sys-space-2);font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{font-family:var(--sys-font-data);color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem}.meal-chip-wrapper{margin-bottom:var(--sys-space-3);border-radius:var(--sys-radius-md);box-shadow:var(--sys-shadow-soft);position:relative;overflow:hidden}.meal-chip-action-bg{background-color:var(--sys-color-danger);width:100px;height:100%;padding-right:var(--sys-space-4);justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;right:0}.delete-btn{color:#fff}.meal-chip{background-color:var(--sys-color-surface);padding:var(--sys-space-3) var(--sys-space-4);border-radius:inherit;z-index:2;transition:transform .2s cubic-bezier(.175,.885,.32,1);position:relative}.meal-chip-header{justify-content:space-between;align-items:center;display:flex}.meal-chip-info{flex-direction:column;display:flex}.meal-name{font-size:1rem;font-weight:600}.meal-tag{font-family:var(--sys-font-data);color:var(--sys-color-primary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem}.meal-cals{font-family:var(--sys-font-heading);font-size:1.125rem;font-weight:700}.meal-chip-details{margin-top:var(--sys-space-3);padding-top:var(--sys-space-3);border-top:1px solid var(--sys-color-bg);gap:var(--sys-space-3);flex-direction:column;animation:.2s slideDown;display:flex}.detail-row{align-items:center;gap:var(--sys-space-2);color:#666;font-size:.875rem;display:flex}.inline-delete-btn{justify-content:center;align-items:center;gap:var(--sys-space-2);color:var(--sys-color-danger);border-radius:var(--sys-radius-md);padding:var(--sys-space-2);margin-top:var(--sys-space-1);background-color:#d930251a;font-weight:600;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-add-tray{bottom:var(--sys-space-5);z-index:100;justify-content:center;align-items:flex-end;width:calc(100% - 32px);max-width:568px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;left:50%;transform:translate(-50%)}.quick-add-tray:not(.expanded){width:auto}.fab-button{background-color:var(--sys-color-primary);border-radius:var(--sys-radius-full);width:64px;height:64px;box-shadow:var(--sys-shadow-floating);transition:transform .2s}.fab-button:active{transform:scale(.95)}.tray-expanded-content{background-color:var(--sys-color-surface);border-radius:var(--sys-radius-lg);width:100%;box-shadow:var(--sys-shadow-floating);flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.tray-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#1a1a1866;animation:.2s fadeIn;position:fixed;inset:0}.tray-header{padding:var(--sys-space-3) var(--sys-space-4);background-color:var(--sys-color-surface);align-items:center;gap:var(--sys-space-3);display:flex}.search-bar{background-color:var(--sys-color-bg);border-radius:var(--sys-radius-md);padding:0 var(--sys-space-3);flex:1;align-items:center;height:48px;display:flex}.search-input{padding:var(--sys-space-2);font-family:var(--sys-font-body);color:var(--sys-color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.category-selector{gap:var(--sys-space-2);padding:0 var(--sys-space-4) var(--sys-space-3);border-bottom:1px solid var(--sys-color-border);scrollbar-width:none;display:flex;overflow-x:auto}.category-selector::-webkit-scrollbar{display:none}.category-chip{padding:var(--sys-space-2) var(--sys-space-3);border-radius:var(--sys-radius-full);background-color:var(--sys-color-bg);color:#666;white-space:nowrap;font-size:.875rem;font-weight:600;transition:all .2s}.category-chip.active{background-color:var(--sys-color-primary);color:#fff}.tray-results{padding:var(--sys-space-2) 0;flex:1;overflow-y:auto}.result-item{padding:var(--sys-space-3) var(--sys-space-4);border-bottom:1px solid var(--sys-color-bg);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .1s;display:flex}.result-item:active,.result-item:active{background-color:var(--sys-color-bg)}.result-info{flex-direction:column;display:flex}.result-name{font-size:1rem;font-weight:600}.result-cals{font-family:var(--sys-font-data);color:#666;margin-top:2px;font-size:.875rem}.add-quick-btn{color:var(--sys-color-primary)}.no-result{text-align:center;padding:var(--sys-space-3) var(--sys-space-5) var(--sys-space-1);color:#666;font-size:.875rem}.custom-add-container{padding:var(--sys-space-4);flex-direction:column;align-items:center;display:flex}.auto-add-btn{margin-top:var(--sys-space-3);padding:var(--sys-space-2) var(--sys-space-4);border-radius:var(--sys-radius-sm);background-color:var(--sys-color-surface);color:var(--sys-color-primary);border:1px solid var(--sys-color-primary);box-shadow:none;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-screen{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.home-header{padding:var(--sys-space-5) var(--sys-space-4) var(--sys-space-2);background-color:var(--sys-color-bg);z-index:10;justify-content:space-between;align-items:center;display:flex}.greeting h1{letter-spacing:-.5px;font-size:1.75rem}.greeting p{color:#666;margin-top:2px;font-size:.875rem}.streak-badge{align-items:center;gap:var(--sys-space-1);padding:var(--sys-space-1) var(--sys-space-2);border-radius:var(--sys-radius-full);box-shadow:var(--sys-shadow-soft);background:#fff;display:flex}.streak-count{font-family:var(--sys-font-heading);color:var(--sys-color-primary);font-size:1.125rem;font-weight:700}.home-scroll-area{padding-bottom:env(safe-area-inset-bottom);flex:1;overflow:hidden auto}.meal-log-container{padding:0 var(--sys-space-4)}.meal-section{margin-bottom:var(--sys-space-5)}.meal-section-title{text-transform:capitalize;margin-bottom:var(--sys-space-3);color:var(--sys-color-text);align-items:center;font-size:1.125rem;display:flex}.meal-section-title:after{content:"";background-color:var(--sys-color-border);height:1px;margin-left:var(--sys-space-3);flex:1}.empty-state{text-align:center;margin-top:var(--sys-space-6);color:#666;padding:var(--sys-space-5);background-color:var(--sys-color-surface);border-radius:var(--sys-radius-md);border:1px dashed var(--sys-color-border)}.empty-state .sub{margin-top:var(--sys-space-1);opacity:.7;font-size:.875rem}.onboarding-screen{height:100vh;padding:var(--sys-space-5) var(--sys-space-4);background-color:var(--sys-color-bg);padding-bottom:env(safe-area-inset-bottom,var(--sys-space-5));flex-direction:column;display:flex}.onboarding-step{flex-direction:column;flex:1;height:100%;display:flex}.text-center{text-align:center;align-items:center}.mock-lottie{margin:var(--sys-space-8) 0;font-size:8rem;animation:3s ease-in-out infinite float}.slide-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInRight}.input-group{gap:var(--sys-space-4);margin-top:var(--sys-space-5);flex-direction:column;display:flex}.input-wrapper{flex-direction:column;display:flex}.input-group input,.input-group select{font-family:var(--sys-font-body);padding:var(--sys-space-3);border:1px solid var(--sys-color-border);border-radius:var(--sys-radius-md);background-color:var(--sys-color-surface);font-size:1.125rem;transition:border-color .2s,box-shadow .2s}.input-group input.input-error,.input-group select.input-error{border-color:var(--sys-color-danger)}.error-text{color:var(--sys-color-danger);margin-top:var(--sys-space-1);padding-left:var(--sys-space-1);font-size:.875rem;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.goal-options{gap:var(--sys-space-4);margin-top:var(--sys-space-5);flex-direction:column;display:flex}.goal-btn{background-color:var(--sys-color-surface);border-radius:var(--sys-radius-lg);padding:var(--sys-space-5);box-shadow:var(--sys-shadow-soft);border:2px solid #0000;font-size:1.25rem;font-weight:600;transition:all .2s}.goal-btn.active{border-color:var(--sys-color-primary);background-color:#e8500a0d}.primary-btn{background-color:var(--sys-color-primary);color:#fff;border-radius:var(--sys-radius-full);margin-top:auto;margin-bottom:var(--sys-space-4);width:100%;box-shadow:var(--sys-shadow-soft);font-size:1.125rem;font-weight:700;transition:transform .1s}.primary-btn:active{transform:scale(.98)}.calculated-goal{font-family:var(--sys-font-heading);color:var(--sys-color-primary);margin:var(--sys-space-3) 0;font-size:3rem;font-weight:800}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.auth-screen{height:100vh;padding:var(--sys-space-5) var(--sys-space-4);background-color:var(--sys-color-bg);flex-direction:column;display:flex}.auth-header{text-align:center;margin-top:var(--sys-space-8);margin-bottom:var(--sys-space-6)}.auth-lock{margin:0 auto var(--sys-space-4);font-size:5rem}.auth-tabs{background-color:var(--sys-color-surface);border-radius:var(--sys-radius-full);margin-bottom:var(--sys-space-6);box-shadow:var(--sys-shadow-soft);padding:4px;display:flex}.auth-tab{border-radius:var(--sys-radius-full);color:#666;flex:1;font-weight:600;transition:all .2s}.auth-tab.active{background-color:var(--sys-color-primary);color:#fff}.auth-form{gap:var(--sys-space-4);flex-direction:column;display:flex}.input-field input{width:100%;font-family:var(--sys-font-body);padding:var(--sys-space-3);border:1px solid var(--sys-color-border);border-radius:var(--sys-radius-md);background-color:var(--sys-color-surface);font-size:1.125rem;transition:border-color .2s}.input-field input:focus{border-color:var(--sys-color-primary);outline:none}.auth-error{color:var(--sys-color-danger);text-align:center;padding:var(--sys-space-2);border-radius:var(--sys-radius-md);background-color:#d930251a;font-size:.875rem}.auth-submit{margin-top:var(--sys-space-4)}