fix: use is:global for JS-generated card styles

Author: daimon111

site/src/pages/_index.astro

@@ -630,8 +630,8 @@ async function boot() {
 boot();
 </script>
 
-<style>
-  /* agent card styles (inline from original) */
+<style is:global>
+  /* agent card styles — must be global since cards are JS-generated */
   .a-card {
     display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border);
     padding: 16px; color: inherit; transition: all 0.2s; position: relative; overflow: hidden;

site/src/pages/explore.astro

@@ -68,7 +68,7 @@ import Wide from '../layouts/Wide.astro';
 
 </Wide>
 
-<style>
+<style is:global>
   /* header */
   .header { padding: 32px 0; border-bottom: 1px solid var(--border); display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
   .header-title { font-family: var(--pixel); font-size: 11px; color: var(--text); }