*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;min-height:100vh;font-family:system-ui,sans-serif}main{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{color:#fff;margin-bottom:1.5rem;font-size:1.75rem}.cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.api-card{background:#1a1f2e;border:1px solid #2d3748;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.api-card h2{color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.url{color:#68d391;background:#1a2e1a;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.result{min-height:60px}pre{color:#e2e8f0;background:#111827;border-radius:4px;padding:.75rem;font-size:.8rem;overflow-x:auto}.status{padding:.25rem 0;font-size:.85rem;display:block}.status.loading{color:#90cdf4}.status.error{color:#fc8181}