.shared-logo{overflow:clip;transform-origin:center center}.shared-logo img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.shared-logo-hero{width:var(--size-mascot);height:var(--size-mascot)}.shared-logo-nav{width:var(--size-nav-mascot);height:var(--size-nav-mascot)}.shared-wordmark{margin:0;font-family:var(--font-display);font-weight:400;line-height:normal;color:var(--color-ink);transform-origin:center center}.shared-wordmark-hero{width:100%;font-size:var(--font-size-brand);text-align:center;word-break:break-word}.shared-wordmark-nav{font-size:var(--font-size-nav-wordmark);white-space:nowrap}.brand-hero{display:flex;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;overflow:hidden;padding:1.5rem;background:var(--color-surface)}.brand-hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-brand-gap);width:var(--layout-brand-width)}.ui-button{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border:none;border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:500;white-space:nowrap;cursor:pointer}.ui-button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.ui-button-secondary{background:var(--color-neutral-100);color:var(--color-ink)}.ui-button:hover{filter:brightness(.97)}.ui-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.contrib-deets-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;border:none;padding:0;margin:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.contrib-deets-dialog{position:fixed;top:50%;left:50%;z-index:201;display:flex;flex-direction:column;gap:.75rem;width:min(340px,calc(100% - 3rem));background:var(--color-surface);border:var(--border-width) solid var(--color-neutral-100);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);transform-origin:center center}.contrib-deets-dialog-header{display:flex;align-items:center;gap:1.25rem;padding:.75rem;border-bottom:var(--border-width) solid var(--color-neutral-100)}.contrib-deets-dialog-title{margin:0;flex:1;font-family:var(--font-mono);font-size:.875rem;font-weight:600;line-height:1.625rem;color:var(--color-ink)}.contrib-deets-dialog-body{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 .75rem .75rem}.contrib-deets-dialog-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.contrib-deets-dialog-copy{margin:0;font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.625rem;color:var(--color-neutral-700)}.contrib-deets-dialog-links{display:flex;flex-direction:column;gap:.25rem;width:100%}.contrib-deets-dialog-link{display:flex;align-items:center;gap:.5rem;width:100%;font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.625rem;color:var(--color-neutral-700);text-decoration:none}.contrib-deets-dialog-link:hover{text-decoration:underline;text-underline-offset:.15em}.contrib-deets-dialog-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:var(--radius-control)}.contrib-deets-dialog-link-icon{width:var(--size-icon);height:var(--size-icon);flex-shrink:0}.contrib-deets-dialog-close{width:100%}.contrib-deets{display:flex;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;cursor:pointer;transform-origin:center center}.contrib-deets-label{font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;color:var(--color-ink);white-space:nowrap}.contrib-deets:hover .contrib-deets-label{text-decoration:underline;text-underline-offset:.15em}.contrib-deets:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:var(--radius-control)}.navbar{display:flex;align-items:center;justify-content:center;gap:1.25rem;width:var(--layout-app-width);height:var(--size-nav-height);padding-inline:0}.navbar-hidden{position:absolute;top:0;left:50%;width:var(--layout-app-width);transform:translate(-50%);opacity:0;pointer-events:none;visibility:hidden}.navbar-visible{position:fixed;top:0;left:50%;z-index:50;transform:translate(-50%);opacity:1;pointer-events:auto;visibility:visible}.navbar-side{display:flex;flex:1 1 0;align-items:center;min-width:0}.navbar-side-start{justify-content:flex-start}.navbar-side-end{justify-content:flex-end;gap:1.25rem}.navbar-center{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:100%}@media(max-width:720px){.navbar{gap:.75rem}.contrib-deets-label{display:none}}.code-editor{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:100%}.code-editor-highlight,.code-editor-input{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:var(--editor-padding);border:none;font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;line-height:var(--editor-line-height);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-moz-tab-size:2;tab-size:2}.code-editor-highlight{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;color:var(--syntax-default);background:transparent}.code-editor-highlight code{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.code-editor-input{position:relative;z-index:1;resize:none;overflow:hidden;color:transparent;caret-color:var(--color-ink);background:transparent;outline:none}.code-editor-placeholder{color:var(--color-neutral-700)}.token-keyword{color:var(--syntax-keyword)}.token-string{color:var(--syntax-string)}.token-comment{color:var(--syntax-comment)}.token-number{color:var(--syntax-number)}.token-builtin{color:var(--syntax-builtin)}.documentation-panel{--color-keyword-pill: #60a5fa;--color-keyword-pill-border: #3b82f6;display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.documentation-section{display:flex;flex-direction:column;width:100%}.documentation-section-expanded{background:var(--color-neutral-50)}.documentation-section-header{display:flex;align-items:flex-start;gap:.625rem;width:100%;padding:.75rem;border:none;background:transparent;text-align:left;color:var(--color-neutral-700);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400}.documentation-section-header:hover{background:var(--color-neutral-50)}.documentation-section-header:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.documentation-section-heading{display:flex;flex:1 1 auto;align-items:center;gap:.625rem;min-width:0}.documentation-section-label{flex:1 1 auto;min-width:0;white-space:nowrap}.documentation-section-expanded .documentation-section-label{font-weight:500}.documentation-chevron{flex-shrink:0;width:1rem;height:1rem}.documentation-chevron-collapsed{transform:rotate(180deg)}.documentation-section-body{display:flex;flex-direction:column;gap:1.25rem;padding:.75rem .75rem 1.25rem}.documentation-entry{display:flex;flex-direction:column;gap:.75rem}.documentation-entry-mapping{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.documentation-pill{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;white-space:nowrap}.documentation-pill-slang{border:var(--border-width) solid var(--color-keyword-pill-border);background:var(--color-keyword-pill);color:var(--color-surface);box-shadow:var(--shadow-panel)}.documentation-pill-js{border:var(--border-width) solid var(--color-neutral-200);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-panel)}.documentation-arrow{flex-shrink:0;width:1rem;height:1rem;color:var(--color-neutral-400)}.documentation-entry-description{display:flex;flex-direction:column;gap:.25rem;margin:0}.documentation-entry-description p{margin:0;color:var(--color-neutral-700);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;margin-bottom:1rem}.documentation-divider{margin:0;border:none;border-top:var(--border-width) solid var(--color-neutral-200)}.samples-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:var(--size-sidebar);height:100%;background:var(--color-surface)}.samples-sidebar-tabs{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-bottom:var(--border-width) solid var(--color-neutral-200)}.samples-tab{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border:none;border-radius:var(--radius-control);background:transparent;color:var(--color-neutral-400);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;white-space:nowrap}.samples-tab-selected{background:var(--color-neutral-100);color:var(--color-ink)}.samples-tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.samples-sidebar-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.samples-list{display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:0;list-style:none;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.samples-list::-webkit-scrollbar{width:6px}.samples-list::-webkit-scrollbar-track{background:transparent}.samples-list::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border:none;border-radius:0;outline:none;box-shadow:none}.samples-list-item{display:flex;align-items:flex-start;gap:.625rem;width:100%;padding:.75rem;border:none;background:transparent;text-align:left;color:var(--color-neutral-700)}.samples-list-item:hover{background:var(--color-neutral-50)}.samples-list-item:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.samples-list-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--size-icon);height:var(--size-icon);overflow:clip}.samples-list-icon img,.samples-list-chevron{width:var(--size-icon);height:var(--size-icon)}.samples-list-label{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;white-space:nowrap}.samples-list-chevron{flex-shrink:0}@media(max-width:960px){.samples-sidebar{width:100%;height:auto;min-height:30vh;border-top:var(--border-width) solid var(--color-neutral-200)}}.playground-page{display:flex;flex-direction:column;width:var(--layout-app-width);height:calc(100dvh - var(--size-nav-height));max-height:calc(100dvh - var(--size-nav-height));margin-top:var(--size-nav-height);min-height:0;padding:var(--space-page-y) 0;overflow:hidden}.playground-shell{display:flex;flex:1 1 auto;align-items:stretch;min-height:0;overflow:clip;border:var(--border-width) solid var(--color-neutral-200);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel)}.playground-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;border-right:var(--border-width) solid var(--color-neutral-200)}.playground-toolbar{display:flex;flex-shrink:0;align-items:center;gap:.625rem;padding:.5rem .5rem .5rem .75rem;border-bottom:var(--border-width) solid var(--color-neutral-200)}.playground-title{flex:1 1 auto;margin:0;font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:600;color:var(--color-ink);white-space:nowrap}.playground-editor{display:flex;flex:1 1 auto;align-items:flex-start;min-height:0}.playground-gutter{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-end;min-height:100%;padding:var(--editor-padding);border-right:var(--border-width) solid var(--color-neutral-200);color:var(--color-neutral-700);font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:400;line-height:var(--editor-line-height);-webkit-user-select:none;user-select:none}.playground-line-number{display:block;height:var(--editor-line-height);line-height:var(--editor-line-height);white-space:nowrap}.playground-console{flex-shrink:0;border-top:var(--border-width) solid var(--color-neutral-200);background:var(--color-surface)}.playground-console-header{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem .5rem .75rem .75rem;border:none;background:transparent;text-align:left}.playground-console-title{flex:1 1 auto;font-family:var(--font-mono);font-size:var(--font-size-ui);font-weight:600;color:var(--color-ink)}.playground-console-chevron{width:var(--size-icon);height:var(--size-icon);transition:transform .15s var(--motion-ease-out-cubic)}.playground-console-chevron-collapsed{transform:rotate(180deg)}.playground-console-output-wrap{min-height:0}.playground-console-output{margin:0;max-height:var(--size-console-max);padding:0 .75rem .75rem;color:var(--color-neutral-700);font-family:var(--font-mono);font-size:var(--font-size-ui);scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.playground-console-line{white-space:pre-wrap;word-break:break-word}.playground-console-output::-webkit-scrollbar{width:6px}.playground-console-output::-webkit-scrollbar-track{background:transparent}.playground-console-output::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border:none;border-radius:0;outline:none;box-shadow:none}@media(max-width:960px){.playground-shell{flex-direction:column;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.playground-shell::-webkit-scrollbar{display:none}.playground-main{flex:1 1 auto;min-height:50%;border-right:none}}:root{--color-surface: #ffffff;--color-ink: #000000;--color-neutral-100: #f5f5f5;--color-neutral-50: #fafafa;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-700: #404040;--color-accent: #a5fd15;--color-accent-ink: #233800;--font-display: "Faster One", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-size-brand: clamp(4rem, 12vw, 10rem);--size-mascot: clamp(12rem, 40vw, 32rem);--space-brand-gap: 1.25rem;--layout-brand-width: min(42.5rem, 100%);--layout-app-width: 80vw;--size-nav-height: 80px;--size-nav-mascot: var(--size-nav-height);--font-size-nav-wordmark: 1.5rem;--font-size-ui: .875rem;--space-page-y: 2dvh;--border-width: .8px;--radius-panel: .5rem;--radius-control: .25rem;--shadow-panel: lch(0 0 0 / .02) 0px 3px 6px -2px, lch(0 0 0 / .04) 0px 1px 1px;--size-sidebar: 30%;--size-icon: 1rem;--size-console-max: 20vh;--editor-line-height: 1.85rem;--editor-padding: .75rem;--syntax-keyword: #0000ff;--syntax-string: #a31515;--syntax-comment: #008000;--syntax-number: #098658;--syntax-builtin: #795e26;--syntax-default: var(--color-neutral-700);--motion-ease-premium: cubic-bezier(.22, 1, .36, 1);--motion-ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--z-shared-travel: 100}.scroll-area{overflow:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.scroll-area::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:var(--color-neutral-100);color:var(--color-ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}h1,p{margin:0}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;align-items:center;height:100dvh;max-height:100dvh;overflow:hidden}