body{height:auto;min-height:100%;display:block}.site-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:5;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.site-header .site-nav{font-size:15px}.page{max-width:1040px;margin:0 auto;padding:0 24px 64px}.hero{padding:56px 0 24px}.hero h1{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.1}.hero .quote{color:var(--accent);margin:0 0 18px;font-size:18px;font-style:italic}.hero p{max-width:62ch;color:var(--muted);margin:0 0 12px;font-size:16px;line-height:1.55}.cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}a.button{border:1px solid var(--border);color:var(--text);background:var(--panel);border-radius:8px;padding:8px 16px;text-decoration:none;display:inline-block}a.button:hover{border-color:var(--muted)}a.button.primary{background:var(--accent);border-color:var(--accent);color:#07101c;font-weight:600}h2{margin:40px 0 6px;font-size:22px}.lede{color:var(--muted);max-width:62ch;margin:0 0 18px}.demos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.demo{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.demo .stage{height:260px;color:var(--muted);background:#0a0d12;place-items:center;font-size:13px;display:grid;position:relative}.demo .stage canvas{width:100%;height:100%;display:block}.demo .info{padding:12px 14px 14px}.demo h3{margin:0 0 4px;font-size:16px}.demo p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.45}.demo a{color:var(--accent);font-size:13px;text-decoration:none}.demo a:hover{text-decoration:underline}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.feature{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.feature h3{margin:0 0 4px;font-size:15px}.feature p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}footer.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:20px 24px;font-size:13px}footer.site-footer a{color:var(--muted)}.prose{max-width:70ch;font-size:15px;line-height:1.6}.prose h2{margin-top:28px}.prose h1{margin:40px 0 8px;font-size:32px}.prose code{background:#ffffff12;border-radius:3px;padding:1px 4px;font-family:ui-monospace,Menlo,monospace;font-size:.92em}.prose a{color:var(--accent)}@media (width<=600px){.page{padding:0 16px 48px}.site-header{padding:10px 16px}.demo .stage{height:220px}}.filters{flex-wrap:wrap;gap:6px;margin:8px 0 20px;display:flex}.chip{color:var(--muted);border-radius:999px;padding:3px 12px;font-size:13px}.chip[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:#5aa9ff1f}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--muted)}.thumb-link{display:block}.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#131a24,#0a0d12);display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.card-body h3{margin:0;font-size:16px}.card-body h3 a{color:var(--text);text-decoration:none}.card-body p{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.45}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 8px;font-size:11px}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions a.button,.actions button{padding:4px 12px;font-size:13px}.blog-title{margin:40px 0 16px;font-size:32px}.post-card{border-bottom:1px solid var(--border);max-width:70ch;padding:14px 0}.post-card h2{margin:0 0 4px;font-size:20px}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-card p{color:var(--muted);margin:4px 0;line-height:1.5}.post-meta{margin:0 0 14px;font-size:13px}.post-back{color:var(--accent);margin:28px 0 0;font-size:14px;text-decoration:none;display:inline-block}.post.prose h1{margin:16px 0 4px}h2.folder{opacity:.85;margin:28px 0 12px;font-size:1.05rem;font-weight:600}.prose pre{background:#ffffff0d;border-radius:8px;padding:12px 14px;line-height:1.45;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:13px}.prose table{border-collapse:collapse;margin:16px 0}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 14px 6px 0}.guide-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:40px;display:grid}.guide-toc{flex-direction:column;gap:2px;padding-top:32px;display:flex;position:sticky;top:16px}.guide-toc h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px}.guide-toc a{color:var(--muted);border-radius:6px;padding:6px 10px;font-size:14px;text-decoration:none}.guide-toc a:hover{color:var(--text)}.guide-toc a[aria-current=page]{color:var(--text);background:#ffffff12}.guide-pager{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:40px;padding-top:16px;display:flex}.guide-pager a{color:var(--accent);text-decoration:none}.guide-pager .next{margin-left:auto}@media (width<=760px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-toc{flex-flow:wrap;padding-top:16px;position:static}.guide-toc h2{width:100%}}