.app{background:#f9f9f9;max-width:900px;min-height:100vh;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.header{text-align:center;margin-bottom:2rem}.header h1{color:#1b1f3b;margin-bottom:.25rem;font-size:2rem}.subtitle{color:#888;font-size:1rem}.controls{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.search-input,.select-input{border:1px solid #ddd;border-radius:8px;flex:1;min-width:200px;padding:.6rem 1rem;font-size:1rem}.search-input:focus,.select-input:focus{border-color:#e8a838;outline:none;box-shadow:0 0 0 2px #e8a83833}.results-count{color:#888;margin-bottom:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.carte{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.25rem;transition:transform .15s,box-shadow .15s}.carte:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.carte h2{color:#1b1f3b;margin:0 0 .5rem;font-size:1.2rem}.carte-details{color:#666;margin-bottom:.75rem;font-size:.9rem}.carte-bio{border:2px solid #4caf50}.badge-bio{color:#2e7d32;background:#e8f5e9;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.carte-actions{gap:.5rem;display:flex}.btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:background .15s}.btn:hover{background:#f5f5f5}.btn-like{color:#e06c75}.app.dark{color:#e0e0e0;background:#1a1a2e}.app.dark .header h1{color:#e8a838}.app.dark .subtitle{color:#888}.app.dark .carte{background:#252a4a;border-color:#333}.app.dark .carte h2{color:#f5d78e}.app.dark .carte-details{color:#aaa}.app.dark .search-input,.app.dark .select-input,.app.dark .btn{color:#e0e0e0;background:#252a4a;border-color:#444}.app.dark .results-count{color:#888}