:root{--color-bg: #fafbfc;--color-bg-elevated: #ffffff;--color-bg-surface: #f3f4f6;--color-text: #1f2328;--color-text-muted: #57606a;--color-text-subtle: #8b949e;--color-primary: #1a7f37;--color-primary-muted: rgba(26, 127, 55, .1);--color-secondary: #0969da;--color-accent: #cf222e;--color-featured: #8250df;--color-border: rgba(31, 35, 40, .1);--color-border-emphasis: rgba(31, 35, 40, .2);--grid-line: rgba(26, 127, 55, .05);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-serif: "Crimson Pro", Georgia, "Times New Roman", serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--max-width: 1080px}[data-theme=dark]{--color-bg: #0d1117;--color-bg-elevated: #161b22;--color-bg-surface: #21262d;--color-text: #e6edf3;--color-text-muted: #aeb4bc;--color-text-subtle: #6e7681;--color-primary: #7ee787;--color-primary-muted: rgba(126, 231, 135, .15);--color-secondary: #58a6ff;--color-accent: #f78166;--color-featured: #d2a8ff;--color-border: rgba(240, 246, 252, .1);--color-border-emphasis: rgba(240, 246, 252, .2);--grid-line: rgba(126, 231, 135, .045)}*{box-sizing:border-box}html{font-size:17px;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-serif);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .4s var(--ease-out-expo),color .4s var(--ease-out-expo)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%)}h1,h2,h3{margin:0;font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em;line-height:1.15}a{color:var(--color-secondary);text-decoration:none}::selection{background:var(--color-primary);color:var(--color-bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-family:var(--font-mono);font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:var(--color-text)}.brand .slash{color:var(--color-primary)}.topbar-links{display:flex;align-items:center;gap:.4rem}.top-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);padding:.4rem .7rem;border-radius:6px;border:1px solid transparent;transition:all .2s var(--ease-out-expo)}.top-link:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-bg-surface)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .2s var(--ease-out-expo)}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.shell{max-width:var(--max-width);margin:0 auto;padding:clamp(2rem,6vw,4.5rem) clamp(1rem,4vw,2rem) 4rem}.hero{padding-bottom:2.6rem;margin-bottom:2.4rem;border-bottom:1px solid var(--color-border)}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--color-primary);padding:.3rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-primary-muted)}.hero h1{margin:1.1rem 0 0;font-size:clamp(2.4rem,7vw,4rem);color:var(--color-text)}.hero h1 .accent{color:var(--color-primary)}.lead{margin:1rem 0 0;max-width:60ch;font-size:1.18rem;color:var(--color-text-muted);font-family:var(--font-serif)}.hero-actions{margin-top:1.7rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.install{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.6rem}.install code{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:6px;padding:.45rem .7rem}.install code .tok{color:var(--color-primary)}.section-title{display:flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:1.4rem;color:var(--color-text);margin-bottom:1.4rem}.section-title:before{content:"//";color:var(--color-primary);font-weight:400}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.card{display:flex;flex-direction:column;gap:.85rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:1.2rem;transition:border-color .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.card-head h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--color-text)}.card-head h2:before{content:"//";color:var(--color-primary);font-weight:400;font-size:.85rem}.card-blurb{margin:.4rem 0 0;font-size:.98rem;color:var(--color-text-muted);line-height:1.5}.card-stage{display:flex;align-items:center;justify-content:center;padding:.5rem 0;min-height:54px}.snippet{margin:0;font-family:var(--font-mono);font-size:.74rem;line-height:1.5;color:var(--color-text-muted);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:6px;padding:.7rem .8rem;overflow:auto;white-space:pre}.context-row{margin-top:1.1rem;display:grid;grid-template-columns:1.4fr 1fr;gap:1.1rem}.context-target{position:relative;width:100%;height:210px;border-radius:8px;border:1px dashed var(--color-border-emphasis);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:.9rem;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:context-menu}.context-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-muted),transparent 65%);animation:drift 8s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-70px,-34px)}to{transform:translate(70px,34px)}}.context-target span{position:relative;z-index:1}.log-head{display:flex;align-items:center;justify-content:space-between}.ghost-btn{font-family:var(--font-mono);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:6px;padding:.3rem .75rem;font-size:.76rem;cursor:pointer;transition:all .2s var(--ease-out-expo)}.ghost-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.log{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:170px;overflow:auto;font-family:var(--font-mono);font-size:.78rem}.log li{display:flex;align-items:center;gap:.55rem;color:var(--color-text);animation:fade-in .25s var(--ease-out-expo)}.log .dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex:0 0 auto;box-shadow:0 0 8px var(--color-primary)}.log-empty{color:var(--color-text-subtle)}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}}.footer{max-width:var(--max-width);margin:0 auto;padding:1.6rem clamp(1rem,4vw,2rem) 2.5rem;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-subtle)}.footer a{color:var(--color-text-muted)}.footer a:hover{color:var(--color-primary)}.footer .sep{color:var(--color-border-emphasis)}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-row{grid-template-columns:1fr}}@media (max-width: 560px){.grid{grid-template-columns:1fr}.top-link span{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}