*,:before,:after{box-sizing:border-box}:root{--gutter:max(16px, 3vw);--grid-gap:clamp(16px, 2.4vw, 32px)}html{background:var(--sky-0);color:var(--star);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-size-adjust:100%;font-size:100%}body{background:var(--sky-0);flex-direction:column;min-height:100svh;margin:0;font-size:1.0625rem;line-height:1.6;display:flex;overflow-x:clip}main{flex:1}a{color:var(--brand);text-underline-offset:.18em;transition:color var(--dur-1) var(--ease-out);text-decoration-thickness:1px}a:hover{color:var(--brand-hi)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}::selection{background:color-mix(in srgb, var(--brand) 35%, transparent)}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}p{text-wrap:pretty}@view-transition{navigation:auto}.skip-link{background:var(--sky-1);border:1px solid var(--brand);z-index:20;padding:.5rem .75rem;position:absolute;top:-3rem;left:16px}.skip-link:focus{top:.5rem}.wrap{width:100%;max-width:calc(1200px + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.grid-12{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.site-header{z-index:10;height:3.5rem;padding:0 max(var(--gutter), calc((100vw - 1200px) / 2));background:color-mix(in srgb, var(--sky-0) 72%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--sky-line) 70%, transparent);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.site-mark{color:var(--star);letter-spacing:.01em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.site-header .site-mark{view-transition-name:site-mark}.site-mark:hover{color:var(--star)}.site-mark svg{flex:none;width:1.85rem;height:1.85rem}.site-mark .mark-crater{stroke:var(--brand)}.site-header nav{align-items:center;gap:clamp(.85rem,2.2vw,1.75rem);display:flex}.site-header nav a{color:var(--dust);font-size:.9375rem;text-decoration:none}.site-header nav a:hover{color:var(--star)}.site-footer{border-top:1px solid var(--sky-line);margin-top:clamp(4rem,10vw,8rem)}.site-footer-inner{max-width:calc(1200px + 2 * var(--gutter));padding:2rem var(--gutter) 2.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-inline:auto;display:flex}.site-footer .site-mark{color:var(--dust);font-size:.95rem}.site-footer .site-mark svg{width:1.5rem;height:1.5rem}.site-footer nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.site-footer nav a{color:var(--dust);font-size:.875rem;text-decoration:none}.site-footer nav a:hover{color:var(--star)}.button{--button-bg:color-mix(in srgb, var(--sky-2) 62%, transparent);--button-rim:linear-gradient(135deg, color-mix(in srgb, var(--brand) 60%, var(--sky-line)), var(--sky-line) 45%, color-mix(in srgb, var(--nebula) 50%, var(--sky-line)));background:linear-gradient(var(--button-bg), var(--button-bg)) padding-box, var(--button-rim) border-box;min-height:2.75rem;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--star) 8%, transparent), 0 8px 24px -16px var(--glow);backdrop-filter:blur(8px);color:var(--star);transition:box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), color var(--dur-1) var(--ease-out);border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{--button-bg:color-mix(in srgb, var(--brand) 12%, var(--sky-2));color:var(--star);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--star) 12%, transparent), 0 10px 30px -14px var(--glow);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.is-primary{--button-rim:linear-gradient(135deg, var(--brand-hi), var(--nebula));background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 72%, var(--nebula))) padding-box, var(--button-rim) border-box;color:var(--sky-0);box-shadow:inset 0 1px 0 #ffffff59, 0 10px 30px -12px color-mix(in srgb, var(--brand) 70%, transparent);font-weight:600}.button.is-primary:hover{background:linear-gradient(135deg, var(--brand-hi), color-mix(in srgb, var(--brand-hi) 72%, var(--nebula))) padding-box, var(--button-rim) border-box;color:var(--sky-0);box-shadow:inset 0 1px 0 #ffffff73, 0 12px 36px -10px color-mix(in srgb, var(--brand) 80%, transparent)}@media (prefers-reduced-motion:reduce){.button,.button:hover{transform:none}}.segmented{border:1px solid var(--sky-line);flex-wrap:wrap;display:inline-flex}.segmented button{min-height:2.25rem;color:var(--dust);font:inherit;cursor:pointer;transition:color var(--dur-1) var(--ease-out), background-color var(--dur-2) var(--ease-out);background:0 0;border:0;padding:0 .9rem;font-size:.875rem}.segmented button+button{border-left:1px solid var(--sky-line)}.segmented button:hover{color:var(--star)}.segmented button[aria-pressed=true]{background:var(--brand-fill-on);color:var(--star)}.segmented button code{font-size:.85em}