*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4166f5,#003153 40%,#000f89 70%,#87ceeb);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#4166f5,#003153 40%,#000f89 70%,#87ceeb);color:#fff;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;padding:2rem;text-align:center}.header-content{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:800px}.logo{animation:pulse 2s ease-in-out infinite;font-size:3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#87ceeb,#10b981,#4166f5);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:0}.App-header p{font-size:1.2rem;opacity:.9}@media (max-width:768px){.App-header{padding:1rem}.header-content{gap:.5rem}.logo{font-size:2rem}.App-header h1{font-size:1.8rem}.App-header p{font-size:.85rem;margin:0}}.instruction-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;gap:.75rem;justify-content:center;margin:1rem auto;max-width:1300px;padding:1rem 2rem;width:calc(100% - 2rem)}.banner-icon{flex-shrink:0;font-size:2rem}.instruction-banner p{font-size:clamp(.68rem,1vw,.95rem);line-height:1.4;margin:0;white-space:nowrap}@media (max-width:768px){.instruction-banner{align-items:flex-start;flex-direction:row!important;gap:.5rem;margin:.5rem auto;max-width:none;padding:.5rem .75rem;width:calc(100% - 1.5rem)}.banner-icon{font-size:1.3rem;margin-top:.1rem}.instruction-banner p{flex:1 1;font-size:.75rem;line-height:1.25;text-align:left;white-space:normal}}.container{margin:0 auto;padding:0;width:100%}.mode-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.mode-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.mode-btn:hover{background:#fff3;transform:translateY(-2px)}.mode-btn.active{background:var(--mode-color);border-color:var(--mode-color);box-shadow:0 4px 12px #0003}.content-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1300px;padding:0;width:calc(100% - 2rem)}.image-section,.main-content,.results-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-sizing:border-box;flex-shrink:0;margin:0;padding:1.5rem;width:100%}.image-section>*,.main-content>*{box-sizing:border-box;max-width:100%}.image-controls{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:720px){.image-controls .control-btn{white-space:nowrap}}.image-controls .settings-btn{grid-column:1/-1}.mode-content>h2{margin-top:.25rem}.control-btn{align-items:center;background:#10b981;border:1px solid #0ea37a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.lang-flag{background:#ffffff1f}.control-btn.lang-flag.active{background:#0000!important;border:2px solid #10b981!important}.control-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.control-btn.active{background:#10b981;border-color:#10b981}.control-btn.secondary{background:#10b981;border-color:#0ea37a}.settings-panel{background:#0000004d;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.settings-panel h3{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.settings-section{margin-bottom:1.5rem}.settings-section h4{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.tag-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.tag-btn:hover{background:#fff3}.tag-btn.active{background:#ef4444;border-color:#ef4444;font-weight:600}.goal-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.goal-select option{background:#003153;color:#fff}.webcam-container{border-radius:12px;margin-bottom:1rem;overflow:hidden;position:relative}.webcam{border-radius:12px;width:100%}.webcam-controls{display:flex;gap:.5rem;margin-top:.5rem}.capture-btn,.flip-camera-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease}.flip-camera-btn{background:#fff3;color:#fff}.capture-btn{background:#10b981;color:#fff}.capture-btn:hover{background:#059669}.image-display{border-radius:12px;margin-bottom:1rem;overflow:hidden}.image-display img{border-radius:12px;display:block;width:100%}@media (max-width:768px){.image-display{margin-bottom:.5rem}.image-display img{max-height:none;object-fit:contain}}.placeholder{align-items:center;border:2px dashed #ffffff4d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.placeholder-hint{font-size:.9rem;margin-top:.5rem;opacity:.7}.mode-content h2{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.mode-description{margin-bottom:1.5rem;opacity:.9}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.action-btn.primary{background:#10b981;background:var(--mode-color,#10b981);color:#fff}.action-btn.secondary{background:#10b981;border:1px solid #0ea37a;color:#fff}.action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.allergen-warning{align-items:start;background:#ef444433;border:2px solid #ef4444;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.allergen-warning strong{display:block;margin-bottom:.25rem}.results{background:#0003;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.results h3{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.nutrition-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:1.5rem}.nutrition-card{background:#ffffff1a;border-radius:12px;padding:1rem;text-align:center}.nutrition-card.highlight{background:#10b981;box-shadow:0 4px 12px #10b9814d}.nutrition-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.nutrition-label{font-size:.85rem;opacity:.9}.health-score{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.score-label{font-weight:600;white-space:nowrap}.score-bar{background:#fff3;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.score-fill{border-radius:12px;height:100%;transition:width .5s ease}.score-value{font-size:1.1rem;font-weight:700;white-space:nowrap}.health-summary{line-height:1.6;margin-bottom:1.5rem;opacity:.95}.food-item{background:#ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1rem}.food-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.food-header h4{font-size:1.1rem;margin:0}.portion{background:#fff3;border-radius:20px;font-size:.85rem;padding:.25rem .75rem}.food-nutrition{display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-bottom:.75rem}.food-allergens,.food-ingredients{font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.trans-fat-warning{background:#ef444433;border:1px solid #ef4444;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.5rem}.food-health{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.health-score-badge{background:#fff3;border-radius:20px;font-size:.9rem;font-weight:600;padding:.4rem .75rem}.health-notes{font-size:.85rem;font-style:italic;opacity:.9}.compatibility-tags{display:flex;flex-wrap:wrap;gap:.5rem}.compatible-tag{background:#10b9814d;border:1px solid #10b981;border-radius:20px;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.recipe-section{background:#10b9811a;border:1px solid #10b981}.recipe-content{line-height:1.8;white-space:pre-wrap}.recipe-content p{margin-bottom:.5rem}.App-footer{background:#0003;margin-top:2rem;padding:2rem;text-align:center}.App-footer p{margin:.25rem 0;opacity:.9}.detected-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#87ceeb);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;letter-spacing:.3px;margin:0 0 .75rem}@media (max-width:768px){.App-header h1{font-size:2rem}.instruction-banner{flex-direction:column;padding:.75rem 1rem;text-align:center}.mode-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);justify-items:stretch}.mode-btn{font-size:.8rem;justify-content:center;padding:.55rem .75rem;width:100%}.nutrition-summary{grid-template-columns:repeat(2,1fr)}.food-header{align-items:flex-start;flex-direction:column;gap:.5rem}.container{padding:.5rem}.content-container{gap:.5rem}.image-section,.main-content,.results-section{padding:.6rem}.placeholder{min-height:150px;padding:.75rem}.action-btn{padding:.65rem 1rem}.mode-content h2{font-size:1.3rem;margin-bottom:.25rem}.mode-description{font-size:.85rem;line-height:1.3;margin-bottom:.5rem}.action-buttons{margin-bottom:.75rem}.App,body,html{overflow-x:hidden}.action-buttons{justify-content:center}.action-btn.primary{max-width:420px;width:100%}}.toggle-row{align-items:center;display:flex;font-size:.95rem;gap:.5rem;opacity:.95}
/*# sourceMappingURL=main.df07447d.css.map*/