:root{--font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--size-body: 16px;--size-sm: 15px;--size-xs: 12px;--size-micro: 11px;--size-h1: clamp(38px, 6.5vw, 60px);--size-h2: clamp(26px, 3.8vw, 34px);--size-h3: 22px;--space-1: 7px;--space-2: 14px;--space-3: 21px;--space-4: 28px;--space-6: 42px;--space-8: 56px;--space-10: 70px;--fg: #c0c0c0;--fg-p: #b0b0b0;--fg-dim: #888;--fg-muted: #6a6a6a;--focus: #00cdcd;--border: #333;--border-dim: #1a1a1a;--bg: #0a0a0a;--bg-panel: #111;--accent-teal: #5abdd2;--accent-link: #cce4ec;--accent-orange: #dd5634;--accent-cyan: #00cdcd;--matrix-font-size: 24px;--matrix-line-height: 1}@view-transition{navigation:auto}@keyframes page-enter{0%{opacity:.92;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes page-exit{0%{opacity:1;transform:translate(0)}to{opacity:.9;transform:translate(-10px)}}::view-transition-old(root){animation:page-exit .18s ease}::view-transition-new(root){animation:page-enter .26s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle,#1c1c1c 1px,transparent 1.5px) 0 0 / 22px 22px,var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--size-body);line-height:1.75}::selection{background:var(--accent-teal);color:#000}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:0;background:var(--bg-panel);color:var(--accent-link);padding:8px 12px;z-index:100}.skip:focus{left:8px;top:8px;outline:2px solid var(--focus)}.page-shell{display:block;min-height:100vh}.container{max-width:860px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}h1,h2,h3{color:var(--accent-teal);font-weight:500;line-height:1.05}h1{color:var(--accent-orange);font-size:var(--size-h1);letter-spacing:-.03em;margin-bottom:var(--space-6)}h2{font-size:var(--size-h2);letter-spacing:-.02em;margin:var(--space-10) 0 var(--space-3)}h3{font-size:var(--size-h3);margin:var(--space-6) 0 var(--space-2)}.section:before{content:"// ";color:var(--fg-muted)}a{color:var(--accent-link);text-decoration:none}a:hover{text-decoration:underline}p{margin:18px 0;color:var(--fg-p)}ul{list-style:"> ";padding-left:1.2em}ul li::marker{color:var(--accent-link)}li{margin:var(--space-1) 0}ol.steps{list-style:none;padding:0;color:var(--fg-dim)}code,pre,kbd,samp{font-family:var(--font-mono)}nav{padding:var(--space-2) 0;margin-bottom:var(--space-8);border-bottom:1px solid var(--border)}nav a{color:var(--accent-link)}nav a.active,nav a[aria-current=page]{color:var(--accent-orange)}nav .sep{color:var(--fg-muted);margin:0 8px}.code-block{background:var(--bg-panel);border:1px solid var(--border);padding:var(--space-2) 18px;margin:var(--space-4) 0;font-family:var(--font-mono);font-size:var(--size-sm);overflow-x:auto;tab-size:2}.code-block pre{margin:0;font:inherit;white-space:pre}.code-block .prompt,.code-block .key{color:var(--accent-link)}.code-block .comment{color:var(--fg-muted)}.code-block .val{color:var(--fg)}table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}th{text-align:left;color:var(--accent-teal);border-bottom:1px solid var(--border);padding:var(--space-2) 18px var(--space-2) 0;font-weight:500;font-size:var(--size-xs);text-transform:uppercase;letter-spacing:1.6px}td{padding:var(--space-2) 18px var(--space-2) 0;border-bottom:1px solid var(--border-dim);vertical-align:top;font-size:var(--size-sm)}td:first-child{color:var(--accent-link);white-space:nowrap;width:1%}td:last-child{color:var(--fg-dim)}.logo{color:var(--accent-cyan);font-family:var(--font-mono);font-size:clamp(20px,4vw,48px);font-weight:400;line-height:1;padding:var(--space-6) 0 var(--space-4);margin-bottom:var(--space-4);animation:logo-breathe 18s ease-in-out infinite}.logo-animated{--logo-step: 54ms;--logo-bg-start: 0ms;--logo-bg-duration: .26s;--logo-ink-start: .51s;--logo-shadow-start: calc(var(--logo-ink-start) + var(--logo-step))}.logo-cell{display:inline-grid;grid-template-columns:1ch;grid-template-rows:1em;line-height:1;vertical-align:top;width:1ch}.logo-guide,.logo-bg,.logo-ink,.logo-contour{display:inline-block;grid-area:1 / 1;transform-origin:left center}.logo-guide,.logo-bg,.logo-ink,.logo-contour{opacity:0}.logo-guide{animation:logo-bg-in var(--logo-bg-duration) ease-out forwards,logo-bg-out .26s ease-in forwards;animation-delay:calc(var(--logo-bg-start) + (var(--i) * var(--logo-step))),calc(var(--logo-ink-start) + (var(--i) * var(--logo-step)))}.logo-bg{animation:logo-bg-in var(--logo-bg-duration) ease-out forwards;animation-delay:calc(var(--logo-bg-start) + (var(--i) * var(--logo-step)))}.logo-ink{animation:logo-ink-in .36s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--logo-ink-start) + (var(--i) * var(--logo-step)))}.logo-contour{animation:logo-contour-in .52s ease-out forwards;color:transparent;animation-delay:calc(var(--logo-shadow-start) + (var(--i) * var(--logo-step)))}.logo-contour:before{animation:logo-contour-shape .52s step-end forwards;animation-delay:calc(var(--logo-shadow-start) + (var(--i) * var(--logo-step)));color:var(--accent-cyan);content:"█";display:block}@keyframes logo-bg-in{0%{opacity:0;filter:brightness(.5);transform:translate(-.35ch)}to{opacity:.42;filter:brightness(.8);transform:translate(0)}}@keyframes logo-bg-out{0%{opacity:.42}to{opacity:0}}@keyframes logo-ink-in{0%{opacity:0;filter:brightness(1.7) blur(1px);transform:translate(-.28ch) scaleX(.25)}65%{opacity:1;filter:brightness(1.25) blur(0);transform:translate(0) scaleX(1.08)}to{opacity:1;filter:brightness(1) blur(0);transform:translate(0) scaleX(1)}}@keyframes logo-contour-in{0%{opacity:0;filter:brightness(.85) blur(1px);transform:translate(-.25ch) scaleX(.35)}58%{opacity:1;filter:brightness(1.18) blur(0);transform:translate(0) scaleX(1.08)}to{opacity:1;filter:brightness(1) blur(0);transform:translate(0) scaleX(1)}}@keyframes logo-contour-shape{0%,58%{content:"█"}59%,to{content:"▀"}}@keyframes logo-breathe{0%,to{filter:hue-rotate(0) brightness(1)}50%{filter:hue-rotate(12deg) brightness(1.03)}}.subtitle{color:var(--accent-orange);font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.15;margin-bottom:var(--space-8)}.backends{margin:16px 0}.backend{display:inline-block;border:1px solid var(--border);color:var(--fg);font-size:var(--size-sm);padding:6px 12px;margin:4px 6px 4px 0}.tag{display:inline-block;border:1px solid var(--border);color:var(--fg-dim);font-size:var(--size-micro);padding:2px 8px;margin:2px 4px 2px 0}.tree{color:var(--fg-dim);font-size:var(--size-sm)}.tree .dir{color:var(--accent-teal)}.tree .file{color:var(--fg)}.section-label{color:var(--fg-muted);font-size:var(--size-micro);text-transform:uppercase;letter-spacing:3px;padding:var(--space-4) 0 var(--space-1)}.note{background:var(--bg-panel);border-left:2px solid var(--accent-teal);padding:var(--space-2);margin:var(--space-4) 0;color:var(--fg-dim);font-size:var(--size-sm)}.line{border-top:1px solid var(--border);margin:var(--space-6) 0}.hi{color:var(--accent-link)}.body-fg{color:var(--fg)}.muted{color:var(--fg-dim)}.faint{color:var(--fg-muted)}.small{font-size:var(--size-xs)}.matrix-rail{display:none}.matrix-row{margin:0;font-family:var(--font-mono);font-size:var(--matrix-font-size);line-height:var(--matrix-line-height);user-select:none;white-space:pre}.matrix-cell{--matrix-mix: .15;color:color-mix(in oklab,#242424 calc((1 - var(--matrix-mix)) * 100%),#5c5c5c calc(var(--matrix-mix) * 100%));transition:color 1.8s ease}@media(min-width:1240px){.page-shell{display:grid;grid-template-columns:minmax(0,860px) minmax(180px,1fr);gap:48px;align-items:stretch;max-width:1440px;margin:0 auto}.container{margin:0;padding-right:0}.matrix-rail{display:block;min-height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.9) 12%,rgba(0,0,0,.9) 88%,transparent 100%)}}@media(min-width:1480px){.page-shell{max-width:none}}@media(prefers-reduced-motion:reduce){.logo,.logo-guide,.logo-bg,.logo-ink,.logo-contour{animation:none}.logo-guide{opacity:0}.logo-bg{opacity:.42}.logo-ink,.logo-contour{opacity:1}.logo-contour:before{content:"▀"}}footer{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--size-xs);color:var(--fg-muted)}footer a{color:var(--fg-muted)}footer a:hover{color:var(--accent-link)}