@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@700&display=swap";:root{--glass-bg-light: rgba(255, 255, 255, .4);--glass-bg-dark: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--neon-blue: #00f0ff;--neon-pink: #ff4f9a;--text-light: #0f0f0f;--text-dark: #fff;--font-main: "Poppins", sans-serif;--font-alt: "Inter", sans-serif;--font-title: "Manrope", sans-serif;--light-bg: #f2f3f7;--dark-bg: linear-gradient(135deg, #12172b, #1e2150, #0c0f25)}body{margin:0;font-family:var(--font-main);background:var(--dark-bg);color:var(--text-dark);transition:all .3s ease}.app.light{background:var(--light-bg);color:var(--text-light)}.app{text-align:center;padding:2rem 1rem}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.app-logo{width:85px;height:85px;border-radius:20px;box-shadow:0 4px 20px #0003;margin-bottom:.8rem}.app-title{font-family:cursive;font-size:2.8rem;color:var(--neon-pink);letter-spacing:1.2px;text-shadow:0 2px 12px rgba(255,126,229,.35);margin:.7rem 0 1.5rem;transition:all .3s ease}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.tab-button,.toggle-mode{background:linear-gradient(135deg,var(--neon-blue),var(--neon-pink));border:none;padding:.75rem 1.8rem;color:#fff;border-radius:30px;font-weight:600;font-family:var(--font-alt);font-size:1rem;cursor:pointer;transition:all .3s ease}.tab-button:hover,.toggle-mode:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.tab-button.active{border:2px solid white;box-shadow:0 0 12px var(--neon-blue)}.section{max-width:640px;margin:auto;background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #00000059;transition:all .4s ease}.section:hover{box-shadow:0 0 15px var(--neon-blue),0 0 30px var(--neon-pink);transform:translateY(-5px)}.app.light .section{background:var(--glass-bg-light);box-shadow:0 4px 16px #0000001a}h2{font-size:2.2rem;color:var(--neon-blue);margin-bottom:1.2rem}.upload-area{border:2px dashed #ccc;padding:2rem;border-radius:15px;cursor:pointer;transition:background .3s ease}.upload-area:hover{background:#ffffff1a}.upload-text{font-size:1.1rem;color:#bbb;font-family:var(--font-alt)}.browse-text{color:var(--neon-pink);font-weight:700;text-decoration:underline}.preview{max-width:100%;border-radius:15px;margin-bottom:1rem}.analyze-btn{margin-top:1rem;padding:.8rem 2.2rem;font-size:1rem;font-family:var(--font-alt);background:linear-gradient(to right,#00feba,#5b548a);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:background .8s ease,transform .2s}.analyze-btn:hover{background:linear-gradient(to right,#5b548a,#00feba);transform:scale(1.05)}.result{margin-top:2rem;background-color:#ffffff12;padding:1.5rem;border-radius:15px;font-family:var(--font-alt)}.app.light .result{background-color:#0000000d}.result h3{color:var(--neon-pink);margin-bottom:.6rem;font-size:1.6rem}.result p{font-size:1.3rem;font-weight:500}.result.error{border:2px solid red;background-color:#ff00001a;color:#ff4f4f}.nutrition{margin-top:1.5rem;background-color:#ffffff12;padding:1.3rem;border-radius:15px;font-family:var(--font-alt);text-align:center}.app.light .nutrition{background-color:#0000000d}.nutrition h3{color:var(--neon-blue);font-size:1.6rem}.nutrition ul{list-style:none;padding:0;margin-top:.5rem;font-size:1.3rem}.nutrition li{margin-bottom:.5rem;color:inherit}.toggle-mode{font-size:.95rem;background:linear-gradient(135deg,#f7971e,#ffd200);color:#222;font-weight:600}.app.light .toggle-mode{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff}.app-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;z-index:9999}