@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ceff00;--secondary:#7000ff;--bg-dark:#080808;--text-light:#f5f5f7;--text-dim:#f5f5f799;--glass:#ffffff0a;--glass-border:#ffffff14;--danger:#ff4d4d;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}html{width:100%;min-height:100%;font-size:16px;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;min-height:-webkit-fill-available;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden auto}input,textarea,select{-webkit-user-select:auto;user-select:auto}#root{min-height:100vh;flex-direction:column;width:100%;min-height:-webkit-fill-available;display:flex;overflow-x:hidden}.app-container{width:100%;max-width:100vw;min-height:100vh;padding:1rem;padding-top:calc(1rem + var(--safe-area-top));padding-bottom:calc(1rem + var(--safe-area-bottom));background:radial-gradient(at top,#111114 0%,#080808 70%);justify-content:center;align-items:flex-start;display:flex;overflow-x:hidden}.container{text-align:center;z-index:10;width:100%;max-width:480px}h1{text-transform:uppercase;background:linear-gradient(135deg, #fff 0%, var(--primary) 60%, var(--secondary) 100%);-webkit-text-fill-color:transparent;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,8vw,4rem);font-weight:900;line-height:1.1}h2{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:800}h3{font-size:clamp(.9rem,3vw,1.1rem);font-weight:700}p{color:var(--text-dim);font-size:.9rem;line-height:1.6}.accent{color:var(--secondary);-webkit-text-fill-color:var(--secondary);font-style:italic}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ceff001a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px #ceff0066)}50%{filter:drop-shadow(0 0 15px #ceff00b3)}to{filter:drop-shadow(0 0 5px #ceff0066)}}.zenith-ring-container svg{animation:4s ease-in-out infinite pulse-glow}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.logo-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:1rem 0;display:flex}.logo{letter-spacing:.15rem;white-space:nowrap;font-size:.9rem;font-weight:600}.logo .bold{color:var(--primary);font-weight:900}.step-indicator{text-transform:uppercase;letter-spacing:2px;color:var(--primary);opacity:.8;font-size:.65rem}.progress-fill{background:var(--primary);height:100%;box-shadow:0 0 10px var(--primary);transition:width .4s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:#000;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:100px;width:auto;padding:.9rem 1.5rem;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-block}.btn-primary:active{opacity:.9;transform:scale(.97)}.btn-secondary{color:#888;cursor:pointer;letter-spacing:.5px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:.9rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-secondary:active{color:#fff;background:#ffffff1a}.btn-signin{color:var(--text-light);text-transform:uppercase;letter-spacing:.1rem;border:1px solid var(--primary);white-space:nowrap;background:#ceff0014;border-radius:100px;padding:.6rem 1rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:all .3s}.btn-google{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;width:100%;padding:1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-google:active{transform:scale(.98)}.glass-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 15px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .2s}.glass-input select,select.glass-input{appearance:none}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--primary);cursor:pointer;background:#0a0a0c;border-radius:50%;width:22px;height:22px;box-shadow:0 0 10px #ceff0066}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding-form{flex-direction:column;gap:1.2rem;margin-top:1.5rem;display:flex}.input-group{width:100%}.glass-panel{background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;padding:1.2rem}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)}.onboarding-card{text-align:left;border-radius:24px;width:100%;padding:1.5rem;overflow:hidden}.login-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:400px;margin:1rem auto;padding:2rem 1.2rem}.option-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:.5rem;display:grid}.opt-card{text-align:center;cursor:pointer;color:#666;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:.8rem .4rem;font-size:.75rem;font-weight:600;transition:all .2s}.opt-card.active{border-color:var(--primary);color:#fff;background:#ceff001a;box-shadow:0 0 12px #ceff001a}.opt-card:active{transform:scale(.97)}.option-cards-vertical{flex-direction:column;gap:10px;display:flex}.opt-card-v{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:1rem;transition:all .2s}.opt-card-v strong{color:#fff;margin-bottom:3px;font-size:.9rem;display:block}.opt-card-v p{color:#555;font-size:.72rem}.opt-card-v.active{border-color:var(--primary);background:#ceff000d}.activity-matrix{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:.5rem;display:grid}.matrix-card{text-align:center;cursor:pointer;color:#666;word-break:break-word;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.7rem .5rem;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.matrix-card.selected{border-color:var(--primary);color:#fff;background:#ceff001a}.feature-swiper,.features-swiper{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.feature-swiper::-webkit-scrollbar{display:none}.features-swiper::-webkit-scrollbar{display:none}.slide,.feature-card{scroll-snap-align:center;background:var(--glass);border:1px solid var(--glass-border);text-align:left;border-radius:24px;flex:0 0 88%;padding:1.5rem}.slide-number{color:var(--primary);letter-spacing:.2rem;margin-bottom:.8rem;font-size:.75rem;font-weight:800;display:block}.slide h3{-webkit-text-fill-color:white;margin-bottom:.8rem;font-size:1.3rem}.glass-form{flex-direction:column;gap:.8rem;width:100%;margin:1.5rem auto;display:flex}.dashboard-bg{background:#050505;align-items:flex-start;min-height:100vh}.dash-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#050505f2;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;max-width:100vw;padding:1rem 1.2rem;display:flex;position:sticky;top:0;overflow:hidden}.logout-btn{color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #222;border-radius:100px;padding:.4rem .8rem;font-family:Outfit,sans-serif;font-size:.65rem}.reset-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;white-space:nowrap;background:#ceff0014;border-radius:100px;padding:.4rem .8rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.dash-content{text-align:left;width:100%;max-width:600px;margin:0 auto;padding:1.2rem 1rem 4rem;overflow-x:hidden}.macro-pill-container{justify-content:space-around;gap:.25rem;width:100%;margin-top:1rem;display:flex}.macro-pill{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.macro-pill .val{color:#fff;font-size:clamp(.9rem,4.5vw,1.4rem);font-weight:900}.macro-pill .label{text-transform:uppercase;color:#444;letter-spacing:1.5px;margin-top:4px;font-size:.55rem;font-weight:800}.zenith-visualizer{justify-content:center;align-items:center;margin:2rem 0;display:flex}.zenith-ring-container{justify-content:center;align-items:center;width:min(280px,80vw);height:min(280px,80vw);display:flex;position:relative}.zenith-center{text-align:center;z-index:10;position:absolute}.zenith-calories{color:#fff;font-size:clamp(2rem,10vw,3rem);font-weight:900;line-height:1}.zenith-label{text-transform:uppercase;letter-spacing:2px;color:#555;margin-top:4px;font-size:clamp(.55rem,2vw,.75rem);font-weight:800}.food-architect{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;width:100%;padding:1.5rem 1rem;position:relative;overflow:hidden}.food-architect:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.4;width:100%;height:2px;position:absolute;top:0;left:0}.architect-slider{-webkit-appearance:none;background:#1a1a1a;border-radius:2px;outline:none;width:100%;height:4px;margin:1.5rem 0}.architect-slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--primary);cursor:pointer;background:#0a0a0c;border-radius:50%;width:22px;height:22px;box-shadow:0 0 10px #ceff0066}.blueprint-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;overflow:hidden}.blueprint-card .directive{text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:4px;font-size:.6rem;font-weight:800}@keyframes slideIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.6s ease-out both fadeIn}.slide-in{animation:.4s ease-out slideIn}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem;display:grid}.stat-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;border-radius:16px;padding:1rem}@media (width<=480px){.dash-nav{padding:.8rem 1rem}.dash-nav .logo{font-size:.8rem}.dash-content{padding:1rem .8rem calc(110px + env(safe-area-inset-bottom,0px)) .8rem;width:100%;overflow-x:hidden}.blueprint-card{flex-direction:column;align-items:flex-start;gap:.8rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.7rem .4rem}.activity-matrix{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.food-architect{padding:1.2rem .8rem}h1{font-size:clamp(1.8rem,7vw,2.5rem)}}@media (width<=360px){.option-cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}}.progress-bar-container{z-index:9999;background:#ffffff0a;width:100%;height:3px;position:fixed;top:0;left:0}.progress-fill{background:linear-gradient(90deg, var(--secondary), var(--primary));border-radius:0 2px 2px 0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ceff0080}.step-indicator{color:var(--primary);text-transform:uppercase;letter-spacing:2px;background:#ceff000f;border:1px solid #ceff0026;border-radius:50px;padding:4px 12px;font-size:.6rem;font-weight:800}.glass-input{color:#fff;-webkit-user-select:auto;user-select:auto;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:.9rem 1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-input:focus{border-color:var(--primary);background:#ceff000a;box-shadow:0 0 0 3px #ceff0014,0 0 20px #ceff000d}.glass-input::placeholder{color:#fff3;font-size:.85rem}.input-group label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59;margin-bottom:.6rem;font-size:.65rem;font-weight:800;display:block}.glass-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-top:.5rem;padding:1rem}@keyframes pulse-primary{0%,to{opacity:1}50%{opacity:.5}}.btn-primary:disabled{cursor:not-allowed;animation:1.2s infinite pulse-primary}.opt-card:active,.matrix-card:active{background:#ceff0014;transform:scale(.95)}.glass-premium{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0a0a0ae6;box-shadow:0 0 40px #ceff0014,inset 0 1px #ffffff0d}
