:root{
  --md-sys-color-primary:#6750A4;
  --md-sys-color-on-primary:#fff;
  --md-sys-color-surface:#FFFBFE;
  --md-sys-color-on-surface:#1C1B1F;
  --md-sys-color-surface-variant:#E7E0EC;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto}
.container{max-width:1200px;margin:0 auto;padding:20px}
.name{font-size:24px;font-weight:700}
.handle{color:#6b7280}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}
.card{background:#fff;border:1px solid var(--md-sys-color-surface-variant);border-radius:14px;overflow:hidden}
.media{aspect-ratio:1/1;background:#f3f4f6;display:flex;align-items:center;justify-content:center}
.media img{width:100%;height:100%;object-fit:contain}
.body{padding:10px}
.btn{display:inline-block;border:1px solid var(--md-sys-color-surface-variant);background:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;color:inherit}
.banner{position:sticky;top:0;z-index:100;background:#FFE5E5;color:#7A1111;border-bottom:1px solid #f0caca;padding:8px 12px;font-size:14px;display:none}
.banner.show{display:block}
.muted{color:#6b7280}