:root{--primary: #E91E8C;--primary-light: #FF6EB4;--accent: #FFD700;--cream: #FFF5F9;--white: #FFFFFF;--text-dark: #1A0A12;--text-light: #6B3A5C;--text-muted: #B07A9E;--border: #F5D0E3;--turquoise: #00CED1;--violet: #9B59B6;--coral: #FF6B6B;--mint: #98FB98;--hot-pink: #FF1493;--shadow-soft: 0 4px 20px rgba(233, 30, 140, .15);--shadow-medium: 0 8px 40px rgba(233, 30, 140, .2);--shadow-kitsch: 4px 4px 0px var(--accent);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50%;--transition: .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #FF1493, #FF6EB4, #FFD700);--gradient-bg: linear-gradient(180deg, #FFF5F9 0%, #FFF0F5 50%, #F0F8FF 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-bg);color:var(--text-dark);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}body{font-family:Nunito,sans-serif;font-size:16px;font-weight:500}h1,h2,h3,h4,h5,h6{font-family:Pacifico,cursive;font-weight:400;line-height:1.3}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}p{line-height:1.6}strong{font-weight:800;color:var(--hot-pink)}@media (min-width: 1024px){h1{font-size:2.6rem}h2{font-size:2.2rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;background:var(--gradient-primary);color:var(--white);font-weight:800;font-size:1rem;border-radius:50px;border:3px solid var(--accent);cursor:pointer;transition:var(--transition);box-shadow:4px 4px 0 var(--accent);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent)}.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--border)}.btn-primary svg{width:20px;height:20px}.btn-secondary-small{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--white);color:var(--hot-pink);font-weight:700;font-size:.85rem;border-radius:50px;border:2px solid var(--hot-pink);cursor:pointer;transition:var(--transition);box-shadow:2px 2px 0 var(--hot-pink)}.btn-secondary-small:hover{background:var(--cream);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--hot-pink)}.btn-secondary-small svg{width:16px;height:16px}.btn-capture{width:80px;height:80px;border-radius:var(--radius-full);background:var(--white);border:5px solid var(--hot-pink);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff149366,4px 4px 0 var(--accent);position:relative}.btn-capture:after{content:"";width:58px;height:58px;border-radius:var(--radius-full);background:var(--gradient-primary);transition:var(--transition)}.btn-capture:hover{transform:translate(-2px,-2px);box-shadow:0 4px 20px #ff149380,6px 6px 0 var(--accent)}.btn-capture:hover:after{transform:scale(.9)}.btn-capture:active{transform:translate(2px,2px)}.btn-capture:active:after{transform:scale(.85)}.btn-capture:disabled{opacity:.5;cursor:not-allowed}.btn-capture:disabled:after{background:var(--text-muted)}.btn-flip{width:44px;height:44px;border-radius:var(--radius-full);background:#ff14934d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-flip:hover{background:#ff149380}.btn-flip svg{width:22px;height:22px}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 16px;color:var(--white);font-size:.9rem;font-weight:700;background:#ff149340;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:var(--transition)}.btn-back:hover{background:#ff149366}.btn-back svg{width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .spinner-icon,.btn-secondary-small .spinner-icon{animation:spin 1s linear infinite}.analysis-result{background:transparent;border:none;padding:0;box-shadow:none;line-height:1.6;font-size:.9rem}.food-analysis{display:flex;flex-direction:column;gap:16px}.fa-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white);border-radius:var(--radius-md);padding:20px;border:3px solid var(--hot-pink);box-shadow:4px 4px 0 var(--accent)}.fa-name h3{font-family:Pacifico,cursive;font-size:1.4rem;font-weight:400;color:var(--hot-pink);margin:0;line-height:1.3;text-shadow:1px 1px 0px rgba(255,215,0,.3)}.fa-subtitle{display:block;font-size:.8rem;color:var(--text-muted);margin-top:4px;font-weight:600}.fa-score{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.fa-score-ring{position:relative;width:70px;height:70px}.fa-score-ring svg{width:100%;height:100%}.fa-score-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--score-color);font-family:Nunito,sans-serif}.fa-score-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--score-color)}.fa-section{background:var(--white);border-radius:var(--radius-md);padding:16px 20px;border:2px solid var(--border);box-shadow:3px 3px #ff149326}.fa-section-title{font-family:Pacifico,cursive;font-size:.95rem;font-weight:400;color:var(--hot-pink);margin-bottom:12px;padding-bottom:8px;border-bottom:2px dashed var(--border)}.fa-macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fa-macro-card{background:linear-gradient(135deg,#ff14930d,#ffd70014);border-radius:var(--radius-sm);padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px;border:2px solid var(--border)}.fa-macro-wide{grid-column:1 / -1}.fa-macro-value{font-size:1.6rem;font-weight:900;color:var(--hot-pink);font-family:Nunito,sans-serif}.fa-macro-sm{font-size:.9rem}.fa-macro-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.fa-ingredients-table{display:flex;flex-direction:column}.fa-ing-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:8px;padding:8px 0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--hot-pink);border-bottom:2px solid var(--border)}.fa-ing-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:8px;padding:10px 0;border-bottom:1px dashed var(--border);align-items:center}.fa-ing-row:last-child{border-bottom:none}.fa-ing-name{font-weight:700;color:var(--text-dark);font-size:.85rem}.fa-ing-val{font-size:.8rem;color:var(--text-light);text-align:center;font-weight:700}.fa-ing-vit{font-size:.7rem;color:var(--turquoise);font-weight:600}.fa-health-card{border-radius:var(--radius-sm);padding:14px}.fa-health-card.healthy{background:#98fb9826;border:2px solid rgba(152,251,152,.5)}.fa-health-card.unhealthy{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.4)}.fa-health-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.health-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);font-size:.9rem;font-weight:900}.health-icon.healthy{background:#98fb984d;color:#2e8b57}.health-icon.unhealthy{background:#ff6b6b4d;color:var(--coral)}.fa-health-level{font-weight:800;font-size:.95rem;color:var(--text-dark)}.fa-health-reasons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.fa-health-reasons li{font-size:.8rem;color:var(--text-light);padding-left:18px;position:relative;font-weight:600}.fa-health-reasons li:before{content:"✦";position:absolute;left:2px;color:var(--hot-pink)}.fa-suggestions{display:flex;flex-direction:column;gap:14px}.fa-sug-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:linear-gradient(135deg,#00ced10d,#ff149308);border-radius:var(--radius-sm);border:1px solid var(--border)}.fa-sug-icon{font-size:1.3rem;line-height:1;flex-shrink:0;width:30px;text-align:center}.fa-sug-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--hot-pink);margin-bottom:2px}.fa-sug-text{display:block;font-size:.85rem;color:var(--text-dark);font-weight:600}.fa-recipes{display:flex;flex-direction:column;gap:12px}.fa-recipe-card{display:flex;gap:12px;align-items:flex-start;padding:14px;background:linear-gradient(135deg,#ffd70014,#ff14930d);border-radius:var(--radius-sm);border:2px solid var(--border);box-shadow:2px 2px #ff14931a}.fa-recipe-num{width:30px;height:30px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--white);font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 0 var(--accent)}.fa-recipe-content{flex:1;min-width:0}.fa-recipe-title{display:block;font-weight:800;font-size:.9rem;color:var(--hot-pink);margin-bottom:4px}.fa-recipe-steps{font-size:.8rem;color:var(--text-light);line-height:1.5;margin:0;font-weight:500}.loading-analysis{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--hot-pink);border-right-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-analysis p{color:var(--text-light);font-size:.95rem;text-align:center;font-weight:600}.error-container{background:var(--white);border-radius:var(--radius-md);padding:32px 24px;border:3px solid var(--coral);box-shadow:4px 4px #ff6b6b33;text-align:center}.error-container .error-icon{font-size:2.5rem;margin-bottom:12px}.error-container .error-title{font-family:Pacifico,cursive;font-size:1.1rem;color:var(--text-dark);margin-bottom:8px}.error-container .error-message{color:var(--text-light);font-size:.9rem;margin-bottom:16px;font-weight:600}.error-container .error-suggestions{text-align:left;padding:12px 16px;background:var(--cream);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-light);border:1px dashed var(--border)}.error-container .error-suggestions li{padding:4px 0;font-weight:600}.error-container .error-suggestions li:before{content:"✦";color:var(--hot-pink)}.captured-image-container{border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px;border:3px solid var(--hot-pink);box-shadow:4px 4px 0 var(--accent)}.captured-image-container img{width:100%;height:auto;display:block}.header{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--white);border-bottom:3px solid var(--hot-pink);position:sticky;top:0;z-index:100;box-shadow:0 4px 15px #ff14931f}.logo{font-family:Pacifico,cursive;font-size:1.3rem;font-weight:400;color:var(--hot-pink);letter-spacing:1px;-webkit-user-select:none;user-select:none;cursor:default;text-shadow:2px 2px 0px var(--accent);line-height:1.2}.logo span{font-family:Nunito,sans-serif;color:var(--turquoise);font-weight:800;font-size:.5em;display:block;letter-spacing:3px;text-transform:uppercase;margin-top:-2px;text-shadow:none}.footer{text-align:center;padding:12px 20px;color:var(--text-muted);font-size:.75rem;border-top:3px solid var(--hot-pink);background:var(--white);font-weight:600}@media (min-width: 1024px){.header{padding:6px 20px}.logo{font-size:1.1rem}.footer{padding:8px 20px;font-size:.7rem}}.hero-section{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:600px;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,#ff14931f,#ffd70026);border:2px dashed var(--hot-pink);border-radius:50px;font-size:.75rem;font-weight:800;color:var(--hot-pink);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.hero-badge svg{width:14px;height:14px}.hero-section h1{margin-bottom:12px;color:var(--text-dark);text-shadow:2px 2px 0px rgba(255,215,0,.3)}.hero-description{font-size:1rem;color:var(--text-light);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto;font-weight:600}.hero-features{display:flex;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}.hero-feature{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--white);padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--border);box-shadow:3px 3px 0 var(--accent);transition:var(--transition)}.hero-feature:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--hot-pink)}.hero-feature svg{color:var(--hot-pink);width:20px;height:20px}.hero-feature-title{font-weight:800;font-size:.8rem;color:var(--text-dark)}.hero-feature-desc{font-size:.7rem;color:var(--text-muted);font-weight:600}.availability-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#00ced11a;border:2px solid rgba(0,206,209,.4);border-radius:50px;font-size:.7rem;font-weight:700;color:var(--turquoise);margin-top:16px}.availability-badge.low{background:#ff98001a;border-color:#ff980066;color:#ff9800}.availability-badge.exhausted{background:#ff6b6b1a;border-color:#ff6b6b66;color:var(--coral)}.availability-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-video-wrapper{margin-top:24px;position:relative;max-width:350px;width:100%;border-radius:var(--radius-lg);overflow:hidden;border:4px solid var(--hot-pink);box-shadow:6px 6px 0 var(--accent)}.hero-video{width:100%;height:auto;display:block;object-fit:cover}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff14930d,#00ced10d);pointer-events:none}@media (min-width: 1024px){.hero-section{flex-direction:row;text-align:left;padding:20px 60px;gap:40px;min-height:calc(100vh - 46px);max-height:calc(100vh - 46px);overflow:hidden}.hero-content{flex:1}.hero-badge{margin-bottom:12px;padding:5px 14px;font-size:.7rem}.hero-section h1{font-size:2.6rem;margin-bottom:10px}.hero-description{margin-left:0;margin-bottom:16px;font-size:.95rem}.hero-features{justify-content:flex-start;gap:12px;margin-top:16px}.hero-feature{padding:10px 14px;gap:3px}.hero-feature svg{width:18px;height:18px}.hero-feature-title{font-size:.75rem}.hero-feature-desc{font-size:.65rem}.availability-badge{margin-top:12px;font-size:.65rem;padding:4px 12px}.hero-video-wrapper{flex:1;margin-top:0;max-width:420px;max-height:calc(100vh - 120px);box-shadow:5px 5px 0 var(--accent);border-width:3px}.hero-video{max-height:calc(100vh - 130px);object-fit:cover}}@media (min-width: 1024px) and (min-height: 900px){.hero-section{padding:30px 80px;gap:50px}.hero-section h1{font-size:3rem}}.camera-section{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a12;z-index:200;flex-direction:column}.camera-section.active{display:flex}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(26,10,18,.8),transparent)}.camera-header-left{display:flex;align-items:center;gap:12px}.category-selector{display:flex;gap:8px;padding:8px 16px;position:absolute;top:60px;left:0;right:0;z-index:10;justify-content:center;flex-wrap:wrap}.category-btn{padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:700;color:#ffffffb3;background:#ff149326;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,20,147,.3);cursor:pointer;transition:var(--transition);white-space:nowrap}.category-btn.active{background:var(--hot-pink);color:var(--white);border-color:var(--accent);box-shadow:0 0 15px #ff149366}.camera-status{position:absolute;top:110px;left:0;right:0;z-index:10;text-align:center;color:#ffffffe6;font-size:.85rem;font-weight:700;text-shadow:0 2px 8px rgba(255,20,147,.5)}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-wrapper video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:3px solid rgba(255,20,147,.3)}.guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:5}.guide-overlay.active{display:flex;align-items:center;justify-content:center}.guide-crosshair:before,.guide-crosshair:after{content:"";position:absolute;background:#ff149366}.guide-crosshair:before{width:1px;height:40%;top:30%}.guide-crosshair:after{height:1px;width:40%;left:30%}.guide-crosshair .corner{position:absolute;width:30px;height:30px;border-color:var(--hot-pink);border-style:solid;border-width:0}.guide-crosshair .corner-tl{top:25%;left:25%;border-top-width:3px;border-left-width:3px}.guide-crosshair .corner-tr{top:25%;right:25%;border-top-width:3px;border-right-width:3px}.guide-crosshair .corner-bl{bottom:25%;left:25%;border-bottom-width:3px;border-left-width:3px}.guide-crosshair .corner-br{bottom:25%;right:25%;border-bottom-width:3px;border-right-width:3px}.guide-oval .oval{width:65%;height:55%;border:3px solid rgba(255,20,147,.4);border-radius:50%}.guide-rectangle .rect{width:75%;height:60%;border:3px solid rgba(255,20,147,.4);border-radius:var(--radius-md)}.guide-free{display:none!important}.camera-controls{padding:20px 20px 40px;display:flex;align-items:center;justify-content:center;gap:40px;background:linear-gradient(to top,#1a0a12e6,#1a0a124d);position:absolute;bottom:0;left:0;right:0;z-index:10}.flip-camera-btn{position:absolute;top:12px;right:16px;z-index:10}@media (min-width: 1024px){.video-wrapper video{object-fit:contain}}.results-section{display:none;min-height:calc(100vh - 70px);padding:20px;max-width:700px;margin:0 auto}.results-section.active{display:block}.results-header{text-align:center;margin-bottom:24px}.results-header h2{color:var(--hot-pink);text-shadow:2px 2px 0px rgba(255,215,0,.3);margin-bottom:4px}.results-header p{color:var(--text-muted);font-size:.85rem;font-weight:600}.results-body{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.results-actions{display:flex;justify-content:center;padding:20px 0}.paywall-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0a12cc;z-index:300;align-items:center;justify-content:center;padding:20px}.paywall-overlay.active{display:flex}.paywall-card{background:var(--white);border-radius:var(--radius-lg);padding:40px 32px;max-width:450px;width:100%;text-align:center;box-shadow:var(--shadow-medium);border:3px solid var(--hot-pink);position:relative}.paywall-card .close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition)}.paywall-card .close-btn:hover{background:var(--cream);color:var(--hot-pink)}.paywall-card h3{margin-bottom:12px;color:var(--hot-pink)}.paywall-card p{color:var(--text-light);margin-bottom:24px;font-size:.95rem}.paywall-card .invest-amount{font-family:Pacifico,cursive;font-size:2rem;color:var(--hot-pink);margin-bottom:8px;text-shadow:2px 2px 0px var(--accent)}.dev-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#1a0a12;color:#e0e0e0;z-index:400;max-height:50vh;overflow-y:auto;border-top:3px solid var(--hot-pink);font-family:Courier New,monospace;font-size:.8rem}.dev-bar.active{display:block}.dev-bar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#2a0a1a;position:sticky;top:0}.dev-bar-header h4{font-family:Courier New,monospace;color:var(--hot-pink);font-size:.85rem}.dev-bar-close{color:var(--text-muted);cursor:pointer;padding:4px}.dev-bar-close:hover{color:var(--white)}.dev-bar-body{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.dev-bar-section{padding:8px 12px;background:#ff14930d;border-radius:var(--radius-sm)}.dev-bar-section label{display:block;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.dev-bar-section select,.dev-bar-section input{width:100%;padding:6px 8px;background:#3a0a2a;border:1px solid var(--hot-pink);color:var(--white);border-radius:4px;font-size:.8rem}.dev-bar-btn{padding:6px 12px;background:var(--hot-pink);color:var(--white);border-radius:50px;font-weight:700;font-size:.75rem;cursor:pointer;border:none;transition:var(--transition)}.dev-bar-btn:hover{opacity:.9}.dev-hint{display:none;position:fixed;bottom:20px;right:20px;background:#1a0a12;color:var(--hot-pink);padding:8px 16px;border-radius:50px;font-size:.75rem;font-weight:700;z-index:50;box-shadow:var(--shadow-medium);border:2px solid var(--hot-pink);animation:fadeInOut 5s forwards}.dev-hint.show{display:block}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}