:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f8fafc}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.app{display:grid;gap:2rem}.hero{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between;padding:2rem;border-radius:20px;background:linear-gradient(120deg,#e7f0ff,#fdf5ff)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin:0;color:#4f5b83}.subtitle{margin:.5rem 0 0;color:#394564}.api-chip{padding:.5rem 1rem;border-radius:999px;background:#fff;font-size:.85rem;color:#4f5b83;box-shadow:0 6px 12px #1f293714}.api-chip span{font-weight:600;color:#1f2937}.controls{display:grid;gap:1.5rem}.active-filters{padding:1rem;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:grid;gap:.75rem}.active-filters-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#4b5563}.active-filters-chips{display:flex;flex-wrap:wrap;gap:.5rem}.active-filter-chip{border-radius:999px;border:1px solid #111827;padding:.2rem .7rem;font-size:.8rem;background:#111827;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.active-filter-chip span{font-size:.85rem}.search label,.filter-group label,.page-size label{display:block;font-size:.85rem;color:#4b5563;margin-bottom:.35rem}.search input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-size:1rem}.filters{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.page-size select{width:100%;min-height:auto;padding:.5rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-size:.9rem}.filter-label{display:block;font-size:.85rem;color:#4b5563;margin-bottom:.35rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem;max-height:160px;overflow:auto;padding:.35rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.filter-chip{border-radius:999px;border:1px solid #e5e7eb;padding:.2rem .65rem;font-size:.8rem;background:#fff;color:#111827;cursor:pointer}.filter-chip.active{background:#111827;color:#fff;border-color:#111827}.filter-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.sort-control label{display:block;font-size:.85rem;color:#4b5563;margin-bottom:.35rem}.sort-control select{width:160px;padding:.45rem .6rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-size:.9rem}.results{display:grid;gap:1.5rem}.results-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.results-header h2{margin:0}.pagination{display:flex;gap:.75rem}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 20px #0f172a0f;min-width:0;overflow-wrap:anywhere}.card>*{min-width:0}.card h3{margin:0;font-size:1.1rem}.description{margin:.25rem 0 0;color:#6b7280;line-height:1.45}.meta{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.2rem .6rem;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;align-self:flex-start}.chip.subtle{background:#f3f4f6;color:#374151}.info{display:grid;gap:.25rem;font-size:.85rem;color:#4b5563}.card-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-top:auto}.status{color:#4b5563;font-size:.95rem}.status.error{color:#b91c1c}.detail-page{display:grid;gap:1.5rem}.detail-header{display:flex;justify-content:flex-start}.detail-card{padding:2rem;border-radius:20px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 24px #0f172a14;display:grid;gap:1rem}.detail-card h1{margin:0}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem}.detail-list{display:grid;gap:.5rem;color:#4b5563}.detail-actions{display:flex;flex-wrap:wrap;gap:1rem}.long-description{color:#4b5563;line-height:1.6}.empty-state{padding:2rem;border-radius:16px;border:1px dashed #c7d2fe;background:#eef2ff;color:#374151;display:grid;gap:.75rem;justify-items:start}.empty-state h3{margin:0}.empty-state p{margin:0;color:#4b5563}button,.secondary{border-radius:999px;border:1px solid transparent;padding:.45rem 1rem;font-size:.9rem;font-weight:600;background-color:#111827;color:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#fff;color:#111827;border-color:#e5e7eb}.btn-external{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:.55rem 1.25rem;font-size:.95rem;font-weight:600;background-color:#111827;color:#fff;cursor:pointer;transition:background-color .15s,border-color .15s}.btn-external:hover{background-color:#374151}.btn-external.secondary{background:#fff;color:#111827;border-color:#d1d5db}.btn-external.secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}