@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-main: #fefefe;--bg-accent: #f8f9fa;--green-fresh: #22c55e;--green-dark: #16a34a;--orange-ripe: #f97316;--red-rotten: #ef4444;--purple-accent: #8b5cf6;--yellow-highlight: #fbbf24;--text-dark: #1f2937;--text-light: #6b7280;--text-white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-main);color:var(--text-dark);min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(34,197,94,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(249,115,22,.08) 0%,transparent 40%)}button{border:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{scrollbar-width:thin;scrollbar-color:#d1d5db #ffffff}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px}.logo-text{font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-dark);letter-spacing:-.02em}.badge{background:linear-gradient(135deg,var(--green-fresh),var(--orange-ripe));color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:20px}.header-right{display:flex;align-items:center;gap:.75rem}.github-link{display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:color .2s}.github-link:hover{color:var(--text-dark)}.content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;width:100%}.hero{text-align:center;padding:0 1.5rem 2rem}.hero h1{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em}.highlight{background:linear-gradient(135deg,var(--green-fresh),var(--purple-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-light);font-size:1rem;max-width:360px;margin:0 auto 1.5rem}.supported-fruits{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.supported-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-light);letter-spacing:.05em}.fruit-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:450px}.fruit-chip{display:flex;align-items:center;gap:.375rem;padding:.4rem .8rem;background:#fff;border:1px solid #e5e7eb;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:all .2s ease}.fruit-chip:hover{transform:translateY(-2px);border-color:var(--green-fresh);box-shadow:0 4px 12px #22c55e1a}.chip-icon{font-size:1rem}.main{padding:0 1.5rem;max-width:480px;margin:0 auto;width:100%}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #d1d5db;border-radius:var(--radius-lg);background:var(--bg-accent);cursor:pointer;transition:all .2s ease;text-align:center}.dropzone-content{display:flex;flex-direction:column;align-items:center;text-align:center}.dropzone:hover,.dropzone.drag-over{border-color:var(--green-fresh);background:#22c55e0d}.upload-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--green-fresh),var(--orange-ripe));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.25rem}.dropzone-title{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.dropzone-hint{color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.format-tags{display:flex;gap:.5rem}.format-tags span{background:#e5e7eb;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-light)}.preview-section{display:flex;flex-direction:column;gap:1rem}.preview-wrapper{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.preview-image{width:100%;height:280px;object-fit:cover;display:block}.change-btn{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.375rem;background:#fffffff2;padding:.5rem .875rem;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:transform .2s}.change-btn:hover{transform:scale(1.05)}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--green-fresh),var(--green-dark));color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:0 4px 14px #22c55e59;transition:all .2s ease}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.analyze-btn:disabled{opacity:.8}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626;font-size:.9rem}.result-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.result-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--green-fresh),var(--green-dark));color:#fff;font-weight:600}.check-icon{background:#fff3;border-radius:50%;padding:4px}.result-content{padding:1.5rem}.fruit-info{text-align:center;margin-bottom:1.5rem}.fruit-image-wrap{width:100px;height:100px;margin:0 auto .75rem;border-radius:50%;overflow:hidden;border:4px solid var(--green-fresh);box-shadow:var(--shadow-md)}.fruit-image{width:100%;height:100%;object-fit:cover}.fruit-name{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;border-radius:var(--radius-sm);text-align:center}.stat-emoji{font-size:1.75rem;margin-bottom:.25rem}.timer-icon{color:var(--purple-accent);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700}.shelf-life{background:#f3e8ff}.shelf-life .stat-value{color:var(--purple-accent)}.report-box{background:var(--bg-accent);padding:1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem}.report-box p{font-style:italic;color:var(--text-light);font-size:.95rem;line-height:1.5;text-align:center}.new-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:var(--bg-accent);border:1px solid #e5e7eb;border-radius:var(--radius-sm);font-weight:500;color:var(--text-dark);transition:all .2s}.new-btn:hover{background:#e5e7eb}.footer{text-align:center;padding:1.5rem;color:var(--text-light);font-size:.85rem}.scanning-laser{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--green-fresh),transparent);box-shadow:0 0 15px var(--green-fresh);z-index:10;animation:scan 2s linear infinite}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.history-section{width:100%;max-width:520px;margin-top:3rem;padding:0 1rem}.history-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.history-icon{color:var(--green-fresh)}.history-header h3{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-dark)}.history-header p{font-size:.8rem;color:var(--text-light);margin-left:auto;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.history-grid{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1.5rem;scrollbar-width:none}.history-grid::-webkit-scrollbar{display:none}.history-card{flex:0 0 140px;background:#fff;border-radius:var(--radius-sm);padding:.75rem;box-shadow:var(--shadow-sm);border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.history-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--green-fresh)}.history-thumb{width:100%;height:80px;border-radius:8px;overflow:hidden;margin-bottom:.75rem}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-info{display:flex;flex-direction:column;gap:.25rem}.history-name{font-weight:600;font-size:.85rem;color:var(--text-dark)}.history-status{font-size:.75rem;font-weight:500}@media(min-width:640px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem;max-width:420px}.main{max-width:520px}}@media(min-width:768px){.hero{padding:0 2rem 2.5rem}.hero h1{font-size:3rem}.preview-image{height:320px}}