:root{--text:#514a5b;--text-2:#7b7385;--text-h:#08060d;--bg:#fff;--border:#dedce1;--accent:#aa3bff;--accent-text:#9a24f0;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=760px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#b8bec8;--text-2:#8b929e;--text-h:#f3f4f6;--bg:#16171d;--border:#383a45;--accent:#c084fc;--accent-text:#c084fc}}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{--serif:"Fraunces", ui-serif, Georgia, serif;--plex:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--gutter:clamp(24px, 6.5vw, 80px);--rhythm-md:20px;--rhythm-xl:48px;box-sizing:border-box;width:100%;max-width:880px;padding:56px var(--gutter) 72px;text-align:left;border-inline:1px solid var(--border);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (width<=920px){.page{border-inline:0}}@media (width<=760px){.page{padding:40px var(--gutter) 56px}}.masthead{margin-bottom:var(--rhythm-xl)}.page-title{font-family:var(--serif);font-variation-settings:"opsz" 96;letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:clamp(48px,7vw,80px);font-weight:400;line-height:.95}.masthead-rule{background:linear-gradient(to right, var(--accent) 0, var(--accent) 80px, var(--border) 80px);height:1px;margin-top:32px}.groups{gap:var(--rhythm-xl);flex-direction:column;flex:1 0 auto;margin:0;padding:0;list-style:none;display:flex}.group{position:relative}.group-head{margin-bottom:var(--rhythm-md);align-items:baseline;gap:18px;display:flex}.group-number{font-family:var(--plex);letter-spacing:.04em;color:var(--accent-text);flex-shrink:0;font-size:13px;font-style:italic;transform:translateY(-3px)}.group-title{font-family:var(--serif);font-variation-settings:"opsz" 36;letter-spacing:-.018em;color:var(--text-h);margin:0;font-size:32px;font-weight:500;line-height:1.05}@media (width<=760px){.group-title{font-size:26px}}.group-links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-links li+li{border-top:1px solid var(--border)}.link{font-family:var(--plex);letter-spacing:.002em;color:var(--text);outline:none;justify-content:space-between;align-items:center;gap:24px;padding:14px 0;font-size:15px;text-decoration:none;transition:color .18s;display:flex;position:relative}button.link{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:0 0;border:none}@media (width<=760px){.link{gap:16px;padding:16px 0}}.link-marker{background:var(--accent);transform-origin:0;width:18px;height:1px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:-24px;transform:translateY(-50%)scaleX(0)}@media (width<=760px){.link-marker{width:8px;left:-14px}}.link-text{flex-direction:column;flex:1;gap:4px;min-width:0;transition:transform .22s cubic-bezier(.2,.7,.2,1);display:flex}.link-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-note{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;color:var(--text-2);font-size:12px;overflow:hidden}.link-note.is-code{letter-spacing:.06em;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}.link-action{color:var(--text-2);flex-shrink:0;align-items:center;gap:8px;transition:color .2s;display:inline-flex}.link-action svg{flex-shrink:0;display:block}.link-action-label{font-family:var(--plex);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.link-action.is-copied,.link:hover .link-action,.link:focus-visible .link-action{color:var(--accent-text)}.link:hover,.link:focus-visible{color:var(--text-h)}.link:hover .link-marker,.link:focus-visible .link-marker{transform:translateY(-50%)scaleX(1)}.link:hover .link-text,.link:focus-visible .link-text{transform:translate(6px)}.link:focus-visible{outline:2px solid var(--accent-text);outline-offset:6px;border-radius:2px}@media (width<=760px){.link:focus-visible{outline-offset:3px}}.colophon{margin-top:var(--rhythm-xl);color:var(--text-2);justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.link,.link-marker,.link-text,.link-action{transition:none}.link:hover .link-text,.link:focus-visible .link-text{transform:none}}