:root{--ink: #10131c;--body: #4a5163;--muted: #858c9e;--line: #e4e6ed;--line-soft: #edeff4;--card: #ffffff;--bg: #f5f6fa;--brand: #4f46e5;--brand-soft: #eef0fe;--radius-lg: 18px;--radius-md: 12px;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);color:var(--body);background-color:var(--bg);background-image:radial-gradient(1100px 460px at 12% -12%,#e7e9fd,#e7e9fd00 62%),radial-gradient(900px 420px at 92% -6%,#e2f2f4,#e2f2f400 58%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased}code{font-family:var(--mono);font-size:.875em;color:var(--ink);background:#eef0f5;border:1px solid var(--line);border-radius:5px;padding:.08em .34em;white-space:nowrap}.page{max-width:1000px;margin:0 auto;padding:64px 24px 96px}.hero{position:relative}.hero__corner{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.badge-experimental{display:inline-flex;padding:4px 10px;border:1px solid #f0d9a8;border-radius:999px;background:#fdf6e3;font-family:var(--mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#92600a;cursor:help}.corner-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.6875rem;color:var(--muted);text-decoration:none}.corner-link svg{display:block;width:12px;height:12px}.corner-link:hover{color:var(--brand);text-decoration:underline}.eyebrow{margin:0 0 18px;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.hero h1{margin:0 0 22px;max-width:20ch;font-size:clamp(2.1rem,5vw,3.25rem);line-height:1.04;letter-spacing:-.033em;font-weight:700;color:var(--ink)}.lead{margin:0 0 16px;max-width:68ch;font-size:1.0625rem;line-height:1.68}.lead strong{color:var(--ink);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{display:inline-flex;align-items:baseline;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffffd1;font-size:.8125rem;color:var(--body)}.chip b{color:var(--ink);font-weight:650}.proof{margin:40px 0 44px;padding:20px 22px;border:1px solid #d9dcf5;border-left:3px solid var(--brand);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--brand-soft),rgba(238,240,254,.4))}.proof h2{margin:0 0 8px;font-size:.9375rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.proof p{margin:0;max-width:74ch;font-size:.9375rem;line-height:1.65}.proof code{background:#ffffffbf;border-color:#d9dcf5}.islands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}.island{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:0 1px 2px #10131c0a,0 12px 28px -22px #10131c59}.island--wide{grid-column:1 / -1}.island--wide__body{display:flex;align-items:stretch;gap:20px}.island--wide__body>.surface-frame{flex:0 0 auto;align-self:flex-start}.island__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.island__name{font-size:.9375rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.island__meta{font-family:var(--mono);font-size:.6875rem;color:var(--muted);white-space:nowrap}.island__note{margin:14px 0 0;font-size:.8125rem;line-height:1.6;color:var(--body)}.island__note code{font-size:.8125em}.surface-frame{width:max-content;padding:0;border:1px solid #dcdfe8;border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #fff9}.surface-frame canvas{display:block;touch-action:none}.is-hidden{display:none}.island__side{display:flex;align-items:center;gap:12px}.pill-tabs{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:#f1f2f7}.pill-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:3px 11px;border-radius:999px;background:transparent;font-family:var(--mono);font-size:.6875rem;font-weight:600;color:var(--muted);cursor:pointer}.pill-tab:hover{color:var(--body)}.pill-tab--active,.pill-tab--active:hover{background:#fff;color:var(--ink);box-shadow:0 1px 2px #10131c1a}.code-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfbfd;overflow:hidden}.code-panel--loading{padding:16px 18px;font-family:var(--mono);font-size:.75rem;color:var(--muted)}.code-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft)}.code-panel__file{font-family:var(--mono);font-size:.75rem;font-weight:600;color:var(--ink)}.code-panel__lang{font-family:var(--mono);font-size:.6875rem;color:var(--muted)}.code-panel__pre{margin:0;padding:14px 16px;max-height:520px;overflow:auto;font-family:var(--mono);font-size:.75rem;line-height:1.65;color:var(--body);-moz-tab-size:2;tab-size:2}.code-panel__pre code{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;white-space:pre}.code-panel .token.comment,.code-panel .token.prolog,.code-panel .token.doctype,.code-panel .token.cdata{color:var(--muted);font-style:italic}.code-panel .token.keyword,.code-panel .token.atrule,.code-panel .token.important{color:#6d28d9}.code-panel .token.string,.code-panel .token.char,.code-panel .token.attr-value,.code-panel .token.regex{color:#0e9488}.code-panel .token.function,.code-panel .token.function-variable{color:#b45309}.code-panel .token.number,.code-panel .token.boolean,.code-panel .token.constant,.code-panel .token.symbol{color:#be185d}.code-panel .token.tag,.code-panel .token.class-name,.code-panel .token.builtin,.code-panel .token.namespace{color:#2563eb}.code-panel .token.attr-name,.code-panel .token.property,.code-panel .token.variable{color:#4f46e5}.code-panel .token.punctuation,.code-panel .token.operator{color:#858c9e}.aside-note{flex:1;min-width:0;padding:16px 18px;border:1px dashed var(--line);border-radius:var(--radius-md);background:#fbfbfd}.aside-note h3{margin:0 0 8px;font-size:.8125rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.aside-note p{margin:0 0 10px;font-size:.875rem;line-height:1.62}.aside-note p:last-child{margin-bottom:0}.aside-note__sub{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.beats{margin:0;padding-left:1.25em;font-size:.8125rem;line-height:1.5;color:var(--body)}.beats li{margin-bottom:6px}.beats li::marker{color:var(--muted);font-family:var(--mono);font-size:.75rem}.beats b{color:var(--ink);font-weight:650}.log{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfbfd}.log__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.log__title{font-family:var(--mono);font-size:.75rem;font-weight:600;color:var(--ink)}.log__hint{font-size:.6875rem;color:var(--muted)}.log__empty{margin:10px 0 0;font-size:.8125rem;line-height:1.55;color:var(--muted)}.log__list{flex:1;min-height:0;max-height:88px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}.log__row{display:flex;align-items:baseline;gap:8px;padding:2px 0;font-family:var(--mono);font-size:.75rem;line-height:1.5}.log__row:first-child .log__name{color:var(--brand)}.log__name{color:var(--ink)}.log__detail{color:var(--muted)}.footer{margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}.footer p{margin:0;max-width:76ch;font-size:.8125rem;line-height:1.65;color:var(--muted)}.footer code{color:var(--body)}@media(max-width:960px){.page{padding:44px 18px 72px}.islands{grid-template-columns:minmax(0,1fr)}.island--wide__body{flex-direction:column}.island--wide__body>.surface-frame{align-self:center}.log__list{max-height:130px}}@media(max-width:470px){.surface-frame{width:100%}.surface-frame canvas{max-width:100%;height:auto!important}.hero__corner{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px;margin-bottom:14px}}