:root{--bg: #0A0A0F;--bg-elevated: #111118;--bg-overlay: #18181F;--surface: #1E1E28;--surface-hover: #252533;--accent: #6C63FF;--accent-2: #A78BFA;--accent-light: rgba(108, 99, 255, .12);--accent-glow: rgba(108, 99, 255, .25);--text-primary: #F0EFF8;--text-secondary: #8B8A9B;--text-tertiary: #4A4960;--border: rgba(255, 255, 255, .06);--border-active: rgba(108, 99, 255, .45);--success: #34D399;--error: #F87171;--warning: #FBBF24;--card-bg: linear-gradient(135deg, rgba(108,99,255,.07) 0%, rgba(167,139,250,.03) 50%, rgba(108,99,255,.05) 100%);--card-border: rgba(108, 99, 255, .14);--card-shadow: 0 4px 24px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.04) inset}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}input::placeholder{font-size:inherit;font-weight:500;color:#ffffff40}input::-webkit-input-placeholder{font-size:inherit;font-weight:500;color:#ffffff40}a{text-decoration:none;color:inherit}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:max(16px,1em)!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes achievementToast{0%{opacity:0;transform:translate(-50%) translateY(-24px) scale(.88)}14%{opacity:1;transform:translate(-50%) translateY(4px) scale(1.03)}22%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}78%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(.94)}}@keyframes achievementIconPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.85}}@keyframes achievementShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}14%{opacity:1;transform:translate(-50%,calc(-50% - 10px)) scale(1.12)}55%{opacity:1;transform:translate(-50%,calc(-50% - 36px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 64px)) scale(.88)}}@keyframes missionRipple{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.8);opacity:0}}@keyframes mealCheckRing{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes mealCheckBounce{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.2);opacity:1}75%{transform:scale(.92)}to{transform:scale(1);opacity:1}}@keyframes waterDrop{0%{transform:scale(.3);opacity:.85}to{transform:scale(2.6);opacity:0}}@keyframes missionXP{0%{opacity:0;transform:translate(-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.08)}65%{opacity:1;transform:translate(-50%,-26px) scale(1)}to{opacity:0;transform:translate(-50%,-44px) scale(.88)}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.15}}@keyframes spinArc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.82)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fabPulse{0%,to{box-shadow:0 0 #6c63ff2e}50%{box-shadow:0 0 0 8px #6c63ff00}}@keyframes dropFill{0%{transform:scale(.7) translateY(3px);opacity:0}60%{transform:scale(1.15) translateY(-1px);opacity:1}to{transform:scale(1.08) translateY(0);opacity:1}}@keyframes dropPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(37,99,235,.45))}50%{filter:drop-shadow(0 3px 8px rgba(37,99,235,.75))}}@keyframes flameBorderSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes flamePulse{0%,to{opacity:.8}50%{opacity:1}}.streak-card{position:relative;border-radius:14px;overflow:hidden;padding:1.5px}.streak-card-rotor,.streak-card-rotor2{position:absolute;top:50%;left:50%;width:220%;padding-bottom:220%;border-radius:50%;pointer-events:none}.streak-lvl1 .streak-card-rotor{background:conic-gradient(from 0deg,transparent 0deg,transparent 70deg,#FF6B3555 90deg,#FF8C4288 110deg,#FFD16666 125deg,#FF8C4244 140deg,transparent 160deg,transparent 360deg);animation:flameBorderSpin 4s linear infinite,flamePulse 3s ease-in-out infinite}.streak-lvl1 .streak-card-rotor2{background:conic-gradient(from 180deg,transparent 0deg,transparent 80deg,#FF450033 100deg,#FF6B3544 120deg,transparent 145deg,transparent 360deg);animation:flameBorderSpin 6s linear infinite reverse,flamePulse 4s ease-in-out infinite 1.5s}.streak-lvl2 .streak-card-rotor{background:conic-gradient(from 0deg,transparent 0deg,transparent 50deg,#FF4500 72deg,#FF6B35 92deg,#FF8C42 108deg,#FFD166 122deg,#FF8C42 138deg,#FF6B35 152deg,transparent 175deg,transparent 360deg);animation:flameBorderSpin 3s linear infinite,flamePulse 2.2s ease-in-out infinite}.streak-lvl2 .streak-card-rotor2{background:conic-gradient(from 180deg,transparent 0deg,transparent 65deg,#FF450066 90deg,#FF6B3599 112deg,#FFAA4477 132deg,#FF6B3555 148deg,transparent 170deg,transparent 360deg);animation:flameBorderSpin 4.5s linear infinite reverse,flamePulse 3s ease-in-out infinite 1.1s}.streak-lvl3 .streak-card-rotor{background:conic-gradient(from 0deg,transparent 0deg,transparent 40deg,#B8860B 60deg,#DAA520 80deg,#FFD700 100deg,#FFA500 118deg,#FF8C00 135deg,#FFD700 150deg,#DAA520 165deg,transparent 188deg,transparent 360deg);animation:flameBorderSpin 2.5s linear infinite,flamePulse 1.8s ease-in-out infinite}.streak-lvl3 .streak-card-rotor2{background:conic-gradient(from 180deg,transparent 0deg,transparent 55deg,#B8860B88 80deg,#DAA52099 105deg,#FFD70077 128deg,#DAA52055 148deg,transparent 172deg,transparent 360deg);animation:flameBorderSpin 3.8s linear infinite reverse,flamePulse 2.5s ease-in-out infinite .9s}.streak-card-inner{position:relative;z-index:1;border-radius:12px;background:linear-gradient(135deg,#16132afa,#1c1832fa)}.anim-fade-up{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.anim-fade{animation:fadeIn .4s ease both}.anim-slide{animation:slideInRight .45s cubic-bezier(.22,1,.36,1) both}.anim-pop{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.d1{animation-delay:60ms}.d2{animation-delay:.13s}.d3{animation-delay:.2s}.d4{animation-delay:.27s}.d5{animation-delay:.34s}.d6{animation-delay:.42s}@media(min-width:768px){.achievement-toast-wrapper{left:calc(240px + (100vw - 240px)/2)!important}}.ds-coach-page{padding:0!important;display:flex;flex-direction:column}.ds-coach-page>.anim-fade{display:flex;flex-direction:column}@media(min-width:768px){.ds-shell{display:flex;min-height:100vh}.ds-sidebar{display:flex!important;flex-direction:column;width:240px;min-height:100vh;position:fixed;top:0;left:0;z-index:40;background:linear-gradient(180deg,#6c63ff1a,#6c63ff0a 40%,#6c63ff05),linear-gradient(160deg,#120e2238,#0c0a162e,#0a091233);backdrop-filter:blur(48px) saturate(200%) brightness(1.05);-webkit-backdrop-filter:blur(48px) saturate(200%) brightness(1.05);border-right:1px solid rgba(108,99,255,.14);box-shadow:inset -1px 0 #a78bfa0f,inset 1px 0 #ffffff0a,12px 0 48px #00000047,4px 0 16px #6c63ff0f;padding:24px 16px 32px;gap:0;isolation:isolate}.ds-sidebar:before{content:"";position:absolute;top:-40px;left:-20px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 68%);pointer-events:none;z-index:0}.ds-sidebar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.35) 30%,rgba(108,99,255,.55) 50%,rgba(167,139,250,.35) 70%,transparent 100%);pointer-events:none;z-index:2}.ds-sidebar>*{position:relative;z-index:1}.ds-content{margin-left:240px;flex:1;min-width:0;display:flex;flex-direction:column}.ds-topbar{display:none!important}.ds-page{flex:1;width:100%;padding:16px 20px 80px}.ds-settings-page{padding:32px 40px 80px}.ds-bottom-nav,.ds-fab{display:none!important}.ds-content{padding-bottom:0!important}.ds-topbar-logo{display:none!important}.screen-centered{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:48px 24px;background-image:radial-gradient(circle at 30% 20%,rgba(108,99,255,.07) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(167,139,250,.05) 0%,transparent 50%)}.screen-centered>*{width:100%;max-width:520px;min-height:unset!important;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:24px!important;box-shadow:0 24px 80px #0006,0 8px 32px #6c63ff14!important;overflow:hidden;position:relative}.screen-centered .onboarding-footer{position:sticky!important;bottom:0!important;left:auto!important;right:auto!important;width:100%!important}}@media(min-width:768px){.screen-scroll-root{max-width:none!important;margin:0!important;background:none!important;min-height:unset!important;padding-bottom:0!important}.diet-footer{left:240px!important;right:0!important;transform:none!important;max-width:none!important;width:auto!important}}@media(min-width:1280px){.ds-page{padding:20px 32px 80px}.ds-settings-page{padding:36px 56px 80px}}@media(min-width:1600px){.ds-page{padding:24px 48px 80px}.ds-settings-page{padding:40px 72px 80px}}.ds-sidebar{display:none}@supports (padding-top: env(safe-area-inset-top)){.ds-safe-top{padding-top:env(safe-area-inset-top)}.ds-bottom-nav{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.ds-fab{bottom:calc(100px + env(safe-area-inset-bottom))!important}}@media(max-width:767px){.ds-bottom-nav:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(108,99,255,.22) 20%,rgba(167,139,250,.55) 50%,rgba(108,99,255,.22) 80%,transparent 100%);pointer-events:none}}