@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";:root{--color-bg-primary:#0d0d0d;--color-bg-secondary:#141414;--color-bg-tertiary:#1c1c1e;--color-bg-card:#1c1c1ed9;--color-bg-glass:#1c1c1e99;--color-bg-hover:#ffffff0f;--color-bg-active:#ffffff1a;--color-bg-elevated:#242426;--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-tertiary:#7c7c80;--color-text-inverse:#0d0d0d;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-border-focus:#ff6b3580;--color-accent-primary:#ff6b35;--color-accent-primary-hover:#ff8c5a;--color-accent-secondary:#ff3b30;--color-accent-success:#30d158;--color-accent-warning:#ffd60a;--color-accent-danger:#ff453a;--color-accent-info:#0a84ff;--color-accent-purple:#bf5af2;--color-accent-cyan:#64d2ff;--gradient-primary:linear-gradient(135deg, #ff6b35 0%, #ff3b30 100%);--gradient-success:linear-gradient(135deg, #30d158 0%, #34c759 100%);--gradient-warm:linear-gradient(135deg, #ff9500 0%, #ff3b30 100%);--gradient-card:linear-gradient(180deg, #1c1c1ee6 0%, #1c1c1e99 100%);--gradient-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff05 100%);--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-glow:0 0 20px #ff6b3526;--shadow-glow-success:0 0 20px #30d15826;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--bottom-nav-height:64px}[data-theme=light]{--color-bg-primary:#fdf3e7;--color-bg-secondary:#fff;--color-bg-tertiary:#f7e7d3;--color-bg-card:#fff;--color-bg-glass:#ffffffeb;--color-bg-hover:#785a3c0f;--color-bg-active:#785a3c1a;--color-bg-elevated:#fff;--color-text-primary:#2a1e17;--color-text-secondary:#6e5a4b;--color-text-tertiary:#9e897a;--color-text-inverse:#fff;--color-border:#6e5a4b1f;--color-border-hover:#6e5a4b38;--color-border-focus:#ff6b3580;--gradient-card:linear-gradient(180deg, #fff 0%, #fdf3e7 100%);--gradient-glass:linear-gradient(135deg, #fffffff2 0%, #fdf3e7b3 100%);--shadow-sm:0 1px 3px #6e5a4b0f;--shadow-md:0 4px 14px #6e5a4b14;--shadow-lg:0 8px 24px #6e5a4b1a;--shadow-xl:0 16px 40px #6e5a4b1f;--shadow-glow:0 0 20px #ff6b3533}[data-theme=light] .clay-card{background:var(--color-bg-card);border:1px solid #6e5a4b1a;box-shadow:0 6px 20px #6e5a4b12,0 1px 3px #6e5a4b0a}[data-theme=light] .bottom-nav{background:#fdf3e7f2;border-top:1px solid #6e5a4b1f}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100dvh;font-weight:400;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;align-items:center;min-height:100dvh;display:flex}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary-hover)}button{font-family:var(--font-sans);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ff6b351f}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.app-layout{background:var(--color-bg-primary);width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 80px #00000080}@media (width>=768px){.app-layout{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);max-width:720px}}@media (width>=1024px){.app-layout{max-width:860px}}@media (width>=1440px){.app-layout{max-width:960px}}.app-content{padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6));flex:1;width:100%;overflow-y:auto}@media (width>=768px){.app-content{padding:var(--space-6) var(--space-8) calc(var(--bottom-nav-height) + var(--space-10))}}.bottom-nav{width:100%;max-width:480px;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(var(--blur-lg));border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-2) env(safe-area-inset-bottom);height:var(--bottom-nav-height);background:#141414eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-nav{border-radius:var(--radius-full);border:1px solid var(--color-border);max-width:620px;height:56px;bottom:16px;box-shadow:0 12px 40px #000000b3}}@media (width>=1024px){.bottom-nav{max-width:720px}}.bottom-nav__item{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;letter-spacing:.02em;background:0 0;flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:10px;font-weight:500;display:flex;position:relative}@media (width>=768px){.bottom-nav__item{min-width:72px;padding:var(--space-2) var(--space-4);gap:4px;font-size:11px}}.bottom-nav__item--active{color:var(--color-accent-primary);font-weight:600}.bottom-nav__item--active:before{content:"";border-radius:var(--radius-full);background:var(--gradient-primary);width:20px;height:2px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.clay-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-base);border:1px solid #ffffff05;box-shadow:6px 6px 12px #0006,-6px -6px 12px #ffffff05,inset 2px 2px 4px #ffffff0a,inset -2px -2px 4px #0000004d}.clay-card:hover{box-shadow:8px 8px 16px #00000080,-8px -8px 16px #ffffff08,inset 2px 2px 4px #ffffff0f,inset -2px -2px 4px #0006}.clay-card--elevated{box-shadow:12px 12px 24px #0009,-12px -12px 24px #ffffff05,inset 3px 3px 6px #ffffff0d,inset -3px -3px 6px #0009}.clay-card--glow{box-shadow:6px 6px 12px #0006, -6px -6px 12px #ffffff05, inset 2px 2px 4px #ffffff0a, inset -2px -2px 4px #0000004d, var(--shadow-glow)}.clay-card--flush{padding:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #ffffff05,inset 1px 1px 2px #ffffff14,inset -1px -1px 2px #0003}.btn:active{transform:scale(.97);box-shadow:inset 4px 4px 8px #0006,inset -2px -2px 4px #ffffff08}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:4px 4px 12px #ff6b354d,-4px -4px 8px #ffffff0a,inset 2px 2px 4px #fff3,inset -2px -2px 4px #0003}.btn--primary:hover{box-shadow:6px 6px 16px #ff6b3566,-4px -4px 8px #ffffff0d,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.btn--primary:active{box-shadow:inset 4px 4px 8px #0003,inset -2px -2px 4px #ffffff1a}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid #ffffff05}.btn--ghost{color:var(--color-text-secondary);box-shadow:none}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg-hover);box-shadow:2px 2px 4px #0003,inset 1px 1px 2px #ffffff0d,inset -1px -1px 2px #0000001a}.btn--success{background:var(--gradient-success);color:#fff}.btn--danger{background:var(--color-accent-danger);color:#fff}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg);width:100%}.btn--icon{border-radius:var(--radius-full);width:36px;height:36px;padding:0}.btn--icon.btn--sm{width:28px;height:28px}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-header__title{font-size:var(--text-base);letter-spacing:-.01em;font-weight:700}.section-header__action{font-size:var(--text-xs);color:var(--color-accent-primary);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;font-weight:600}.stat-card{gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;min-width:0;display:flex}.stat-card__icon{border-radius:var(--radius-sm);width:28px;height:28px;margin:0 auto var(--space-1);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.stat-card__value{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;line-height:1.2}.stat-card__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__track{fill:none;stroke:var(--color-border)}.progress-ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.progress-ring__label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-chart{justify-content:center;align-items:center;display:inline-flex;position:relative}.donut-chart__label{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.exercise-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.exercise-item:last-child{border-bottom:none}.exercise-item__check{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.exercise-item__check--done{background:var(--color-accent-success);color:#fff}.exercise-item__check--pending{border:2px solid var(--color-text-tertiary)}.exercise-item__info{flex:1;min-width:0}.exercise-item__name{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:600}.exercise-item__meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.tab-pills{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-full);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.tab-pills::-webkit-scrollbar{display:none}.tab-pill{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600}.tab-pill--active{background:var(--color-accent-primary);color:#fff}.weekly-overview{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.weekly-day{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.weekly-day__label{color:var(--color-text-tertiary);font-size:11px;font-weight:600}.weekly-day__indicator{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xs);justify-content:center;align-items:center;display:flex}.weekly-day__indicator--done{background:var(--color-accent-success);color:#fff}.weekly-day__indicator--today{background:var(--color-accent-primary);color:#fff}.weekly-day__indicator--future{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.achievement-badge{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.achievement-badge__icon{border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--text-xl);background:var(--color-bg-tertiary);border:2px solid var(--color-border);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.achievement-badge__icon--unlocked{border-color:var(--color-accent-warning);box-shadow:0 0 12px #ffd60a33}.achievement-badge__icon--locked{opacity:.4;filter:grayscale()}.achievement-badge__label{color:var(--color-text-secondary);max-width:60px;font-size:9px;font-weight:600;line-height:1.3}.progress-bar{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:100%;height:6px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar__fill--success{background:var(--gradient-success)}.streak-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-primary);background:#ff6b351f;font-weight:600;display:inline-flex}.profile-stats{gap:var(--space-2);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.profile-stat{flex-direction:column;gap:2px;display:flex}.profile-stat__value{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.profile-stat__label{color:var(--color-text-secondary);font-size:10px}.menu-item{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);display:flex}.menu-item:hover{background:var(--color-bg-hover)}.menu-item__icon{border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-item__text{font-size:var(--text-sm);flex:1;font-weight:500}.menu-item__chevron{color:var(--color-text-tertiary)}.nutrition-subnav{gap:var(--space-2);padding:var(--space-3) 0;grid-template-columns:repeat(4,1fr);display:grid}.nutrition-subnav__item{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);flex-direction:column;font-size:10px;font-weight:500;display:flex}.nutrition-subnav__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.calendar-strip{gap:var(--space-2);padding:var(--space-2) 0;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.calendar-strip::-webkit-scrollbar{display:none}.calendar-day{align-items:center;gap:var(--space-1);min-width:40px;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.calendar-day__num{font-size:var(--text-sm);font-weight:600}.calendar-day__name{color:var(--color-text-tertiary);font-size:10px}.calendar-day--today{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full)}.calendar-day--today .calendar-day__name{color:#fffc}.schedule-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);display:flex}.schedule-card__indicator{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.schedule-card__info{flex:1}.schedule-card__name{font-size:var(--text-sm);font-weight:600}.schedule-card__time{font-size:var(--text-xs);color:var(--color-text-secondary)}.macro-card{align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.macro-card__dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.macro-card__info{flex:1}.macro-card__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.macro-card__value{font-size:var(--text-sm);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUpFadeOut{0%{opacity:0;transform:translateY(20px)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1.05)}15%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ring-fill{0%{stroke-dashoffset:var(--ring-circumference)}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-slide-left{animation:slideInLeft var(--transition-slow) forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.stagger>*{opacity:0;animation:fadeInUp var(--transition-slow) forwards}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.35s}.stagger>:nth-child(8){animation-delay:.4s}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.grid-stats{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.grid-2{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.empty-state{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state__icon{opacity:.5;font-size:2.5rem}.empty-state__text{font-size:var(--text-sm);max-width:240px;line-height:1.5}@media (width>=431px){.app-layout{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}@media (width<=480px){*,:before,:after{max-width:100vw}.app-container,.app-layout{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.clay-card{box-sizing:border-box!important;max-width:100%!important}}.add-meal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-meal-modal{background-color:var(--color-bg-secondary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border:1px solid var(--color-border);border-bottom:none;flex-direction:column;width:100%;max-width:600px;height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.add-meal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-tertiary);justify-content:space-between;align-items:center;display:flex}.add-meal-title{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.add-meal-close{padding:var(--space-2);color:var(--color-text-secondary);margin-right:-8px;transition:color .2s}.add-meal-close:hover{color:var(--color-text-primary)}.add-meal-tabs-container{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary)}.add-meal-tabs{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:4px;display:flex}.add-meal-tab{padding:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex:1;font-weight:600;transition:all .2s;display:flex}.add-meal-tab.active{background-color:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.add-meal-content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.templates-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.template-card{padding:var(--space-4);align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;flex-direction:column;transition:background-color .2s;display:flex}.template-card:hover{background-color:var(--color-bg-hover)}.template-icon{border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.template-icon.breakfast{color:#fbbf24;background-color:#f59e0b33}.template-icon.lunch{color:#34d399;background-color:#10b98133}.template-name{color:var(--color-text-primary);font-weight:600}.template-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.search-container{position:relative}.search-icon{color:var(--color-text-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);padding:12px 16px 12px 48px}.search-input:focus{border-color:var(--color-accent-info);outline:none}.search-placeholder{text-align:center;color:var(--color-text-tertiary);margin-top:40px}.custom-meals-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);height:100%;color:var(--color-text-secondary);flex-direction:column;display:flex}.custom-meals-icon{opacity:.5}.custom-meals-title{color:var(--color-text-primary);margin-bottom:4px;font-weight:700}.custom-meals-desc{font-size:var(--text-sm)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUpXP{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-15px)scale(1.1)}80%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.nutrition-dashboard{gap:var(--space-6);padding-bottom:96px;padding-top:var(--space-4);flex-direction:column;display:flex}.nd-header{justify-content:space-between;align-items:center;display:flex}.nd-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:800}.nd-section{gap:var(--space-4);flex-direction:column;display:flex}.nd-section-title{font-size:var(--text-sm);letter-spacing:.05em;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:700}.nd-macros-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.nd-macro-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.nd-macro-ring{border-radius:var(--radius-full);width:56px;height:56px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative}.nd-macro-ring-inner{background-color:var(--color-bg-elevated);border-radius:var(--radius-full);position:absolute;inset:4px}.nd-macro-value{z-index:10;font-size:11px;font-weight:800;position:relative}.nd-macro-label{color:var(--color-text-secondary);align-items:center;gap:2px;margin-top:2px;font-size:10px;display:flex}.nd-water-tracker{justify-content:space-between;align-items:center;display:flex}.nd-water-info{align-items:center;gap:var(--space-3);display:flex}.nd-water-icon-wrap{border-radius:var(--radius-full);background-color:#64d2ff26;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nd-water-icon{color:var(--color-accent-cyan)}.nd-water-title{color:var(--color-text-primary);font-weight:700;font-size:var(--text-base)}.nd-water-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.nd-timeline{gap:var(--space-4);flex-direction:column;display:flex}.nd-meal-slot{gap:var(--space-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.nd-meal-slot-edge{background-color:var(--color-border);width:4px;position:absolute;top:0;bottom:0;left:0}.nd-meal-header{justify-content:space-between;align-items:center;display:flex}.nd-meal-name{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:600;display:flex}.nd-meal-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.nd-meal-empty{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.nd-add-food-btn{margin-top:var(--space-2);width:100%}.onboarding-page{background:var(--color-bg-primary);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0}.onboarding-scroll{-webkit-overflow-scrolling:touch;padding:16px 14px env(safe-area-inset-bottom,16px);flex:1;overflow:hidden auto}.onboarding-header{align-items:center;gap:8px;min-height:40px;margin-bottom:12px;display:flex}.onboarding-back-btn{flex-shrink:0;padding:0}.onboarding-header-center{text-align:center;flex:1;min-width:0}.onboarding-step-label{color:#3b82f6;margin-bottom:2px;font-size:12px;font-weight:600}.onboarding-title{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.onboarding-skip-btn{background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;border:none;flex-shrink:0;padding:6px 10px;font-size:11px;transition:background .2s}.onboarding-skip-btn:hover{background:var(--color-bg-hover)}.onboarding-subtitle{text-align:center;color:var(--color-text-secondary);max-width:300px;margin:0 auto 16px;font-size:13px;line-height:1.5}.onboarding-progress{gap:3px;margin-bottom:20px;display:flex}.onboarding-progress-bar{background:var(--color-bg-tertiary);border-radius:2px;flex:1;height:3px}.onboarding-progress-bar--active{background:#3b82f6}.onboarding-cards{flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.onboarding-card-header{align-items:center;gap:var(--space-2);margin-bottom:12px;display:flex}.onboarding-card-title{font-size:15px;font-weight:700}.onboarding-form-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.onboarding-field--full{grid-column:1/-1}.onboarding-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.onboarding-input-wrap{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 12px;transition:border-color .2s;display:flex}.onboarding-input-wrap:focus-within{border-color:#3b82f6}.onboarding-input-wrap.error{background:#ef44440d;border-color:#ef4444}.onboarding-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:14px}.onboarding-unit{color:var(--color-text-secondary);flex-shrink:0;font-size:12px}.onboarding-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);appearance:none;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.onboarding-select:focus{border-color:#3b82f6}.onboarding-goals-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding-bottom:12px;display:flex;overflow-x:auto}.onboarding-goals-scroll::-webkit-scrollbar{display:none}.onboarding-goal-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);text-align:center;cursor:pointer;height:85px;color:inherit;font:inherit;flex-direction:column;flex:0 0 85px;justify-content:center;align-items:center;gap:6px;padding:6px;transition:all .2s;display:flex;position:relative}.onboarding-goal-card--active{background:#3b82f61a;border:2px solid #3b82f6}.onboarding-goal-check{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:6px;right:6px}.onboarding-goal-icon{color:var(--color-text-secondary)}.onboarding-goal-card--active .onboarding-goal-icon{color:#3b82f6}.onboarding-goal-label{color:var(--color-text-secondary);font-size:11px;line-height:1.2}.onboarding-goal-card--active .onboarding-goal-label{color:#3b82f6}.onboarding-info-row{color:var(--color-text-secondary);align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;display:flex}.onboarding-info-row svg{flex-shrink:0;margin-top:1px}.onboarding-continue-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#3b82f6;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s,transform .1s;display:flex}.onboarding-continue-btn:hover{background:#2563eb}.onboarding-continue-btn:active{transform:scale(.98)}@media (width>=380px){.onboarding-scroll{padding:20px 16px env(safe-area-inset-bottom,20px)}.onboarding-title{font-size:22px}.onboarding-skip-btn{padding:8px 12px;font-size:12px}.onboarding-form-grid{grid-template-columns:1fr 1fr;gap:14px}.onboarding-goal-card{flex:0 0 90px;height:90px}.onboarding-goal-label{font-size:11px}.onboarding-card-title{font-size:16px}}@media (width>=600px){.onboarding-scroll{max-width:560px;margin:0 auto;padding:28px 24px 32px}.onboarding-title{font-size:24px}.onboarding-subtitle{max-width:400px;font-size:14px}.onboarding-cards{gap:20px}.onboarding-form-grid{grid-template-columns:1fr 1fr;gap:16px}.onboarding-goal-card{flex:0 0 100px;height:100px}.onboarding-goal-label{font-size:12px}.onboarding-card-title{font-size:var(--text-lg)}.onboarding-continue-btn{padding:16px;font-size:16px}}@media (width>=768px){.onboarding-scroll{max-width:640px;padding:32px 32px 40px}.onboarding-form-grid{grid-template-columns:1fr 1fr 1fr}.onboarding-goals-scroll{flex-wrap:wrap;overflow-x:visible}.onboarding-goal-card{flex:0 0 calc(20% - 10px);min-width:90px;height:100px}}:root{--lp-surface-container-lowest:#0e0e0e;--lp-primary-container:#05070a;--lp-outline:#8f9195;--lp-on-surface:#e5e2e1;--lp-secondary:#a0c9ff;--lp-surface-container-low:#1c1b1c;--lp-on-surface-variant:#c6c6ca}.login-page-container{min-height:100dvh;color:var(--lp-on-surface);background-color:#05070a;background-image:radial-gradient(#05070a26 0%,#05070ad9 100%),linear-gradient(#05070a05 0%,#05070a4d 35%,#05070aeb 80%,#05070a 100%),url(/image.png);background-position:50% 20%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding-bottom:0;font-family:Inter,sans-serif;display:flex;position:relative}.login-main{z-index:10;box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:440px;margin:auto;padding:40px 20px;display:flex;position:relative}@media (width<=640px){.login-page-container{background-position:top;background-size:100%;justify-content:flex-end}.login-main{justify-content:space-between;min-height:100dvh;margin:0 auto;padding:16px}}.glass-card{-webkit-backdrop-filter:blur(20px);background:#201f20a6;border:1px solid #ffffff14}.text-shadow-sm{text-shadow:0 2px 4px #00000080}.text-gradient{background:linear-gradient(90deg,#c5c6cb,#a0c9ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-gradient{background:linear-gradient(135deg,#1d94f6 0%,#00497f 100%)}.glow-primary{box-shadow:0 0 20px #1d94f64d}.entrance-fade{animation:.8s ease-out forwards fadeIn}.entrance-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.font-display-lg-mobile{letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:42px}.font-label-caps{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.font-headline-md{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:32px}.font-body-md{letter-spacing:0;font-size:16px;font-weight:400;line-height:24px}.login-input-container{margin-bottom:16px;position:relative}.login-label{color:var(--lp-on-surface-variant);margin-bottom:4px;margin-left:4px;display:block}.login-input{width:100%;color:var(--lp-on-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#1c1b1c66;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;padding:16px 48px;font-family:inherit;font-size:16px;transition:all .2s}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:var(--lp-secondary);box-shadow:0 0 0 1px #a0c9ff80}.login-input-icon{color:var(--lp-outline);display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input-action{color:var(--lp-outline);cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-input-action:hover{color:var(--lp-on-surface)}.login-header{text-align:center;margin-bottom:12px}.login-welcome{text-align:center;margin-bottom:16px}.login-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#121216d1;border:1px solid #ffffff1f;border-radius:24px;width:100%;padding:24px;box-shadow:0 20px 50px -10px #000000b3}@media (width<=640px){.login-card{margin-top:auto;margin-bottom:12px;padding:20px}}.login-btn{color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.login-btn:active{transform:scale(.95)}.social-divider{align-items:center;margin:16px 0;display:flex}.social-divider-line{background:#ffffff1a;flex-grow:1;height:1px}.social-divider-text{color:var(--lp-outline);padding:0 16px}.social-btn{color:var(--lp-on-surface);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;transition:all .2s;display:flex}.social-btn:hover{background:#ffffff1a}.social-btn:active{transform:scale(.98)}.login-footer{text-align:center;margin-top:0;padding-bottom:8px}.login-footer-text{color:#fffc;filter:drop-shadow(0 4px 6px #00000080)}.login-footer-link{cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #a0c9ff4d;text-decoration:underline #a0c9ff4d}