.badge{padding:0 var(--space-2);border:var(--line) solid var(--rule);border-radius:var(--bead);font-size:var(--fine);color:var(--muted);display:inline-block}.code{margin:var(--space-3) 0;border:var(--line) solid var(--rule);border-radius:var(--radius);background:var(--well);overflow:hidden}.code header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);border-bottom:var(--line) solid var(--rule);font-family:var(--mono);font-size:var(--fine);color:var(--muted);display:flex}.code pre{padding:var(--space-3) var(--space-4);scrollbar-width:thin;scrollbar-color:var(--rule) transparent;tab-size:var(--dent);font-size:var(--fine);line-height:var(--leading);color:var(--ink);margin:0;overflow-x:auto}.code .order{color:var(--bright)}.code .sign{color:var(--accent)}.copy{padding:var(--space-1) var(--space-2);border:var(--line) solid var(--rule);border-radius:var(--radius);background:var(--panel);color:var(--muted);font-family:var(--mono);font-size:var(--fine);cursor:pointer;transition:color var(--beat), border-color var(--beat)}.copy:hover{color:var(--bright);border-color:var(--accent)}.copy.done{color:var(--accent);border-color:var(--accent)}.ledger{columns:var(--cell);column-gap:var(--space-5);margin:var(--space-3) 0 var(--space-5);font-family:var(--mono);font-size:var(--fine);padding:0;list-style:none}.ledger li{align-items:baseline;gap:var(--space-2);break-inside:avoid;padding:var(--space-1) 0;line-height:var(--tight);display:flex}.ledger .tail{border-bottom:var(--line) dotted var(--rule);flex:auto}.ledger .tally{color:var(--muted);font-variant-numeric:tabular-nums}.list{gap:var(--space-2);margin:var(--space-2) 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.list li{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--line) solid var(--rule);border-radius:var(--radius);background:var(--panel);font-size:var(--fine);display:inline-flex}.button{padding:var(--space-2) var(--space-3);cursor:pointer}.forge{align-items:center;gap:var(--space-2);font-family:var(--mono);font-size:var(--fine);color:var(--muted);transition:color var(--beat);text-decoration:none;display:inline-flex}.forge:hover{color:var(--bright)}.search{top:var(--space-2);z-index:1;box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);margin:var(--space-2) 0 var(--space-4);border:var(--line) solid var(--rule);border-radius:var(--radius);background:var(--well);color:var(--bright);font-size:var(--body);position:sticky}.search:focus{outline:var(--line) solid var(--accent)}.banner{align-items:center;gap:var(--space-4);padding:var(--space-5) 0 var(--space-4);flex-wrap:wrap;display:flex}.banner h1{font-size:var(--hero);margin:0}.banner p{margin:var(--space-1) 0 0;font-family:var(--serif);font-style:italic;font-size:var(--lead);color:var(--muted)}.banner nav{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.card{padding:var(--space-1) 0 var(--space-1) var(--space-3);border-left:var(--rim) solid var(--rule);transition:border-color var(--beat);flex-direction:column;align-items:flex-start;display:flex}.card h3{margin:0 0 var(--space-2);font-size:var(--body)}.card p{margin:0 0 var(--space-2);font-size:var(--fine);color:var(--muted)}.card p:last-child{margin-bottom:0}.card a{font-size:var(--fine);margin-top:auto}.card:hover{border-left-color:var(--accent)}.footer{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4) 0;border-top:var(--line) solid var(--rule);font-family:var(--mono);font-size:var(--fine);color:var(--muted);flex-wrap:wrap;display:flex}.footer nav{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}@media (width<=47.9375rem){:root{--seam:"narrow"}}@property --ground{syntax:"<color>";inherits:true;initial-value:#f0f}@property --panel{syntax:"<color>";inherits:true;initial-value:#f0f}@property --well{syntax:"<color>";inherits:true;initial-value:#f0f}@property --rule{syntax:"<color>";inherits:true;initial-value:#f0f}@property --ink{syntax:"<color>";inherits:true;initial-value:#f0f}@property --bright{syntax:"<color>";inherits:true;initial-value:#f0f}@property --muted{syntax:"<color>";inherits:true;initial-value:#f0f}@property --accent{syntax:"<color>";inherits:true;initial-value:#f0f}@property --fine{syntax:"<length>";inherits:true;initial-value:0}@property --body{syntax:"<length>";inherits:true;initial-value:0}@property --hero{syntax:"<length>";inherits:true;initial-value:0}@property --space-1{syntax:"<length>";inherits:true;initial-value:0}@property --space-2{syntax:"<length>";inherits:true;initial-value:0}@property --space-3{syntax:"<length>";inherits:true;initial-value:0}@property --space-4{syntax:"<length>";inherits:true;initial-value:0}@property --space-5{syntax:"<length>";inherits:true;initial-value:0}@property --space-6{syntax:"<length>";inherits:true;initial-value:0}@property --radius{syntax:"<length>";inherits:true;initial-value:0}@property --bead{syntax:"<length>";inherits:true;initial-value:0}@property --line{syntax:"<length>";inherits:true;initial-value:0}@property --page{syntax:"<length>";inherits:true;initial-value:0}@property --prose{syntax:"<length>";inherits:true;initial-value:0}@property --cell{syntax:"<length>";inherits:true;initial-value:0}@property --track{syntax:"<length>";inherits:true;initial-value:0}@property --lead{syntax:"<length>";inherits:true;initial-value:0}@property --title{syntax:"<length>";inherits:true;initial-value:0}@property --tight{syntax:"<number>";inherits:true;initial-value:0}@property --heft{syntax:"<number>";inherits:true;initial-value:0}@property --serif{syntax:"*";inherits:true}@property --beat{syntax:"<time>";inherits:true;initial-value:0s}@property --rim{syntax:"<length>";inherits:true;initial-value:0}@property --dent{syntax:"<number>";inherits:true;initial-value:0}@property --mist{syntax:"<number>";inherits:true;initial-value:0}@property --leading{syntax:"<number>";inherits:true;initial-value:0}@property --sans{syntax:"*";inherits:true}@property --mono{syntax:"*";inherits:true}@property --seam{syntax:"*";inherits:true}:root{--fine:.875rem;--body:1rem;--lead:1.125rem;--title:1.25rem;--hero:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:4rem;--radius:.5rem;--bead:1rem;--line:1px;--beat:.15s;--rim:2px;--dent:2;--mist:.15;--leading:1.6;--tight:1.2;--heft:600;--sans:system-ui, sans-serif;--serif:"Spectral", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--page:60rem;--prose:42rem;--cell:15rem;--track:-.01em}@media (width<=47.9375rem){:root{--hero:2rem;--space-6:3rem}}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/spectral@5.2.8/files/spectral-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/spectral@5.2.8/files/spectral-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ground:#0f1115;--panel:#151a21;--well:#0b0e12;--rule:#262d36;--ink:#cfd6dd;--bright:#eef2f6;--muted:#8b96a2;--accent:#7fb4e0}@media (prefers-color-scheme:light){:root{--ground:#eef0f3;--panel:#e3e7ec;--well:#f9fafb;--rule:#c6ccd4;--ink:#2b313a;--bright:#10151c;--muted:#5a646f;--accent:#33608f}}body{background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:var(--leading);margin:0}::selection{background:var(--accent);color:var(--ground)}:focus-visible{outline:var(--rim) solid var(--accent);outline-offset:var(--rim)}.skip{padding:var(--space-2) var(--space-3);background:var(--panel);color:var(--bright);opacity:0;pointer-events:none;position:fixed;top:0;left:0}.skip:focus{opacity:1;pointer-events:auto}.frame{max-width:var(--page);padding:0 var(--space-4) var(--space-6);margin:0 auto}.frame h1,.frame h2,.frame h3{font-family:var(--serif);font-weight:var(--heft);line-height:var(--tight);letter-spacing:var(--track)}.frame h2{margin:var(--space-5) 0 var(--space-3);font-size:var(--title);scroll-margin-top:var(--space-4)}.frame section>h2{border-top:var(--line) solid var(--rule);padding-top:var(--space-4)}.frame h3 code{font-family:var(--mono);font-weight:400;font-size:var(--fine);color:var(--muted)}.frame article>p{max-width:var(--prose)}.frame a{color:var(--accent);transition:color var(--beat)}.frame a:hover{color:var(--bright)}.frame code{font-family:var(--mono)}@media (prefers-reduced-motion:reduce){.frame a,.copy,.nav a,.forge{transition:none}}@media (width<=47.9375rem){:root{--seam:"narrow"}}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill, minmax(var(--cell), 1fr));margin:var(--space-3) 0 var(--space-5);display:grid}@media (width>=48rem){:is(.grid:has(>:last-child:nth-child(2)),.grid:has(>:last-child:nth-child(4))){grid-template-columns:minmax(var(--cell), 1fr) minmax(var(--cell), 1fr)}}@media (width<=47.9375rem){:root{--seam:"narrow"}}.hero{padding:var(--space-5) 0 var(--space-3);position:relative}.hero h1{margin:0 0 var(--space-3);font-size:var(--hero);text-wrap:balance}.hero p{margin:0 0 var(--space-3);max-width:var(--prose);font-size:var(--lead);color:var(--muted)}.hero .ghost{top:var(--space-3);width:var(--cell);height:auto;opacity:var(--mist);pointer-events:none;position:absolute;right:0}@media (width<=47.9375rem){.hero .ghost{display:none}}@media (width<=47.9375rem){:root{--seam:"narrow"}}.nav{gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-5);border-bottom:var(--line) solid var(--rule);font-family:var(--mono);font-size:var(--fine);flex-wrap:wrap;display:flex}.nav a{align-items:center;gap:var(--space-2);color:var(--muted);transition:color var(--beat);text-decoration:none;display:inline-flex}.nav a:hover{color:var(--bright)}.nav a.active{color:var(--bright);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:var(--space-2)}.nav a{white-space:nowrap}@media (width<=47.9375rem){.nav{gap:var(--space-3);scrollbar-width:none;padding-right:var(--space-5);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--space-5)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--space-5)), transparent);flex-wrap:nowrap;overflow-x:auto}}:root{--seam:"wide"}@media (width<=47.9375rem){:root{--seam:"narrow"}}.rail{gap:var(--space-4);margin:var(--space-4) 0 var(--space-4);counter-reset:stop;padding:0;list-style:none;display:flex}.rail li{align-items:flex-start;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--rim) solid var(--rule);flex-direction:column;flex:1;display:flex}.rail li:first-child{border-top-color:var(--accent)}.rail b{font-family:var(--serif);font-weight:var(--heft);font-size:var(--body)}.rail span{color:var(--muted);font-size:var(--fine)}@media (width<=47.9375rem){.rail{gap:var(--space-3);flex-direction:column}.rail li{border-top:none;border-left:var(--rim) solid var(--rule);padding-top:0;padding-left:var(--space-3)}.rail li:first-child{border-left-color:var(--accent)}}.knobs{gap:var(--space-2);padding:var(--space-3);background:var(--well);border-radius:var(--radius);display:grid}.knob{gap:var(--space-2);font-size:var(--fine);grid-template-columns:8rem 12rem 1fr;align-items:center;display:grid}.knob span{font-family:var(--mono);color:var(--bright)}.knob em{color:var(--muted);font-style:normal}.knob input[type=text]{padding:var(--space-1) var(--space-2);background:var(--panel);color:var(--ink);border:var(--line) solid var(--rule);border-radius:var(--radius)}