:root{--background:#fff;--background-rgb:255,255,255;--foreground:#0a0a0a;--primary:#0a0a0a;--primary-foreground:#fff;--muted:#f5f5f5;--muted-foreground:#737373;--border:#e5e5e5;--accent:#ff6b00;--accent-secondary:#ff8c00;--accent-purple:#a855f7;--accent-foreground:#fff}[data-theme=dark]{--background:#0a0a0a;--background-rgb:10,10,10;--foreground:#fafafa;--primary:#fafafa;--primary-foreground:#0a0a0a;--muted:#171717;--muted-foreground:#a3a3a3;--border:#262626;--accent:#ff7a1a;--accent-secondary:#ff9a3c;--accent-purple:#a855f7;--accent-foreground:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.header{z-index:100;background:0 0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-controls{align-items:center;gap:.75rem;display:flex}.units-toggle{background:rgba(var(--foreground-rgb),.08);cursor:pointer;color:var(--muted-foreground);border:none;border-radius:2rem;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.units-toggle:hover{background:rgba(var(--foreground-rgb),.12)}.units-option{transition:color .2s}.units-option.active{color:var(--foreground)}.units-divider{opacity:.4}.logo-container{align-items:center;height:40px;display:flex}.logo-img{transition:filter .3s}[data-theme=dark] .logo-img{filter:invert()}.animated-logo-wrapper{align-items:center;min-width:140px;height:40px;display:flex;position:relative}.logo-text-mask{position:relative}.logo-text{letter-spacing:-.02em;color:var(--foreground);white-space:nowrap;font-size:1.5rem;font-weight:800}.logo-dot{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:50%;width:6px;height:6px;margin-left:2px}.logo-eraser{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));transform-origin:50%;pointer-events:none;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%}.logo-icon-wrapper{position:absolute;top:50%;left:0}.logo-icon-img{border-radius:8px;width:36px;height:36px}.hero-section{z-index:10;pointer-events:none;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-content{text-align:center;pointer-events:auto;max-width:1200px;padding:0 1rem}.hero-title{letter-spacing:-.04em;text-shadow:0 4px 12px #0000001a;margin:0 0 2rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1.1}[data-theme=dark] .hero-title{text-shadow:0 4px 24px #00000080}.hero-title-accent{color:var(--accent);-webkit-text-fill-color:var(--accent);display:block}[data-theme=dark] .hero-title-accent{color:#ff9f43;-webkit-text-fill-color:#ff9f43;text-shadow:0 0 30px #ff9f4366}.hero-description{color:var(--muted-foreground);max-width:640px;margin:0 auto 3rem;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500}.hero-description .highlight{color:#fff;white-space:nowrap;padding:.05em .3em;position:relative}.hero-description .highlight:before{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-secondary));z-index:-1;border-radius:.2em;position:absolute;inset:0;transform:skew(-3deg)}[data-theme=dark] .hero-description{color:#d4d4d4;text-shadow:0 2px 4px #000c}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-appstore{color:#fff;cursor:pointer;background:#000;border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn-appstore:hover{background:#333;transform:translateY(-2px)}.appstore-icon{width:28px;height:28px}.appstore-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.appstore-small{opacity:.9;font-size:.65rem}.appstore-big{font-size:1.25rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card);text-align:center;border-radius:1.5rem;width:100%;max-width:400px;padding:2.5rem;animation:.3s slideUp;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{background:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--accent)}.modal-close svg{width:1rem;height:1rem}.modal-icon{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:1.25rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.modal-icon svg{color:#fff;width:48px;height:48px}.modal-title{color:var(--foreground);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.modal-text{color:var(--muted-foreground);margin:0 0 1.5rem;line-height:1.6}.modal-progress{background:var(--muted);border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.modal-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:3px;width:85%;height:100%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.modal-subtext{color:var(--muted-foreground);margin:0;font-size:.875rem}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--muted);border-color:var(--muted-foreground)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.section-subtitle{color:var(--muted-foreground);text-align:center;max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.theme-toggle{background:var(--muted);border:1px solid var(--border);cursor:pointer;color:var(--foreground);border-radius:.5rem;padding:.5rem;transition:all .2s;position:relative}.theme-toggle:hover{background:var(--border)}.icon-sun,.icon-moon{width:1.25rem;height:1.25rem;transition:all .3s}.icon-moon{position:absolute;top:.5rem;left:.5rem}[data-theme=light] .icon-moon{transform:rotate(90deg)scale(0)}[data-theme=light] .icon-sun{transform:rotate(0)scale(1)}[data-theme=dark] .icon-sun{transform:rotate(-90deg)scale(0)}[data-theme=dark] .icon-moon{transform:rotate(0)scale(1)}.scroll-indicator{display:none}@media (max-width:768px){.scroll-indicator{color:var(--muted-foreground);z-index:10;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite bounceDown;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-indicator svg{opacity:.7}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.header{padding:.75rem 1rem}.header-controls{gap:.5rem}.units-toggle{padding:.375rem .5rem;font-size:.65rem}.hero-section{align-items:flex-start;min-height:auto;padding:80px 1.5rem 3rem}.hero-content{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-radius:1.5rem;margin-top:1rem;padding:2rem 1.5rem;box-shadow:0 4px 30px #0000001a}[data-theme=dark] .hero-content{background:#0a0a0aeb;box-shadow:0 4px 30px #0000004d}.hero-title{margin-bottom:1rem;font-size:clamp(1.75rem,8vw,2.5rem)}.hero-title-accent{font-size:clamp(1.5rem,7vw,2.25rem)}.hero-description{margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.hero-description .highlight{padding:.1em .25em}.hero-cta{flex-direction:column;align-items:stretch;gap:.75rem}.btn-appstore{justify-content:center}.btn{justify-content:center;width:100%}.section-container{padding:0 1rem}.section-title{font-size:clamp(1.5rem,6vw,2rem)}.section-subtitle{margin-bottom:2rem;font-size:1rem}}@media (max-width:375px){.hero-title{font-size:1.5rem}.btn{padding:.75rem 1.25rem;font-size:.9rem}}.how-it-works-section{z-index:10;background:var(--background);height:500vh;position:relative}.how-it-works-main-title{text-align:center;background:var(--background);z-index:100;padding:2rem 1.5rem;font-size:2.5rem;font-weight:800;position:sticky;top:0;left:0;right:0}@media (max-width:768px){.how-it-works-main-title{padding:1rem 1.5rem;font-size:1.5rem}}.how-it-works-sticky{width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.how-it-works-canvas{z-index:1;position:absolute;inset:0}.how-it-works-content{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;width:100%;max-width:500px;padding:4rem;display:flex;position:relative}.step-content{background:rgba(var(--background-rgb),.85);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--foreground),.06);border-radius:1.25rem;padding:2rem;position:relative;box-shadow:0 8px 32px #00000014}[data-theme=dark] .step-content{background:rgba(var(--background-rgb),.75);box-shadow:0 8px 32px #0000004d}.step-number{opacity:.1;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:-1.5rem;left:-.5rem}.step-title{letter-spacing:-.03em;color:var(--foreground);margin:0 0 .375rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}.step-subtitle{margin:0 0 1rem;font-size:1rem;font-weight:600}.step-description{color:var(--muted-foreground);margin:0;font-size:.95rem;line-height:1.6}.step-highlight{color:#fff;white-space:nowrap;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:.25em;padding:.1em .4em;font-weight:700;display:inline-block;box-shadow:0 2px 8px #ff6b004d}.data-input-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:1rem;display:flex;position:absolute;inset:0}.input-form-container{transition:opacity .6s cubic-bezier(.4,0,.2,1)}.input-form-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:340px;display:grid}.input-field-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;padding:.625rem .875rem;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.input-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem;font-size:.65rem;font-weight:500;display:block}.input-value-row{align-items:baseline;gap:.25rem;display:flex}.input-value{color:var(--foreground);font-size:1.25rem;font-weight:700}.input-unit{color:var(--muted-foreground);font-size:.75rem}.flow-arrow{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.results-container{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.result-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(8px);text-align:center;border:2px solid;border-radius:10px;min-width:90px;padding:.75rem 1rem;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.result-value{font-size:1.5rem;font-weight:800;line-height:1;display:block}.result-unit{margin-left:1px;font-size:.75rem;font-weight:600}.result-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em;margin-top:.2rem;font-size:.6rem;display:block}.nutrients-results{width:100%;max-width:420px;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.nutrients-results-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:.625rem;font-size:.65rem;font-weight:600}.nutrients-grid{grid-template-columns:repeat(5,1fr);gap:.375rem;display:grid}.nutrient-result-item{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .375rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nutrient-result-item.macro{border-bottom:2px solid #ff6b00}.nutrient-result-item.vitamin{border-bottom:2px solid #22c55e}.nutrient-result-item.mineral{border-bottom:2px solid #3b82f6}.nutrient-result-icon{opacity:.8;width:18px;height:18px}[data-theme=dark] .nutrient-result-icon{filter:invert()}.nutrient-result-value{color:var(--foreground);font-size:.85rem;font-weight:700;line-height:1}.nutrient-result-unit{color:var(--muted-foreground);text-transform:uppercase;font-size:.5rem}.nutrients-results-app{width:100%;max-width:380px;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.nutrients-results-app .nutrients-results-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.nutrient-category{margin-bottom:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-header{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding-left:.25rem;font-size:.65rem;font-weight:700}.category-items{justify-content:space-around;gap:.5rem;display:flex}.nutrient-circle-item{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nutrient-circle-wrapper{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.circular-progress{position:absolute;inset:0}.nutrient-circle-icon{opacity:.9;z-index:1;width:45%;height:45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .nutrient-circle-icon{filter:invert()}.nutrient-circle-value{color:var(--foreground);font-size:.75rem;font-weight:700;line-height:1}.nutrient-circle-name{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em;font-size:.55rem}.nutrient-circle-unit{color:var(--muted-foreground);margin-left:1px;font-size:.6rem;font-weight:500}[data-theme=dark] .profile-nutrient-icon,[data-theme=dark] .macro-icon,[data-theme=dark] .plate-icon,[data-theme=dark] .product-macro img{filter:invert()}.photo-analysis-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex;position:absolute;inset:0}.photo-frame{background:rgba(var(--background-rgb),.6);border-radius:16px;width:200px;height:200px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.viewfinder-corner{border:3px solid #ff6b00;width:24px;height:24px;position:absolute}.viewfinder-corner.top-left{border-bottom:none;border-right:none;border-radius:4px 0 0;top:8px;left:8px}.viewfinder-corner.top-right{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:8px;right:8px}.viewfinder-corner.bottom-left{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:8px;left:8px}.viewfinder-corner.bottom-right{border-top:none;border-left:none;border-radius:0 0 4px;bottom:8px;right:8px}.food-photo-container{border-radius:8px;position:absolute;inset:10px;overflow:hidden}.food-photo{object-fit:cover;border-radius:8px;width:100%;height:100%}.scan-line{background:linear-gradient(90deg,#0000,#ff6b00,#ff6b00,#0000);height:3px;transition:opacity .2s;position:absolute;left:0;right:0;box-shadow:0 0 12px #ff6b00,0 0 24px #ff6b0080}.analyzing-text{color:#ff6b00;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.scan-complete{animation:.3s scaleIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes scaleIn{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.ingredients-container{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.ingredients-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.ingredients-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;max-width:360px;display:grid}.ingredient-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(8px);border-left:3px solid;border-radius:8px;padding:.625rem .75rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.ingredient-header{justify-content:space-between;align-items:baseline;margin-bottom:.375rem;display:flex}.ingredient-name{color:var(--foreground);font-size:.8rem;font-weight:600}.ingredient-amount{color:var(--muted-foreground);font-size:.65rem}.ingredient-macro-row{align-items:center;gap:.375rem;display:flex}.macro-icon{opacity:.7;width:14px;height:14px}.macro-label{color:var(--muted-foreground);font-size:.65rem}.macro-value{margin-left:auto;font-size:.8rem;font-weight:700}.floating-icons-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-icon-wrapper{pointer-events:none}.floating-icon{opacity:.3;animation:20s ease-in-out infinite floatRandom}.floating-icon img{object-fit:contain;width:100%;height:100%;transition:filter .5s}.floating-icons-container[style*=\#3b82f6] .floating-icon img{filter:brightness(0)saturate()invert(44%)sepia(93%)saturate(1352%)hue-rotate(201deg)brightness(101%)contrast(96%)}.floating-icons-container[style*=\#22c55e] .floating-icon img{filter:brightness(0)saturate()invert(64%)sepia(52%)saturate(522%)hue-rotate(93deg)brightness(93%)contrast(89%)}.floating-icons-container[style*=\#ff6b00] .floating-icon img{filter:brightness(0)saturate()invert(50%)sepia(98%)saturate(2500%)hue-rotate(360deg)brightness()contrast(105%)}.floating-icons-container[style*=\#a855f7] .floating-icon img{filter:brightness(0)saturate()invert(42%)sepia(98%)saturate(1847%)hue-rotate(251deg)brightness()contrast(94%)}.floating-icons-container[style*=\#06b6d4] .floating-icon img{filter:brightness(0)saturate()invert(62%)sepia(93%)saturate(456%)hue-rotate(144deg)brightness(92%)contrast(91%)}[data-theme=dark] .floating-icon{opacity:.35}[data-theme=dark] .floating-icons-container[style*=\#3b82f6] .floating-icon img{filter:brightness(0)saturate()invert(54%)sepia(93%)saturate(1352%)hue-rotate(201deg)brightness(110%)contrast(96%)}[data-theme=dark] .floating-icons-container[style*=\#22c55e] .floating-icon img{filter:brightness(0)saturate()invert(74%)sepia(52%)saturate(522%)hue-rotate(93deg)brightness()contrast(89%)}[data-theme=dark] .floating-icons-container[style*=\#ff6b00] .floating-icon img{filter:brightness(0)saturate()invert(60%)sepia(98%)saturate(2500%)hue-rotate(360deg)brightness(110%)contrast(105%)}[data-theme=dark] .floating-icons-container[style*=\#a855f7] .floating-icon img{filter:brightness(0)saturate()invert(52%)sepia(98%)saturate(1847%)hue-rotate(251deg)brightness(110%)contrast(94%)}[data-theme=dark] .floating-icons-container[style*=\#06b6d4] .floating-icon img{filter:brightness(0)saturate()invert(72%)sepia(93%)saturate(456%)hue-rotate(144deg)brightness()contrast(91%)}@keyframes floatRandom{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(20px,-30px)rotate(5deg)}50%{transform:translate(-15px,20px)rotate(-3deg)}75%{transform:translate(25px,15px)rotate(4deg)}}.profile-overlay{pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.profile-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;width:100%;max-width:340px;padding:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.profile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.profile-title{color:var(--foreground);font-size:1rem;font-weight:700}.profile-date{color:var(--muted-foreground);font-size:.75rem}.profile-nutrients{flex-direction:column;gap:1rem;display:flex}.profile-nutrient-item{transition:all .5s cubic-bezier(.4,0,.2,1)}.profile-nutrient-header{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.profile-nutrient-icon{opacity:.8;width:18px;height:18px}.profile-nutrient-name{color:var(--foreground);font-size:.8rem;font-weight:600}.profile-nutrient-values{color:var(--muted-foreground);margin-left:auto;font-size:.7rem}.profile-progress-bar{background:var(--muted);border-radius:3px;height:6px;overflow:hidden}.profile-progress-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.profile-nutrients-circles{justify-content:space-around;gap:.5rem;display:flex}.profile-circle-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.profile-circle-wrapper{width:56px;height:56px;position:relative}.profile-circle-icon{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-circle-value{color:var(--foreground);font-size:.85rem;font-weight:700}.profile-circle-name{color:var(--muted-foreground);font-size:.65rem}.profile-circle-percent{font-size:.7rem;font-weight:600}.photo-nutrients-container{background:rgba(var(--background-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.photo-nutrients-title{color:var(--foreground);font-size:.85rem;font-weight:600}.photo-nutrients-circles{justify-content:center;gap:1rem;display:flex}.photo-circle-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.photo-circle-wrapper{width:48px;height:48px;position:relative}.photo-circle-icon{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-circle-value{color:var(--foreground);font-size:.8rem;font-weight:700}.photo-circle-name{color:var(--muted-foreground);font-size:.6rem}.product-macros-circles{justify-content:space-around;gap:.5rem;margin-top:.75rem;display:flex}.product-circle-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.product-circle-wrapper{width:48px;height:48px;position:relative}.product-circle-icon{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-circle-value{color:var(--foreground);font-size:.8rem;font-weight:700}.product-circle-name{color:var(--muted-foreground);font-size:.6rem}.goal-circle-container{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.goal-circle-wrapper{flex-shrink:0;width:100px;height:100px;position:relative}.goal-circle-inner{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goal-circle-percent{color:#06b6d4;font-size:1.25rem;font-weight:800}.goal-circle-label{color:var(--muted-foreground);font-size:.6rem}.goal-info{flex-direction:column;gap:.5rem;display:flex}.goal-row{align-items:center;gap:.5rem;display:flex}.goal-current{color:var(--foreground);font-size:1.1rem;font-weight:700}.goal-target-val{color:#06b6d4;font-size:1.1rem;font-weight:700}.goal-start-label{color:var(--muted-foreground);font-size:.75rem}.barcode-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex;position:absolute;inset:0}.barcode-frame{background:rgba(var(--background-rgb),.6);border-radius:12px;justify-content:center;align-items:center;width:220px;height:120px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.barcode-corners{position:absolute;inset:0}.barcode-corner{border:3px solid #a855f7;width:20px;height:20px;position:absolute}.barcode-corner.tl{border-bottom:none;border-right:none;border-radius:4px 0 0;top:8px;left:8px}.barcode-corner.tr{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:8px;right:8px}.barcode-corner.bl{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:8px;left:8px}.barcode-corner.br{border-top:none;border-left:none;border-radius:0 0 4px;bottom:8px;right:8px}.barcode-visual{justify-content:center;align-items:center;gap:2px;height:60px;display:flex}.barcode-bar{background:var(--foreground);border-radius:1px;height:100%;transition:opacity .3s}.barcode-scan-line{background:#ef4444;width:2px;transition:opacity .2s;position:absolute;top:10%;bottom:10%;box-shadow:0 0 8px #ef4444,0 0 16px #ef444480}.barcode-complete{animation:.3s scaleIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-result{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.product-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;min-width:280px;padding:1rem 1.25rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.product-header{margin-bottom:.5rem}.product-name{color:var(--foreground);font-size:1rem;font-weight:700;display:block}.product-brand{color:var(--muted-foreground);font-size:.75rem}.product-serving{color:var(--muted-foreground);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.7rem}.product-macros{justify-content:space-between;gap:.5rem;display:flex}.product-macro{flex-direction:column;align-items:center;gap:.125rem;display:flex}.product-macro img{opacity:.7;width:18px;height:18px}.macro-val{color:var(--foreground);font-size:.9rem;font-weight:700}.macro-name{color:var(--muted-foreground);text-transform:uppercase;font-size:.55rem}.progress-tracking-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.tracking-chart-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;width:100%;max-width:320px;padding:1rem 1.25rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.chart-header{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.chart-title{color:var(--foreground);font-size:.9rem;font-weight:700}.chart-subtitle{color:var(--muted-foreground);font-size:.65rem}.chart-container{position:relative}.line-chart{width:100%;height:auto;overflow:visible}.y-label{fill:var(--muted-foreground);font-size:8px;font-weight:500}.x-label-svg{fill:var(--muted-foreground);text-anchor:middle;font-size:8px;font-weight:500}.grid-line{stroke:var(--border);stroke-width:.5px;opacity:.5}.target-line{stroke:#06b6d4;stroke-width:1.5px;opacity:.8}.chart-line-main{stroke:#ff6b00;stroke-linecap:round;stroke-linejoin:round}.chart-area{opacity:.8}.data-point-main{transition:all .2s}.data-point-main.under{fill:#22c55e}.data-point-main.over{fill:#ff6b00}.tracking-stats{gap:.5rem;width:100%;max-width:320px;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex}.stat-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:.75rem .5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-value{color:#ff6b00;font-size:1.1rem;font-weight:800;line-height:1.2;display:block}.stat-card.highlight .stat-value{color:#22c55e}.stat-card.success .stat-value{color:#06b6d4}.stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.02em;font-size:.55rem}.goal-progress-card{background:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;width:100%;max-width:320px;padding:.875rem 1rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.goal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.goal-title{color:var(--foreground);font-size:.8rem;font-weight:700}.goal-values{color:var(--muted-foreground);font-size:.75rem}.goal-bar-container{background:var(--muted);border-radius:4px;height:8px;margin-bottom:.5rem;position:relative}.goal-bar-fill{background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:4px;height:100%;transition:width .8s ease-out;position:absolute;top:0;left:0}.goal-labels{justify-content:space-between;margin-bottom:.5rem;display:flex}.goal-start,.goal-target{color:var(--muted-foreground);font-size:.6rem}.goal-percent{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.375rem;padding-top:.5rem;display:flex}.percent-value{color:#06b6d4;font-size:1.25rem;font-weight:800}.percent-text{color:var(--muted-foreground);font-size:.65rem}.step-indicators{z-index:100;flex-direction:column;gap:.75rem;transition:opacity .3s;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.step-indicator{background:var(--border);border-radius:50%;width:10px;height:10px;transition:all .3s}.step-indicator.active{transform:scale(1.3);box-shadow:0 0 12px}@media (max-width:768px){.how-it-works-section{height:400vh}.how-it-works-content{justify-content:flex-end;max-width:100%;padding:1rem 1rem 1.5rem}.step-content{background:rgba(var(--background-rgb),.92);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--foreground),.08);border-radius:1rem;padding:1.25rem}.step-number{opacity:.08;font-size:2.5rem;top:-.25rem;left:0}.step-title{margin-bottom:.25rem;font-size:1.35rem}.step-subtitle{margin-bottom:.75rem;font-size:.9rem}.step-description{font-size:.85rem;line-height:1.5}.step-indicators{gap:.5rem;right:.75rem}.step-indicator{width:8px;height:8px}.data-input-overlay{justify-content:flex-start;gap:1rem;padding:15vh .75rem .75rem}.input-form-grid{gap:.5rem;max-width:280px}.input-field-card{border-radius:8px;padding:.5rem .75rem}.input-label{font-size:.6rem}.input-value{font-size:1.1rem}.input-unit{font-size:.65rem}.flow-arrow svg{width:24px;height:24px}.results-container{gap:.5rem}.result-card{border-radius:8px;min-width:75px;padding:.5rem .75rem}.result-value{font-size:1.15rem}.result-unit{font-size:.6rem}.result-label{font-size:.55rem}.photo-analysis-overlay{justify-content:flex-start;gap:1rem;padding-top:12vh}.photo-frame{border-radius:12px;width:160px;height:160px}.viewfinder-corner{border-width:2px;width:18px;height:18px}.plate-circle{width:100px;height:100px}.plate-inner{width:65px;height:65px}.plate-icon{width:32px;height:32px}.analyzing-text{font-size:.6rem}.ingredients-title{margin-bottom:.5rem;font-size:.6rem}.ingredients-grid{gap:.375rem;max-width:300px}.ingredient-card{border-radius:6px;padding:.5rem .625rem}.ingredient-name{font-size:.7rem}.ingredient-amount{font-size:.55rem}.macro-icon{width:12px;height:12px}.macro-label{font-size:.55rem}.macro-value{font-size:.7rem}.profile-card{max-width:300px;padding:1rem}.profile-header{margin-bottom:1rem}.profile-title{font-size:.9rem}.profile-nutrients{gap:.75rem}.profile-nutrient-icon{width:16px;height:16px}.profile-nutrient-name{font-size:.75rem}.profile-nutrient-values{font-size:.65rem}.profile-progress-bar{height:5px}.barcode-overlay{justify-content:flex-start;gap:1rem;padding-top:10vh}.barcode-frame{width:180px;height:100px}.barcode-corner{border-width:2px;width:16px;height:16px}.barcode-visual{height:50px}.product-card{min-width:260px;padding:.875rem 1rem}.product-name{font-size:.9rem}.product-brand{font-size:.7rem}.product-serving{font-size:.65rem}.product-macro img{width:16px;height:16px}.macro-val{font-size:.8rem}.macro-name{font-size:.5rem}.progress-tracking-overlay{justify-content:flex-start;gap:.75rem;padding-top:8vh}.tracking-chart-card{max-width:280px;padding:.875rem 1rem}.chart-title{font-size:.75rem}.legend-item{font-size:.5rem}.legend-dot{width:6px;height:6px}.x-label{font-size:.45rem}.tracking-stats{gap:.375rem;max-width:280px}.stat-card{border-radius:10px;padding:.5rem .375rem}.stat-value{font-size:.95rem}.stat-label{font-size:.45rem}.goal-progress-card{max-width:280px;padding:.75rem .875rem}.goal-title{font-size:.7rem}.goal-values{font-size:.65rem}.goal-bar-container{height:6px}.goal-marker{font-size:.45rem}.marker-dot{width:10px;height:10px}.goal-percent{font-size:.6rem}.floating-icon{opacity:.1}.nutrients-results{max-width:320px}.nutrients-results-title{margin-bottom:.5rem;font-size:.55rem}.nutrients-grid{grid-template-columns:repeat(4,1fr);gap:.25rem}.nutrient-result-item{border-radius:6px;padding:.375rem .25rem}.nutrient-result-icon{width:14px;height:14px}.nutrient-result-value{font-size:.7rem}.nutrient-result-unit{font-size:.4rem}.nutrients-results-app{max-width:300px}.nutrients-results-app .nutrients-results-title{margin-bottom:.5rem;font-size:.6rem}.nutrient-category{margin-bottom:.5rem}.category-header{margin-bottom:.375rem;font-size:.55rem}.category-items{gap:.25rem}.nutrient-circle-wrapper{width:40px;height:40px}.nutrient-circle-icon{width:45%;height:45%}.nutrient-circle-value{font-size:.65rem}.nutrient-circle-name{font-size:.45rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}.container{max-width:1024px;margin:0 auto;padding:1.5rem}.main{flex-direction:column;flex:1;align-items:center;gap:2rem;width:100%;max-width:800px;margin:0 auto;padding:1.5rem;display:flex}.hero{text-align:center;margin:2rem 0}.hero h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hero p{color:var(--muted-foreground);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.calculator-card{background:var(--muted);border:1px solid var(--border);border-radius:1rem;width:100%;padding:.25rem}.calculator-grid{grid-template-columns:1fr;align-items:start;gap:40px;display:grid}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.form-stack{flex-direction:column;gap:20px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.empty-state{opacity:.5;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.results-list{flex-direction:column;gap:16px;display:flex}.nutrient-item{background:var(--background);border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.nutrient-info{align-items:center;gap:12px;display:flex}.nutrient-icon{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nutrient-name{font-weight:600}.nutrient-type{text-transform:capitalize;font-size:.8rem}.nutrient-value{text-align:right}.value-text{color:var(--foreground);font-weight:700}.value-text span{color:var(--muted-foreground);font-size:.8rem}.icon-svg{width:18px;height:18px}.input-field{background-color:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:8px;padding:12px;font-size:1rem;transition:all .2s}