:root{--bg: #000000;--bg-subtle: #0a0a0a;--bg-muted: #111111;--bg-elevated: #171717;--fg: #ededed;--fg-secondary: #888888;--fg-muted: #444444;--border: #222222;--border-hover: #333333;--accent: #ededed;--accent-fg: #000000;--green: #00cc88;--amber: #ffb224;--red: #ff4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--max-w: 1100px;--max-w-sm: 720px;--nav-h: 56px;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--radius-full: 9999px;--ease: cubic-bezier(.23, 1, .32, 1);--duration: .15s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.88em;padding:2px 7px;background:var(--bg-muted);border:1px solid var(--border);border-radius:5px;color:var(--fg);font-weight:450;letter-spacing:.01em;transition:all var(--duration) var(--ease)}code:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.codeblock code,.codeblock .shiki code,.codeblock .shiki code span,.codeblock pre code{background:none!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;transition:none!important}.codeblock code:hover{background:none!important;border-color:transparent!important}img{max-width:100%;display:block}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-6)}.wrap-sm{max-width:var(--max-w-sm);margin:0 auto;padding:0 var(--sp-6)}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}[data-stagger]>*{opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}[data-stagger].is-visible>*{opacity:1;transform:none}[data-stagger].is-visible>:nth-child(1){transition-delay:0ms}[data-stagger].is-visible>:nth-child(2){transition-delay:60ms}[data-stagger].is-visible>:nth-child(3){transition-delay:.12s}[data-stagger].is-visible>:nth-child(4){transition-delay:.18s}[data-stagger].is-visible>:nth-child(5){transition-delay:.24s}[data-stagger].is-visible>:nth-child(6){transition-delay:.3s}[data-stagger].is-visible>:nth-child(7){transition-delay:.36s}[data-stagger].is-visible>:nth-child(8){transition-delay:.42s}[data-stagger].is-visible>:nth-child(9){transition-delay:.48s}:focus-visible{outline:1px solid var(--fg-muted);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:768px){.wrap,.wrap-sm{padding:0 var(--sp-4)}}.code-block{background:#0d1117;border:1px solid #30363d;border-radius:12px;overflow:hidden;margin:2rem 0;font-family:Geist Mono,JetBrains Mono,SF Mono,monospace;box-shadow:0 10px 30px -10px #00000080}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#161b22;border-bottom:1px solid #30363d}.code-header-left{display:flex;align-items:center;gap:.75rem}.code-filename{font-size:13px;color:#c9d1d9;font-weight:500}.code-lang{font-size:10px;font-weight:700;color:#8b949e;background:#21262d;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.code-copy{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#21262d;border:1px solid #30363d;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;color:#c9d1d9;transition:all .2s ease}.code-copy:hover{background:#30363d;border-color:#8b949e}.code-copy.is-copied{background:#2ea04326;border-color:#2ea043;color:#3fb950}.copy-icon{width:14px;height:14px}.code-block pre{display:contents;margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%;font-size:13.5px!important;line-height:1.7!important;overflow-x:auto}.code-block code{display:grid;counter-reset:line;padding:1.5rem 0}.code-block .line{padding:0 1.25rem;border-left:3px solid transparent}.code-block .line:before{counter-increment:line;content:counter(line);display:inline-block;width:2rem;margin-right:1.5rem;text-align:right;color:#484f58;user-select:none;font-size:12px}.code-block .line:hover{background:#161b22}