:root{color-scheme:light;font-family:Segoe UI,ui-rounded,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(135deg,#fef9c3,#ecfdf5,#ede9fe);color:#1a1a1a}.app{max-width:900px;margin:0 auto;padding:1.5rem 1rem 2rem}.header{text-align:center;margin-bottom:1.5rem}.title{font-size:2.5rem;font-weight:800;margin:0;color:#166534;letter-spacing:-.02em}.title-emoji{font-size:2.2rem}.subtitle{margin:.25rem 0 0;font-size:1.15rem;color:#4a7c59;font-weight:500}.tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.tab{font-family:inherit;font-size:1rem;font-weight:700;padding:.6rem 1.5rem;border-radius:2rem;border:2px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.tab:hover{border-color:#86efac;color:#166534}.tab.active{background:#166534;color:#fff;border-color:#166534}.veg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.veg-card{font-family:inherit;border:2px solid;border-radius:1.25rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem}.veg-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.veg-emoji{font-size:3.5rem;line-height:1;margin-bottom:.25rem;transition:transform .3s}.veg-card:hover .veg-emoji{transform:scale(1.15) rotate(-5deg)}.veg-card h3{margin:0;font-size:1.35rem;font-weight:800}.veg-taste{font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.veg-fact{margin:.5rem 0 0;font-size:.9rem;font-weight:500;line-height:1.4;animation:popIn .3s ease}.veg-hint{margin:.5rem 0 0;font-size:.8rem;color:#9ca3af;font-weight:500}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-container{max-width:520px;margin:0 auto;background:#fff;border-radius:1.5rem;padding:2rem 1.5rem;box-shadow:0 4px 20px #0000000f;text-align:center}.quiz-header{display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-progress{font-size:.85rem;font-weight:600;color:#6b7280}.quiz-score{font-size:.85rem;font-weight:700;color:#166534}.quiz-question-emoji{font-size:3rem;margin-bottom:.5rem}.quiz-question{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 1.25rem}.quiz-options{display:flex;flex-direction:column;gap:.6rem}.quiz-option{font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;transition:all .2s}.quiz-option:hover{border-color:#86efac;background:#f0fdf4}.quiz-option.correct{background:#dcfce7;border-color:#22c55e;color:#166534}.quiz-option.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.quiz-feedback{margin-top:1.25rem}.quiz-feedback p{font-size:1.05rem;font-weight:600;margin:0 0 1rem}.quiz-btn{font-family:inherit;font-size:1rem;font-weight:700;padding:.7rem 2rem;border-radius:2rem;border:none;background:#166534;color:#fff;cursor:pointer;transition:background .2s}.quiz-btn:hover{background:#14532d}.quiz-score-big{font-size:4rem;margin-bottom:.5rem}.quiz-title{font-size:1.75rem;font-weight:800;color:#166534;margin:0 0 .5rem}.quiz-score-text{font-size:1.1rem;color:#4b5563;margin:0 0 1.5rem;font-weight:500}.footer{text-align:center;margin-top:2.5rem;color:#9ca3af;font-size:.85rem;font-weight:500}@media(max-width:500px){.title{font-size:1.8rem}.title-emoji{font-size:1.6rem}.veg-grid{grid-template-columns:1fr}.quiz-container{padding:1.25rem 1rem}}