:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--card:#171a1f;--card-hover:#1d2128;--border:#2a2f38;--text:#e8eaed;--muted:#9aa3af;--accent:#66c0f4}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.site-header{width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 1.5rem}.site-header h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.tagline{color:var(--muted);margin:0}.grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:background .15s,transform .15s;display:flex;overflow:hidden}.card:hover{background:var(--card-hover);transform:translateY(-2px)}.card-preview{aspect-ratio:4/3;background:0 0;position:relative;overflow:hidden}.card-preview canvas{width:100%;height:100%;display:block}.card-placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.1rem 1.2rem;display:flex}.card-body h2{margin:0;font-size:1.1rem}.card-desc{color:var(--muted);flex:1;margin:0;font-size:.9rem;line-height:1.45}.card-meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--border);background:#232833;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.badge.tag{color:var(--muted)}.card-credit{color:var(--muted);font-size:.78rem}.card-credit a{color:var(--accent)}.error{text-align:center;color:#f28b82;grid-column:1/-1;padding:2rem}.site-footer{width:100%;max-width:1200px;color:var(--muted);margin:0 auto;padding:2rem 1.5rem;font-size:.85rem}.site-footer code{background:var(--card);border-radius:4px;padding:.15rem .4rem}