@charset "UTF-8";body,html{margin:0;padding:0;width:100%;height:100%}body:has(.onboarding-content) #root{width:100%;height:100%;margin:0 auto;padding:0;background:linear-gradient(150deg,#0071bc,#205493 50%,#255fa7 50%,#689dde);display:flex;align-items:center;justify-content:center}.onboarding-content{width:90%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 6px 12px #0000003b,0 10px 40px #00000030}@media (min-width: 850px){.onboarding-content{max-width:450px;height:85%;max-height:85%}}@media (min-width: 300px){.onboarding-content .onboarding-slide{max-height:100%}}.onboarding-content .onboarding-slide::-webkit-scrollbar{width:6px}.onboarding-content .onboarding-slide::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.onboarding-content .onboarding-slide::-webkit-scrollbar-thumb{background:#255fa7;border-radius:3px}.onboarding-content h1{font-size:1.8rem;margin:0;padding:1rem 0;color:#444445;border-bottom:1px solid #f0f1f0;text-align:center}@media (max-width: 320px){.onboarding-content h1{font-size:1rem}}.onboarding-content p{font-size:1.4rem;color:#255fa7;line-height:1.4;margin:.5rem 0 1rem;font-weight:500;position:relative;padding-bottom:1rem;text-align:center}.onboarding-content p:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(to right,#0071bc,#255fa7);border-radius:2px}.onboarding-content p.review-message,.onboarding-content p.premium-message{margin:2rem 0;font-size:1.2rem;line-height:1.6;max-width:90%;margin-left:auto;margin-right:auto;white-space:pre-wrap}.onboarding-content p.confirmation-message{color:#444445;font-size:1.2rem;line-height:1.6}.onboarding-content p.confirmation-message .page-name{color:#255fa7;font-weight:500}.progress-bar{width:100%;height:16px;background:#f0f1f0;position:absolute;top:8px;left:0;margin-top:5px}.progress-bar .progress{height:100%;background:#255fa7;transition:width .3s ease}.back-button{position:absolute;top:30px;left:8px;background:none;border:none;cursor:pointer;padding:.5rem;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1}.back-button svg{width:24px;height:24px;fill:#444445;transition:fill .3s ease}.back-button:hover svg{fill:#255fa7}.onboarding-content.loading,.onboarding-content.error{font-size:1.1rem;color:#444445;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 6px 12px #0000003b,0 10px 40px #00000030;width:90%;max-width:500px}.options-grid{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:0;margin-top:1rem}.options-grid.single-button{max-width:200px;margin-left:auto;margin-right:auto}.option-button{background:#f0f1f0;border:2px solid #255FA7;color:#255fa7;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.option-button:hover{background:#f0f1f0;border-color:#123054}.option-button.selected{background:#f0f1f0;color:#255fa7;border-color:#255fa7}.option-button.premium{background:#255fa7;color:#fff;font-weight:700}.option-button.premium:hover{background:#123054}.option-button.secondary{background:#f0f1f0;color:#444445;border-color:#cfd2d4}.option-button.secondary:hover{background:#f0f1f0;border-color:#99a4a5}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-group label{color:#444445;font-size:1.2rem;font-weight:600;text-align:center;margin-bottom:.5rem}.input-group .input-with-unit{display:flex;align-items:center;justify-content:center;gap:.5rem}.input-group .input-with-unit input{padding:.8rem;border:1px solid #cfd2d4;border-radius:4px;font-size:1rem;text-align:center;width:100px;background:#fff}.input-group .input-with-unit input:focus{outline:none;border-color:#255fa7}.input-group .input-with-unit .unit-label{color:#444445;font-size:1rem;min-width:30px}.date-input{width:100%;max-width:200px;margin:0 auto;padding:.8rem;border:2px solid #255FA7;border-radius:8px;font-size:1.1rem;color:#444445;background:#fff;cursor:pointer;transition:all .3s ease}.date-input:focus{outline:none;border-color:#123054;box-shadow:0 0 0 2px #255fa733}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .3s ease}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input::-webkit-datetime-edit{padding:.5rem}.date-input::-webkit-datetime-edit-fields-wrapper{background:#fff}.date-input::-webkit-datetime-edit-text{color:#444445;padding:0 .2rem}.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-year-field{color:#444445;padding:0 .2rem}.number-input{width:100%;max-width:200px;margin:0 5px}.nutrient-targets{display:flex;flex-direction:column;gap:5px;padding:5px;background-color:#ffffff1a;border-radius:12px;max-width:500px;margin:10px auto}.nutrient-targets .target-row{display:flex;justify-content:flex-start;align-items:center;padding:.75rem;background-color:#ffffff0d;border-radius:8px;transition:background-color .3s ease;gap:1rem}.nutrient-targets .target-row:hover{background-color:#ffffff1a}.nutrient-targets .target-row .target-label{font-weight:500;color:#444445;width:100px;text-align:left}.nutrient-targets .target-row .target-value{font-weight:600;color:#444445;min-width:60px;width:60px;text-align:left;background:transparent;border:1px solid #444445;border-radius:4px;padding:5px;font-size:1rem}.nutrient-targets .target-row .target-value:focus{outline:none;border-color:#444445}.nutrient-targets .target-row .unit{color:#99a4a5;min-width:30px;text-align:left}.testimonial{background:#f0f1f0;padding:1.5rem;border-radius:8px;margin:1rem 0}.testimonial p{font-size:1.2rem;line-height:1.6;color:#444445;margin:0;padding:0}.testimonial p:after{display:none}.testimonial .testimonial-author{font-style:italic;margin-top:1rem}.features-list{list-style:none;padding:0;margin:1rem 0;text-align:left}.features-list li{color:#444445;font-size:1.2rem;position:relative;padding:.5rem 0 .5rem 2rem}.features-list li:before{content:"✓";position:absolute;left:0;color:#255fa7}.loading-bar{width:100%;height:4px;background:#f0f1f0;border-radius:2px;margin:2rem 0;overflow:hidden}.loading-bar .progress{height:100%;background:#255fa7;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}@media (min-width: 768px){.onboarding-content{max-width:450px;margin:0 auto;padding:1.5rem;height:100%;min-height:unset}.options-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:.75rem!important;padding:0!important}}@media (min-width: 1200px){.onboarding-content{max-width:450px;margin:0 auto;padding:1.5rem}.options-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important}}.onboarding-content>*{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#root{width:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.premiumPrice{width:100%;color:#fff;font-size:18px;background-color:#255fa7}.premiumPrice{padding:.75rem;border-radius:5px;margin:0 -.5rem 30px;display:flex;align-items:baseline;justify-content:center;gap:2px}.premiumPrice .price{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}@media (min-width: 600px){.premiumPrice .price{font-size:3rem}}.unit-toggle-container{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem}.unit-toggle{display:flex;gap:.5rem;background:#f0f1f0;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.unit-toggle .toggle-button{background:#fff;border:2px solid #cfd2d4;color:#444445;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.unit-toggle .toggle-button.active{background:#255fa7;border-color:#255fa7;color:#fff}.unit-toggle .toggle-button:hover:not(.active){background:#f0f1f0}.imperial-input{display:flex;gap:.25rem;justify-content:center;align-items:center}.imperial-input input{width:60px;text-align:center;padding:.8rem;border:1px solid #cfd2d4;border-radius:4px;font-size:1rem;background:#fff}.imperial-input input:focus{outline:none;border-color:#255fa7}.section-divider{width:100%;height:1px;background:#99a4a5;margin:1.5rem 0}.error-message{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin:16px 0;text-align:center;font-weight:500;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stars-container{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.stars-container .star{width:28px;height:28px;animation:fadeIn .3s ease-in-out;animation-fill-mode:both}.stars-container .star path{fill:#eeb753}.stars-container .star:nth-child(1){animation-delay:.1s}.stars-container .star:nth-child(2){animation-delay:.2s}.stars-container .star:nth-child(3){animation-delay:.3s}.stars-container .star:nth-child(4){animation-delay:.4s}.stars-container .star:nth-child(5){animation-delay:.5s}.premium-features{margin:2rem 0;padding:0;list-style:none}.premium-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.premium-features li{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#444445;padding:.5rem 1rem;background:#f0f1f0;border-radius:8px;transition:all .2s ease}.premium-features li:hover{background:#f0f1f0;transform:translate(5px)}.premium-features li:before{content:"✓";color:#eeb753;font-weight:700;font-size:1.2rem}.upsell-slide{display:flex;flex-direction:column;align-items:center;padding:32px 16px 0}.upsell-slide h1{font-size:2rem;font-weight:600;margin-bottom:24px;color:#444445;text-align:center;font-family:Times New Roman,Times,serif}.upsell-slide .upsell-message{background:#f8f9fb;border-radius:12px;box-shadow:0 2px 12px #0000000a;padding:28px 20px;margin-bottom:32px;max-width:420px;color:#444445;font-size:1.1rem;line-height:1.7;text-align:center}.upsell-slide .upsell-message p{margin:0 0 16px}.upsell-slide .upsell-message p:last-child{margin-bottom:0}.upsell-slide .upsell-message strong{font-weight:600;color:#444445}.upsell-slide .upsell-message p{text-align:left!important;color:#444445!important;font-family:Times New Roman,Times,serif}.upsell-slide .options-grid{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.upsell-slide .option-button.premium{background:#1a3a6b;color:#fff;font-weight:600;border-radius:8px;font-size:1.1rem;padding:14px 0;border:none;box-shadow:0 2px 8px #1a3a6b14;transition:background .2s}.upsell-slide .option-button.premium:hover{background:#234e8c}.upsell-slide .option-button.secondary{background:#f1f1f1;color:#444;border-radius:8px;font-size:1.1rem;padding:14px 0;border:1px solid #e0e0e0;font-weight:500;transition:background .2s}.upsell-slide .option-button.secondary:hover{background:#e9e9e9}