:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #fafaf9;--surface: #ffffff;--text: #1c1917;--text-muted: #78716c;--border: #e7e5e4;--accent: #16a34a;--accent-light: #dcfce7}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.header-emoji{font-size:2.5rem;line-height:1}.header-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#16a34a,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{margin:0;color:var(--text-muted);font-size:.95rem}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-input::placeholder{color:var(--text-muted)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.filter-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{padding:.35rem .75rem;border:1px solid var(--border);border-radius:2rem;background:var(--surface);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--text)}.pill-active{background:var(--accent);border-color:var(--accent);color:#fff}.pill-active:hover{background:#15803d;border-color:#15803d;color:#fff}.fruit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.fruit-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--surface);cursor:pointer;transition:all .2s;text-align:center}.fruit-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.fruit-card-emoji{font-size:3rem;line-height:1;margin-bottom:.75rem}.fruit-card-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.fruit-card-category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.no-results{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:3rem 0;font-size:1.05rem}.detail{max-width:640px;margin:0 auto}.back-btn{background:none;border:none;color:var(--accent);font-size:.95rem;cursor:pointer;padding:.25rem 0;margin-bottom:1.5rem;font-weight:500}.back-btn:hover{text-decoration:underline}.detail-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.detail-emoji{font-size:4rem;width:5rem;height:5rem;display:grid;place-items:center;border-radius:1rem;flex-shrink:0}.detail-name{margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:-.02em}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.detail-badge{padding:.2rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600}.detail-season,.detail-origin{font-size:.85rem;color:var(--text-muted)}.detail-description{font-size:1.05rem;line-height:1.7;color:#44403c;margin-bottom:2rem}.detail-section{margin-bottom:2rem}.detail-section h2{font-size:1.15rem;font-weight:600;margin:0 0 1rem;letter-spacing:-.01em}.nutrition-grid{display:flex;flex-direction:column;gap:.75rem}.nutrition-row{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:.75rem}.nutrition-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.nutrition-bar-bg{height:.5rem;background:#f5f5f4;border-radius:1rem;overflow:hidden}.nutrition-bar-fill{height:100%;border-radius:1rem;transition:width .5s ease}.nutrition-value{font-size:.85rem;font-weight:600;text-align:right}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.benefits-list li{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.benefit-check{font-weight:700;font-size:1rem}.fun-fact{padding:1.25rem;border:2px solid;border-radius:.75rem;background:#fefce8}.fun-fact h2{margin:0 0 .5rem;font-size:1.1rem}.fun-fact p{margin:0;font-size:.95rem;line-height:1.6;color:#44403c}.footer{text-align:center;padding:1rem 0 0;color:var(--text-muted);font-size:.85rem}@media(max-width:600px){.app{padding:1.5rem 1rem}.header-title{font-size:1.5rem}.fruit-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.fruit-card{padding:1rem .75rem}.fruit-card-emoji{font-size:2.25rem}.detail-header{flex-direction:column;text-align:center}.detail-meta{justify-content:center}.nutrition-row{grid-template-columns:80px 1fr 60px;gap:.5rem}}