@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:dark;--surface: #131313;--surface-container-lowest: #0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-bright: #393939;--bg: var(--surface);--bg-elevated: var(--surface-container-low);--bg-panel: var(--surface-container);--border: rgba(58, 74, 68, .18);--text: #f4f5f2;--text-muted: #b9cbc2;--text-dim: #8a9790;--primary: #00e0b3;--primary-fixed: #00ffcc;--accent: #00e0b3;--accent-strong: #00ffcc;--accent-soft: rgba(0, 224, 179, .12);--mint-gradient: linear-gradient(135deg, #00e0b3 0%, #00ffcc 100%);--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem;--max-width: 1280px;--shadow: 0 24px 48px rgba(0, 0, 0, .4);--font-sans: "Inter", "Manrope", system-ui, sans-serif;--font-display: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html.light{color-scheme:light;--surface: #f5f5f2;--surface-container-lowest: #ffffff;--surface-container-low: #ebeae5;--surface-container: #e3e2dc;--surface-container-high: #d9d8d1;--surface-bright: #ffffff;--bg: var(--surface);--bg-elevated: var(--surface-container-lowest);--bg-panel: var(--surface-container);--border: rgba(58, 74, 68, .12);--text: #131313;--text-muted: #3a4a44;--text-dim: #6a7570;--primary: #00a884;--primary-fixed: #00c9a1;--accent: #00a884;--accent-strong: #00c9a1;--accent-soft: rgba(0, 168, 132, .12);--mint-gradient: linear-gradient(135deg, #00a884 0%, #00c9a1 100%);--shadow: 0 18px 36px rgba(19, 19, 19, .12)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--surface);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease-out}a:hover{color:var(--primary)}main{padding:2.5rem 1.5rem 5rem}.container{width:100%;max-width:var(--max-width);margin:0 auto}.page-title{font-family:var(--font-display);font-size:clamp(2.25rem,1.25rem + 3vw,3.75rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0;color:var(--text)}.page-title .mint,.page-title em{background:var(--mint-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.page-subtitle{margin-top:.75rem;color:var(--text-muted);font-size:1rem;max-width:58ch;line-height:1.65}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem}.card{background:var(--surface-container-low);border:none;border-radius:var(--radius-lg);padding:1.75rem;min-height:200px;box-shadow:none;transition:background .2s ease-out,transform .2s ease-out;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}html.light .card{background:var(--surface-container-lowest)}.card:hover{background:var(--surface-container-high);transform:translateY(-2px);border-color:transparent;box-shadow:0 18px 36px #00000059}html.light .card:hover{background:var(--surface-container-high);box-shadow:0 14px 28px #1313131a}.card h3{font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .375rem;color:var(--text);line-height:1.2}.card p{margin:0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.tag{display:inline-flex;align-items:center;gap:.375rem;padding:0;border-radius:0;background:transparent;color:var(--primary);font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.tag:before{content:"";display:inline-block;width:6px;height:6px;background:var(--mint-gradient);border-radius:50%;box-shadow:0 0 8px #00e0b380}.header-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center}.header-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-family:var(--font-sans);transition:background .2s ease-out,color .2s ease-out}.header-links a:hover{background:#ffffff0d;color:var(--text);border-color:transparent}html.light .header-links a:hover{background:#0000000d}.demo-surface{margin-top:2rem;background:var(--surface-container-low);border:none;border-radius:var(--radius-lg);padding:2rem;box-shadow:none}.demo-embed{display:grid;gap:1.5rem}.code-panel{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:1.25rem;border:none;color:var(--text);font-family:var(--font-mono);font-size:.8125rem;overflow:auto;line-height:1.6}footer{border-top:none;color:var(--text-dim);padding:4rem 1.5rem 3rem;margin-top:4rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;position:sticky;top:0;z-index:50;background:#13131399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html.light .topbar{background:#f5f5f2b3}.topbar a{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.01em}.theme-toggle{font-family:var(--font-sans);border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:.5rem 1rem;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out}.theme-toggle:hover{background:#ffffff0d;color:var(--text);border-color:#3a4a4459}html.light .theme-toggle:hover{background:#0000000d}.code-label{margin:1.5rem 0 .625rem;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.code-details{margin-top:1.5rem;border:none;border-radius:var(--radius-md);padding:.75rem 1rem;background:var(--surface-container-low)}.code-details summary{cursor:pointer;color:var(--primary);font-weight:600;letter-spacing:.02em;list-style:none}.code-details summary::-webkit-details-marker{display:none}.code-details summary:before{content:"+ ";color:var(--primary);font-weight:700}.code-details[open] summary:before{content:"− "}.code-details[open] summary{margin-bottom:.75rem}