docs/styles.css

:root{--bg:#0f1720; --card:#0b1220; --text:#e6eef8; --muted:#9fb0c8}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
header{padding:28px 20px;text-align:center}
h1{margin:.2rem 0}
p{margin:.2rem 0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);display:flex;flex-direction:column;align-items:center}
.card img{width:100%;height:auto;border-radius:4px;display:block}
.title{margin-top:8px;color:var(--muted);font-size:0.95rem;text-align:center}
footer{padding:12px 20px;text-align:center;color:var(--muted)}
.empty{color:var(--muted);padding:40px;text-align:center}