/* Markdown base */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
:root{--cf-border:transparent;--cf-border-strong:transparent;--cf-accent-50:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-50:color-mix(in srgb, var(--cf-accent-500) 6%, white)}}:root{--cf-accent-100:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-100:color-mix(in srgb, var(--cf-accent-500) 10%, white)}}:root{--cf-accent-200:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-200:color-mix(in srgb, var(--cf-accent-500) 20%, white)}}:root{--cf-accent-300:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-300:color-mix(in srgb, var(--cf-accent-500) 38%, white)}}:root{--cf-accent-400:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-400:color-mix(in srgb, var(--cf-accent-500) 68%, white)}}:root{--cf-accent-600:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-600:color-mix(in srgb, var(--cf-accent-500) 88%, black)}}:root{--cf-accent-700:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-700:color-mix(in srgb, var(--cf-accent-500) 78%, black)}}:root{--cf-accent-800:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-800:color-mix(in srgb, var(--cf-accent-500) 66%, black)}}:root{--cf-accent-900:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-900:color-mix(in srgb, var(--cf-accent-500) 52%, black)}}:root{--cf-accent-soft:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-accent-soft:color-mix(in srgb, var(--cf-accent-500) 10%, white)}}:root{--cf-diagram-surface:var(--cf-surface-soft);--cf-diagram-foreground:var(--cf-ink-body);--cf-diagram-accent:var(--cf-accent-500);--cf-diagram-muted:var(--cf-ink-secondary);--cf-diagram-line:var(--cf-ink-body)}@supports (color:color-mix(in lab, red, red)){:root{--cf-diagram-line:color-mix(in srgb, var(--cf-ink-body) 12%, transparent)}}:root{--cf-info-soft:var(--cf-info)}@supports (color:color-mix(in lab, red, red)){:root{--cf-info-soft:color-mix(in oklab, var(--cf-info) 9%, var(--cf-surface))}}:root{--cf-success-soft:var(--cf-success)}@supports (color:color-mix(in lab, red, red)){:root{--cf-success-soft:color-mix(in oklab, var(--cf-success) 9%, var(--cf-surface))}}:root{--cf-warning-soft:var(--cf-warning)}@supports (color:color-mix(in lab, red, red)){:root{--cf-warning-soft:color-mix(in oklab, var(--cf-warning) 9%, var(--cf-surface))}}:root{--cf-danger-soft:var(--cf-danger)}@supports (color:color-mix(in lab, red, red)){:root{--cf-danger-soft:color-mix(in oklab, var(--cf-danger) 9%, var(--cf-surface))}}:root{--cf-overlay-scrim:#0d0d0fe6;--cf-overlay-control:#ffffff24;--cf-overlay-control-ink:#fff;--cf-overlay-ink:#ffffffc7;--cf-overlay-ink-muted:#ffffff8f;--cf-on-accent:#fff;--cf-tooltip-surface:#202124;--cf-tooltip-ink:#fff;--cf-tooltip-shadow:0 .4rem 1rem #0003;--cf-media-canvas:#fff;--cf-media-shadow:0 24px 70px #0000006b;--cf-overlay-control-shadow:0 8px 24px #00000038;--cf-terminal-canvas:#1c1c1e;--cf-terminal-toolbar:#2b2b2f;--cf-terminal-ink:#f5f5f7;--cf-terminal-ink-secondary:#b9b9c0;--cf-terminal-ink-tertiary:#98989f;--cf-terminal-traffic-close:#ff5f57;--cf-terminal-traffic-minimize:#febc2e;--cf-terminal-traffic-maximize:#28c840;--cf-font-mono:"SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;--cf-body-font-size:1rem;--cf-body-line-height:1.6;--cf-heading-line-height:1.2;--cf-heading-1-size:2rem;--cf-heading-2-size:1.625rem;--cf-heading-3-size:1.375rem;--cf-heading-4-size:1.25rem;--cf-heading-5-size:1.125rem;--cf-heading-6-size:1.0625rem;--cf-reading-width:100%;--cf-content-width:100%;--cf-site-gutter:2.25rem;--cf-duration-fast:.12s;--cf-duration-normal:.22s;--cf-easing-default:cubic-bezier(.22, 1, .36, 1);--cf-easing-spring:cubic-bezier(.2, .85, .25, 1);--cf-glass-blur:18px;--cf-kbd-shadow:var(--cf-shadow-inset), 0 2px 6px #1d1d1f1f;--cf-hero-visual-filter:none;--cf-hero-visual-animation:none;--cf-hero-visual-opacity:1;--cf-reading-progress-track:transparent;--cf-reading-progress-fill:var(--cf-accent-500);--cf-nav-item-hover-ink:var(--cf-accent-deep);--cf-nav-item-hover-surface:var(--cf-accent-soft);--cf-nav-item-hover-shadow:none;--cf-nav-item-active-ink:var(--cf-accent-deep);--cf-nav-item-active-surface:transparent;--cf-nav-item-active-shadow:none;--cf-header-height:4.25rem;--cf-header-shadow:inset 0 -1px 0 var(--cf-hairline);--cf-sidebar-width:17.5rem;--cf-outline-width:18.75rem;--cf-focus-ring:0 0 0 3px var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--cf-focus-ring:0 0 0 3px color-mix(in srgb, var(--cf-accent-500) 24%, transparent)}}@media (max-width:47.5rem){:root{--cf-site-gutter:1.25rem}}.cf-content,.cf-content *,.cf-content :before,.cf-content :after{box-sizing:border-box;border:0}.cf-content{--cf-block-padding:.875rem;--cf-block-toolbar-height:3rem;--cf-block-toolbar-surface:var(--cf-ink)}@supports (color:color-mix(in lab, red, red)){.cf-content{--cf-block-toolbar-surface:color-mix(in oklab, var(--cf-ink) 6%, var(--cf-surface-secondary))}}.cf-content{--cf-block-stage-surface:var(--cf-surface-soft);width:100%;max-width:var(--cf-content-width);padding:1.75rem var(--cf-site-gutter) 3.5rem;color:var(--cf-ink-body);background:var(--cf-surface);font-family:var(--cf-font-sans);font-size:var(--cf-body-font-size);line-height:var(--cf-body-line-height);text-rendering:optimizelegibility;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0}.cf-content>:first-child{margin-top:0}.cf-content>:last-child{margin-bottom:0}.cf-content :where(h1,h2,h3,h4,h5,h6){color:var(--cf-ink);font-family:var(--cf-font-display);font-weight:720;line-height:var(--cf-heading-line-height);letter-spacing:-.025em;scroll-margin-top:calc(var(--cf-header-height) + 1.5rem);margin:1.5rem 0 .5rem;position:relative}.cf-content h1{font-size:var(--cf-heading-1-size);font-weight:760;line-height:var(--cf-heading-line-height);letter-spacing:-.04em;margin:0 0 .9rem}.cf-content h2{font-size:var(--cf-heading-2-size);line-height:calc(var(--cf-heading-line-height) + .05);letter-spacing:-.035em;margin-top:2.15rem}.cf-content h3{font-size:var(--cf-heading-3-size);line-height:calc(var(--cf-heading-line-height) + .1);letter-spacing:-.025em;margin-top:1.7rem}.cf-content h4{font-size:var(--cf-heading-4-size);line-height:calc(var(--cf-heading-line-height) + .15);letter-spacing:-.018em;margin-top:1.4rem}.cf-content h5{font-size:var(--cf-heading-5-size);font-weight:720;line-height:calc(var(--cf-heading-line-height) + .2);letter-spacing:-.01em;margin-top:1.2rem}.cf-content h6{color:var(--cf-ink);font-size:var(--cf-heading-6-size);font-weight:720;line-height:calc(var(--cf-heading-line-height) + .2);letter-spacing:0;margin-top:1.05rem}.cf-content :where(p,ul,ol,dl,blockquote,pre,table,figure,.cf-callout,.cf-code,.cf-terminal,.cf-table-window,.cf-media-frame,.cf-tabs,.cf-steps,.cf-api-block,.cf-file-tree,.cf-reading-time,.cf-link-card,.cf-card-grid,.cf-image-gallery){margin:.78rem 0}.cf-content p{max-width:var(--cf-reading-width)}.cf-content :where(strong,b){color:var(--cf-ink);font-weight:700}.cf-content :where(em,i){color:var(--cf-ink)}.cf-content a{color:var(--cf-accent-deep);text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.cf-content a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-decoration-color:color-mix(in srgb, currentColor 42%, transparent)}}.cf-content a{text-underline-offset:.2em;transition:color var(--cf-duration-fast) var(--cf-easing-default), text-decoration-color var(--cf-duration-fast) var(--cf-easing-default);text-decoration-thickness:.075em}.cf-content a:hover{color:var(--cf-accent-700);text-decoration-color:currentColor}.cf-content a:focus-visible,.cf-content button:focus-visible,.cf-content summary:focus-visible,.cf-content input:focus-visible,.cf-content select:focus-visible,.cf-content textarea:focus-visible{box-shadow:var(--cf-focus-ring);outline:none}.cf-content mark{color:inherit;background:var(--cf-yellow);border-radius:0;padding:0}@supports (color:color-mix(in lab, red, red)){.cf-content mark{background:color-mix(in oklab, var(--cf-yellow) 34%, transparent)}}.cf-content mark{box-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}.cf-content :where(code,kbd,samp){font-family:var(--cf-font-mono);font-size:.9em}.cf-content :where(code,kbd){border-radius:var(--cf-radius-sm);color:var(--cf-code-ink);background:var(--cf-surface-code);padding:.13em .32em}.cf-content kbd{box-shadow:var(--cf-kbd-shadow);white-space:nowrap}.cf-content abbr[title]{-webkit-text-decoration:underline dotted var(--cf-accent-400);-webkit-text-decoration:underline dotted var(--cf-accent-400);text-decoration:underline dotted var(--cf-accent-400);text-underline-offset:.22em}.cf-content del,.cf-content s{color:var(--cf-ink-secondary)}.cf-content sub,.cf-content sup{line-height:0}.cf-content ul,.cf-content ol{padding-inline-start:1.55em}.cf-content li+li{margin-top:.3em}.cf-content li::marker{color:inherit;font-weight:700}.cf-content ul ul,.cf-content ol ol,.cf-content ul ol,.cf-content ol ul{margin-block:.35em}.cf-content dl{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.4rem 1rem;display:grid}.cf-content dt{color:var(--cf-ink);font-weight:700}.cf-content dd{min-width:0;color:var(--cf-ink-body);margin:0}.cf-content .contains-task-list{padding-inline-start:0;list-style:none}.cf-content .task-list-item{align-items:flex-start;gap:.55em;display:flex}.cf-content .task-list-item>input[type=checkbox]{appearance:none;background-color:var(--cf-ink-secondary);border-radius:3px;flex:none;width:1.05em;height:1.05em;margin-top:.27em}@supports (color:color-mix(in lab, red, red)){.cf-content .task-list-item>input[type=checkbox]{background-color:color-mix(in srgb, var(--cf-ink-secondary) 12%, var(--cf-surface-secondary))}}.cf-content .task-list-item>input[type=checkbox]{opacity:1;background-position:50%;background-repeat:no-repeat;background-size:.78em}.cf-content .task-list-item>input[type=checkbox]:checked{background-color:var(--cf-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.25 8.25 3 3 6.5-7'/%3E%3C/svg%3E")}.cf-content blockquote{color:var(--cf-ink-secondary);background:var(--cf-surface-soft);border-radius:var(--cf-radius-md);padding:.9em 1.05em;position:relative}.cf-content blockquote>:first-child{margin-top:0}.cf-content blockquote>:last-child{margin-bottom:0}.cf-content hr{background:0 0;height:0;margin:2.5em 0}.cf-content :where(img,video,iframe,svg){max-width:100%}.cf-content img{height:auto}.cf-content figure{margin-inline:0}.cf-content figcaption{color:var(--cf-ink-secondary);text-align:center;margin-top:.6em;font-size:.86em}.cf-anchor-island{opacity:0;width:24px;height:1.2em;transition:opacity var(--cf-duration-fast) var(--cf-easing-default);align-items:center;display:inline-flex;position:absolute;inset:0 auto auto -32px}.cf-content :where(h1,h2,h3,h4,h5,h6):hover .cf-anchor-island,.cf-anchor-island:focus-within{opacity:1}.cf-anchor{width:24px;height:24px;color:var(--cf-ink-tertiary);box-shadow:none;opacity:.68;background:0 0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.cf-anchor>svg{width:14px;height:14px}.cf-anchor:hover{color:var(--cf-accent-deep)}.cf-code,.cf-terminal,.cf-table-window,.cf-api-block,.cf-file-tree,.cf-media-frame,.cf-image-gallery{border-radius:var(--cf-radius-md);width:100%;min-width:0;color:var(--cf-ink-body);background:var(--cf-block-stage-surface);overflow:hidden}.cf-code,.cf-code-group,.cf-table-window,.cf-content details{box-shadow:var(--cf-block-shell-shadow)}.cf-code{--cf-code-line-gutter:4.5ch;color:var(--cf-code-ink);border:0;outline:0}.cf-terminal{color:var(--cf-terminal-ink);background:var(--cf-terminal-canvas);box-shadow:var(--cf-block-shell-shadow)}.cf-block-toolbar,.cf-code-bar,.cf-terminal-head,.cf-api-endpoint,.cf-table-preview-head,.cf-gallery-dialog-head{min-height:var(--cf-block-toolbar-height);padding:8px var(--cf-block-padding);color:var(--cf-ink-secondary);background:var(--cf-block-toolbar-surface);box-shadow:none;-webkit-backdrop-filter:blur(var(--cf-glass-blur)) saturate(145%);align-items:center;gap:.65rem;display:flex}:where(.cf-gallery-dialog-head,.cf-table-preview-head)>button:last-child{margin-inline-start:auto}.cf-code-bar{border:0}.cf-block-title{align-items:center;gap:.5rem;min-width:0;line-height:1;display:inline-flex}.cf-block-title>svg{flex:none}.cf-block-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-block-title,.cf-code-file-name{color:var(--cf-ink-secondary);font-family:var(--cf-font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:550;overflow:hidden}.cf-code-lang{color:var(--cf-ink-secondary);font-family:var(--cf-font-mono);letter-spacing:.04em;font-size:.78rem;font-weight:550}.cf-terminal-head:before{content:"";background:var(--cf-terminal-traffic-close);width:10px;height:10px;box-shadow:18px 0 var(--cf-terminal-traffic-minimize), 36px 0 var(--cf-terminal-traffic-maximize);border-radius:50%;flex:0 0 10px;margin-inline:0 36px;display:inline-block}.cf-terminal-head{color:var(--cf-terminal-ink-secondary);background:var(--cf-terminal-toolbar)}.cf-terminal-head>.cf-copy-snippet-button{margin-inline-start:auto}.cf-code-file{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.cf-code-file-icon{background-image:url(./file-icons/document.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;flex:none;width:1.05rem;min-width:1.05rem;height:1.05rem;padding:0;line-height:0;display:inline-block}.cf-code-file-icon[data-cf-file-icon=astro]{background-image:url(./file-icons/astro.svg)}.cf-code-file-icon[data-cf-file-icon=bun]{background-image:url(./file-icons/bun_light.svg)}.cf-code-file-icon[data-cf-file-icon=console]{background-image:url(./file-icons/console.svg)}.cf-code-file-icon[data-cf-file-icon=css]{background-image:url(./file-icons/css.svg)}.cf-code-file-icon[data-cf-file-icon=database]{background-image:url(./file-icons/database.svg)}.cf-code-file-icon[data-cf-file-icon=deno]{background-image:url(./file-icons/deno_light.svg)}.cf-code-file-icon[data-cf-file-icon=diff]{background-image:url(./file-icons/diff.svg)}.cf-code-file-icon[data-cf-file-icon=docker]{background-image:url(./file-icons/docker.svg)}.cf-code-file-icon[data-cf-file-icon=canofold]{background-image:var(--cf-canofold-config-icon,url(./file-icons/config.svg))}.cf-code-file-icon[data-cf-file-icon=environment]{background-image:url(./file-icons/environment.svg)}.cf-code-file-icon[data-cf-file-icon=git]{background-image:url(./file-icons/git.svg)}.cf-code-file-icon[data-cf-file-icon=github-actions]{background-image:url(./file-icons/github-actions.svg)}.cf-code-file-icon[data-cf-file-icon=go]{background-image:url(./file-icons/go.svg)}.cf-code-file-icon[data-cf-file-icon=javascript]{background-image:url(./file-icons/javascript.svg)}.cf-code-file-icon[data-cf-file-icon=json]{background-image:url(./file-icons/json.svg)}.cf-code-file-icon[data-cf-file-icon=markdown]{background-image:url(./file-icons/markdown.svg)}.cf-code-file-icon[data-cf-file-icon=nodejs]{background-image:url(./file-icons/nodejs.svg)}.cf-code-file-icon[data-cf-file-icon=npm]{background-image:url(./file-icons/npm.svg)}.cf-code-file-icon[data-cf-file-icon=pnpm]{background-image:url(./file-icons/pnpm_light.svg)}.cf-code-file-icon[data-cf-file-icon=python]{background-image:url(./file-icons/python.svg)}.cf-code-file-icon[data-cf-file-icon=react]{background-image:url(./file-icons/react.svg)}.cf-code-file-icon[data-cf-file-icon=rust]{background-image:url(./file-icons/rust.svg)}.cf-code-file-icon[data-cf-file-icon=sass]{background-image:url(./file-icons/sass.svg)}.cf-code-file-icon[data-cf-file-icon=config]{background-image:url(./file-icons/config.svg)}.cf-code-file-icon[data-cf-file-icon=settings]{background-image:url(./file-icons/settings.svg)}.cf-code-file-icon[data-cf-file-icon=svelte]{background-image:url(./file-icons/svelte.svg)}.cf-code-file-icon[data-cf-file-icon=typescript]{background-image:url(./file-icons/typescript.svg)}.cf-code-file-icon[data-cf-file-icon=vue]{background-image:url(./file-icons/vue.svg)}.cf-code-file-icon[data-cf-file-icon=yaml]{background-image:url(./file-icons/yaml.svg)}.cf-code-file-icon[data-cf-file-icon=yarn]{background-image:url(./file-icons/yarn.svg)}.dark .cf-code-file-icon[data-cf-file-icon=bun]{background-image:url(./file-icons/bun.svg)}.dark .cf-code-file-icon[data-cf-file-icon=deno]{background-image:url(./file-icons/deno.svg)}.dark .cf-code-file-icon[data-cf-file-icon=pnpm]{background-image:url(./file-icons/pnpm.svg)}.cf-block-actions{gap:4px;margin-inline-start:auto;display:inline-flex}.cf-block-button,.cf-icon-button,.cf-copy-snippet-button,.cf-gallery-nav,.cf-gallery-thumbs button,.cf-sort-button{border-radius:var(--cf-radius-sm);min-width:32px;min-height:32px;color:var(--cf-ink-secondary);box-shadow:none;cursor:pointer;transition:color var(--cf-duration-fast) var(--cf-easing-default), background var(--cf-duration-fast) var(--cf-easing-default);background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.cf-block-button:hover,.cf-icon-button:hover,.cf-copy-snippet-button:hover,.cf-gallery-nav:hover,.cf-gallery-thumbs button:hover,.cf-sort-button:hover{color:var(--cf-accent-deep)}.cf-content a.cf-block-button{color:var(--cf-ink-secondary);text-decoration:none}.cf-content a.cf-block-button:hover{color:var(--cf-accent-deep)}.cf-code :where(.cf-block-button,.cf-copy-snippet-button),.cf-code .cf-block-button{color:var(--cf-ink-secondary);opacity:.62;transition:opacity var(--cf-duration-fast) var(--cf-easing-default), color var(--cf-duration-fast) var(--cf-easing-default)}.cf-code:hover :where(.cf-block-button,.cf-copy-snippet-button),.cf-code:focus-within :where(.cf-block-button,.cf-copy-snippet-button){opacity:1}.cf-terminal .cf-copy-snippet-button{color:var(--cf-terminal-ink-tertiary)}.cf-code :where(.cf-block-button,.cf-copy-snippet-button):hover{color:var(--cf-ink)}.cf-terminal .cf-copy-snippet-button:hover{color:var(--cf-terminal-ink)}.cf-block-button:active,.cf-icon-button:active,.cf-copy-snippet-button:active,.cf-gallery-nav:active,.cf-gallery-thumbs button:active,.cf-sort-button:active{opacity:1}.cf-code>pre,.cf-code pre,.cf-terminal>pre{padding-block:var(--cf-block-padding);color:var(--cf-code-ink);font-family:var(--cf-font-mono);tab-size:2;margin:0;font-size:.84rem}.cf-code>pre,.cf-code pre{padding-inline:0;line-height:1.8}.cf-terminal>pre{padding-inline:var(--cf-block-padding);line-height:1.55}.cf-code>pre,.cf-code pre{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;counter-reset:cf-code-line;overflow-x:hidden}.cf-terminal>pre{scrollbar-width:thin;scrollbar-color:var(--cf-accent-300) transparent;overflow-x:auto}.cf-code>pre.shiki,.cf-code>pre.shiki code{color:var(--shiki-light,var(--cf-code-ink))!important;background-color:var(--cf-block-stage-surface)!important}html.dark .cf-code>pre.shiki,html.dark .cf-code>pre.shiki code,.dark .cf-code>pre.shiki,.dark .cf-code>pre.shiki code{color:var(--shiki-dark,var(--cf-code-ink))!important;background-color:var(--cf-block-stage-surface)!important}html.dark .cf-code>pre.shiki span,.dark .cf-code>pre.shiki span{color:var(--shiki-dark,inherit)!important}.cf-code pre code,.cf-terminal pre code{color:inherit;font:inherit;background:0 0;padding:0}.cf-code pre code{width:100%;min-width:0;white-space:inherit;flex-direction:column;display:flex}.cf-code .line,.cf-code .diff{box-sizing:border-box;width:100%;max-width:100%;min-height:1.8em;padding-inline:calc(var(--cf-code-line-gutter) + .5rem) 0;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;line-height:1.8;display:block;position:relative}.cf-code[data-cf-code-overflow=scroll]>pre,.cf-code[data-cf-code-overflow=scroll] pre{overflow-wrap:normal;scrollbar-color:var(--cf-accent-300) transparent;scrollbar-width:thin;white-space:pre;word-break:normal;overflow-x:auto}.cf-code[data-cf-code-overflow=scroll] pre code{width:max-content;min-width:100%}.cf-code[data-cf-code-overflow=scroll] .line,.cf-code[data-cf-code-overflow=scroll] .diff{overflow-wrap:normal;white-space:pre;word-break:normal;width:100%;min-width:max-content;max-width:none}.cf-code .line:before{width:var(--cf-code-line-gutter);color:var(--cf-ink-tertiary);content:counter(cf-code-line);counter-increment:cf-code-line;font-variant-numeric:tabular-nums;text-align:end;-webkit-user-select:none;user-select:none;position:absolute;inset-inline-start:0}.cf-code .line.highlighted,.cf-code .line.focused{background:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){.cf-code .line.highlighted,.cf-code .line.focused{background:color-mix(in srgb, var(--cf-accent-500) 8%, transparent)}}.cf-code .line.diff.add{background:var(--cf-success)}@supports (color:color-mix(in lab, red, red)){.cf-code .line.diff.add{background:color-mix(in oklab, var(--cf-success) 13%, transparent)}}.cf-code .line.diff.add:before{color:var(--cf-success);content:"+"}.cf-code .line.diff.remove{background:var(--cf-danger)}@supports (color:color-mix(in lab, red, red)){.cf-code .line.diff.remove{background:color-mix(in oklab, var(--cf-danger) 13%, transparent)}}.cf-code .line.diff.remove:before{color:var(--cf-danger);content:"−"}.cf-code .line.error{background:var(--cf-danger)}@supports (color:color-mix(in lab, red, red)){.cf-code .line.error{background:color-mix(in oklab, var(--cf-danger) 13%, transparent)}}.cf-code .line.warning{background:var(--cf-warning)}@supports (color:color-mix(in lab, red, red)){.cf-code .line.warning{background:color-mix(in oklab, var(--cf-warning) 13%, transparent)}}.cf-terminal-prompt{color:var(--cf-success);font-family:var(--cf-font-mono);font-weight:700}.cf-terminal>pre{color:var(--cf-terminal-ink)}.cf-terminal-output{color:var(--cf-terminal-ink-tertiary);grid-column:2;display:block}.cf-terminal>pre>span{grid-template-columns:1.15rem minmax(0,1fr);display:grid}.cf-terminal>pre>span>.cf-terminal-prompt{grid-column:1}.cf-terminal-status{color:var(--cf-terminal-ink-tertiary);font-family:var(--cf-font-mono);grid-column:1}.cf-data-table{border-collapse:collapse;width:100%;font-size:.9em;display:block;overflow-x:auto}.cf-data-table>table{border-collapse:inherit;table-layout:auto;width:100%;min-width:100%;margin:0}.cf-table-window table{margin-block:0}.cf-data-table th,.cf-data-table td{text-align:start;vertical-align:top;padding:10px 14px}.cf-data-table th{color:var(--cf-ink);background:var(--cf-table-head-surface,var(--cf-ink))}@supports (color:color-mix(in lab, red, red)){.cf-data-table th{background:var(--cf-table-head-surface,color-mix(in oklab, var(--cf-ink) 6%, var(--cf-surface-secondary)))}}.cf-data-table th{font-weight:720}.cf-data-table tbody tr{background:var(--cf-table-row-surface,var(--cf-surface-elevated))}.cf-data-table tbody tr:nth-child(2n){background:var(--cf-table-row-alt-surface,var(--cf-surface-secondary))}.cf-data-table :is(th,td) code{white-space:nowrap;overflow-wrap:normal;word-break:normal}.cf-sort-button{min-height:0;color:inherit;white-space:nowrap;gap:.35rem;padding:2px 4px}.cf-sort-label{margin-inline-end:0}.cf-sort-icon{width:1rem;height:1rem;color:var(--cf-ink-tertiary);opacity:.68;justify-content:center;align-items:center;display:inline-flex}.cf-sort-button[aria-pressed=true] .cf-sort-icon{color:var(--cf-ink-tertiary);opacity:1}.cf-sort-icon path{opacity:.42;transition:stroke var(--cf-duration-fast) var(--cf-easing-default), opacity var(--cf-duration-fast) var(--cf-easing-default)}.cf-sort-button[data-sort=asc] .cf-sort-icon path:nth-child(2),.cf-sort-button[data-sort=desc] .cf-sort-icon path:first-child{stroke:var(--cf-accent-500);opacity:1}.cf-sort-button:focus-visible{border-radius:var(--cf-radius-sm);box-shadow:var(--cf-focus-ring);outline:none}.cf-table-window{--cf-table-row-surface:var(--cf-surface-elevated);--cf-table-row-alt-surface:var(--cf-surface-secondary);border:0;outline:0;display:block}.dark .cf-table-window{--cf-table-head-surface:var(--cf-surface-secondary);--cf-table-row-surface:var(--cf-surface);--cf-table-row-alt-surface:var(--cf-surface-soft)}.dark .cf-table-window>.cf-block-toolbar{background:var(--cf-surface-elevated)}@media (max-width:45rem){.cf-table-window .cf-data-table>table{min-width:680px}}.cf-media-frame{box-shadow:none;background:0 0;place-items:center;padding:0;display:grid;overflow:visible}.cf-media-frame img,.cf-media-frame video,.cf-media-frame iframe{object-fit:contain;border-radius:var(--cf-radius-sm);width:100%;min-height:0;max-height:70dvh;display:block}.cf-content>:where(video,iframe[data-cf-element=embed]){border-radius:var(--cf-radius-md);background:var(--cf-surface-soft);width:100%;margin:.9rem 0;display:block}.cf-content>video{height:auto;max-height:72dvh}.cf-content>iframe[data-cf-element=embed]{border:1px solid var(--cf-hairline);min-height:clamp(20rem,62dvh,45rem)}.cf-content>audio{border-radius:var(--cf-radius-md);color-scheme:light;background:var(--cf-surface-secondary);width:min(100%,380px);height:38px;accent-color:var(--cf-accent-deep);margin:.9rem 0;display:block}.dark .cf-content>audio{color-scheme:dark}.cf-content>audio::-webkit-media-controls-enclosure{border-radius:var(--cf-radius-md);background:var(--cf-surface-secondary)}.cf-content>audio::-webkit-media-controls-panel{border-radius:var(--cf-radius-md);background:var(--cf-surface-secondary)}.cf-file-link{border-radius:var(--cf-radius-md);width:100%;min-height:4.25rem;color:var(--cf-ink);box-shadow:none;transition:background-color var(--cf-duration-fast) var(--cf-easing-default);background:0 0;grid-template-columns:2.75rem minmax(0,1fr) 2rem;align-items:center;gap:.875rem;margin:.25rem 0;padding:.625rem .75rem;text-decoration:none;display:grid}.cf-file-link:hover{color:var(--cf-ink);background:var(--cf-surface-soft);text-decoration:none}.cf-file-link:focus-visible{box-shadow:var(--cf-focus-ring);outline:0}.cf-file-icon{background-image:url(./file-icons/document.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:2.75rem;height:2.75rem;display:block}.cf-file-icon[data-cf-file-icon=pdf]{background-image:url(./file-icons/pdf.svg)}.cf-file-icon[data-cf-file-icon=word]{background-image:url(./file-icons/word.svg)}.cf-file-icon[data-cf-file-icon=powerpoint]{background-image:url(./file-icons/powerpoint.svg)}.cf-file-icon[data-cf-file-icon=excel]{background-image:url(./file-icons/excel.svg)}.cf-file-details{gap:.125rem;min-width:0;display:grid}.cf-file-name{color:var(--cf-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:560;line-height:1.35;overflow:hidden}.cf-file-meta{color:var(--cf-ink-secondary);font-size:.8125rem;line-height:1.35}.cf-file-download{width:1.25rem;height:1.25rem;color:var(--cf-ink-secondary);background:currentColor;justify-self:end;display:block;-webkit-mask:url(./file-icons/download.svg) 50%/contain no-repeat;mask:url(./file-icons/download.svg) 50%/contain no-repeat}.cf-file-link:hover .cf-file-download{color:var(--cf-accent-deep)}.cf-copy-snippet{border-radius:var(--cf-radius-sm);background:var(--cf-surface-code);vertical-align:baseline;align-items:center;gap:5px;padding:2px 3px 2px 6px;display:inline-flex}.cf-copy-snippet>code{background:0 0;padding:0}.cf-copy-snippet>.cf-copy-snippet-button{min-width:24px;min-height:24px;box-shadow:none;padding:3px}.cf-callout,.cf-aside{--cf-callout-tone-deep:var(--cf-info-deep);--cf-callout-surface:var(--cf-info-soft);border-radius:var(--cf-radius-md);color:var(--cf-ink-body);background:var(--cf-callout-surface);box-shadow:none;padding:12px 14px 13px}.cf-callout-title{color:var(--cf-ink);align-items:center;gap:.5em;margin-bottom:.35em;font-weight:720;display:flex}.cf-callout-icon{width:1.05rem;height:1.05rem;color:var(--cf-callout-tone-deep);flex:0 0 1.05rem;display:block}.cf-callout-body>:first-child{margin-top:0}.cf-callout-body>:last-child{margin-bottom:0}.cf-callout-tip{--cf-callout-tone-deep:var(--cf-success-deep);--cf-callout-surface:var(--cf-success-soft)}.cf-callout-warning{--cf-callout-tone-deep:var(--cf-warning-deep);--cf-callout-surface:var(--cf-warning-soft)}.cf-callout-danger{--cf-callout-tone-deep:var(--cf-danger-deep);--cf-callout-surface:var(--cf-danger-soft)}.cf-content details{border-radius:var(--cf-radius-md);background:var(--cf-block-stage-surface);margin:.78rem 0;padding:0;overflow:hidden}.cf-content summary{width:100%;min-height:var(--cf-block-toolbar-height);padding:9px var(--cf-block-padding);color:var(--cf-ink);background:var(--cf-block-toolbar-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:680;list-style:none;display:flex}.cf-content summary::-webkit-details-marker{display:none}.cf-details-chevron{width:1rem;height:1rem;transition:transform var(--cf-duration-normal) var(--cf-easing-default);flex:none}.cf-content details[open]>summary .cf-details-chevron{transform:rotate(180deg)}.cf-details-content{opacity:1;transition:grid-template-rows var(--cf-duration-normal) var(--cf-easing-default), opacity var(--cf-duration-fast) var(--cf-easing-default);grid-template-rows:1fr;display:grid;overflow:hidden}.cf-details-content-inner{min-height:0;padding:var(--cf-block-padding);transition:padding-block var(--cf-duration-normal) var(--cf-easing-default);overflow:hidden}.cf-content details:not([open])>.cf-details-content{opacity:0;grid-template-rows:0fr;display:grid}.cf-content details:not([open])>.cf-details-content>.cf-details-content-inner{padding-block:0}.cf-tabs,.cf-steps,.cf-api-block,.cf-file-tree,.cf-card-grid{background:var(--cf-surface-soft)}.cf-tabs{background:0 0}.cf-code-group{border-radius:var(--cf-radius-md);background:var(--cf-block-stage-surface);border:0;outline:0;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.cf-code-group .cf-tabs-list{min-height:var(--cf-block-toolbar-height);padding:0 var(--cf-block-padding);background:var(--cf-block-toolbar-surface);box-shadow:none;-webkit-backdrop-filter:blur(var(--cf-glass-blur)) saturate(145%);grid-area:1/1;gap:22px;margin-bottom:0}.cf-code-group>.cf-tabs-content:not([hidden]){display:contents}.cf-code-group>.cf-tabs-content[hidden]{display:none}.cf-code-group .cf-code{box-shadow:none;border-radius:0;margin:0;display:contents;position:static}.cf-code-group .cf-code-bar{z-index:2;width:auto;min-height:var(--cf-block-toolbar-height);padding:0 var(--cf-block-padding) 0 6px;background:var(--cf-block-toolbar-surface);pointer-events:auto;grid-area:1/2;justify-content:flex-end;position:static}.cf-code-group pre{grid-area:2/1/auto/-1}.cf-code-tabs-scroll{z-index:3;width:2.25rem;height:var(--cf-block-toolbar-height);color:var(--cf-ink-secondary);background:var(--cf-block-toolbar-surface);cursor:pointer;transition:color var(--cf-duration-fast) var(--cf-easing-default), opacity var(--cf-duration-fast) var(--cf-easing-default);place-items:center;padding:0;display:inline-grid;position:absolute;top:0}.cf-code-tabs-scroll[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:inline-grid}.cf-code-tabs-scroll-start{left:0}.cf-code-tabs-scroll-end{right:2.875rem}.cf-code-tabs-scroll svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1rem;height:1rem}.cf-code-tabs-scroll:hover,.cf-code-tabs-scroll:focus-visible{color:var(--cf-accent-deep)}.cf-code-group .cf-code-bar [data-cf-slot=title]{display:none}.cf-tabs>*,.cf-steps>*,.cf-api-block>*,.cf-file-tree>*,.cf-card-grid>*{min-width:0}.cf-tabs-list{scroll-behavior:smooth;min-height:var(--cf-block-toolbar-height);scrollbar-width:none;gap:14px;padding:0;display:flex;overflow-x:auto}.cf-tabs:not(.cf-code-group)>.cf-tabs-list{width:100%;min-height:var(--cf-block-toolbar-height);box-shadow:inset 0 -1px var(--cf-hairline);background:0 0;gap:22px;padding:0}.cf-tabs-list::-webkit-scrollbar{display:none}.cf-gallery-thumbs::-webkit-scrollbar{display:none}.cf-tabs-trigger{min-height:var(--cf-block-toolbar-height);color:var(--cf-ink-secondary);cursor:pointer;transition:color var(--cf-duration-fast) var(--cf-easing-default), background var(--cf-duration-fast) var(--cf-easing-default), box-shadow var(--cf-duration-fast) var(--cf-easing-default);background:0 0;border-radius:0;flex:none;padding:8px 3px 9px}.cf-tabs:not(.cf-code-group)>.cf-tabs-list>.cf-tabs-trigger{min-height:var(--cf-block-toolbar-height);border-radius:0;padding:9px 2px 10px}.cf-code-group .cf-tabs-trigger{min-height:var(--cf-block-toolbar-height);color:var(--cf-ink-secondary);align-items:center;gap:.45rem;padding:8px 0 9px;font-size:.94rem;line-height:1;display:inline-flex}.cf-code-group .cf-tabs-trigger .cf-code-file-icon{flex:none;align-self:center;width:1.1rem;min-width:1.1rem;height:1.1rem}.cf-code-tab-label{white-space:nowrap;align-items:center;min-height:1rem}.cf-code-group .cf-tabs-trigger:not(:has(.cf-code-file-icon)):before{content:"";background:url(./file-icons/document.svg) 50%/contain no-repeat;width:1.1rem;height:1.1rem}.cf-code-group .cf-tabs-trigger:hover,.cf-code-group .cf-tabs-trigger[aria-selected=true]{color:var(--cf-accent-deep);box-shadow:inset 0 -2px var(--cf-accent-500);background:0 0}.cf-tabs:not(.cf-code-group)>.cf-tabs-list>.cf-tabs-trigger:hover{color:var(--cf-ink);background:0 0}.cf-tabs:not(.cf-code-group)>.cf-tabs-list>.cf-tabs-trigger[aria-selected=true]{color:var(--cf-accent-600);box-shadow:inset 0 -2px var(--cf-accent-500);background:0 0}.cf-tabs-content{animation:cf-content-enter var(--cf-duration-fast) var(--cf-easing-default);background:0 0;padding:.8rem .15rem .25rem}.cf-tabs-content>:first-child,.cf-tabs-content>:last-child{margin-block:0}.cf-tabs-content[hidden]{display:none}.cf-steps{counter-reset:cf-step;background:0 0;padding:.25rem 0;list-style:none}.cf-content .cf-steps{padding-inline-start:0}.cf-steps>li{counter-increment:cf-step;min-height:30px;padding-inline-start:2.55rem;position:relative}.cf-steps>li+li{margin-top:1rem}.cf-steps>li:before{z-index:1;content:counter(cf-step);width:1.55rem;height:1.55rem;color:var(--cf-on-accent);background:var(--cf-accent-500);font:700 .7rem/1 var(--cf-font-mono);border-radius:50%;place-items:center;display:inline-grid;position:absolute;inset-inline-start:0}.cf-steps>li:not(:last-child):after{z-index:0;content:"";background:var(--cf-hairline);inset-inline-start:.775rem;width:1px;position:absolute;top:1.55rem;bottom:-1rem;transform:translate(-50%)}.cf-step-title{color:var(--cf-ink);margin-bottom:.2em;font-weight:720;display:block}.cf-steps>li>p{margin:.28rem 0 0}.cf-api-block{background:var(--cf-surface-secondary);box-shadow:var(--cf-block-shell-shadow);padding:12px}.cf-api-block>.cf-api-endpoint{border-radius:var(--cf-radius-sm);min-height:46px;color:var(--cf-ink);background:var(--cf-surface-elevated);box-shadow:none;padding:10px 12px}.cf-api-method,.cf-badge,.cf-badge-success,.cf-badge-warning,.cf-badge-danger{border-radius:var(--cf-radius-sm);min-height:24px;font:700 .74rem/1 var(--cf-font-mono);letter-spacing:.03em;align-items:center;padding:3px 7px;display:inline-flex}.cf-api-method,.cf-badge,.cf-badge-accent{color:var(--cf-accent-700);background:var(--cf-accent-soft)}.cf-badge-success{color:var(--cf-success-deep);background:var(--cf-success-soft)}.cf-badge-warning{color:var(--cf-warning-deep);background:var(--cf-warning-soft)}.cf-badge-danger{color:var(--cf-danger-deep);background:var(--cf-danger-soft)}.cf-api-path-param{color:var(--cf-danger-deep);font-family:var(--cf-font-mono)}.cf-api-params,.cf-api-response{background:0 0;margin:10px 0 0;padding:0}.cf-api-block .cf-api-params .cf-table-window{background:var(--cf-surface);box-shadow:none}.cf-api-response{border-radius:var(--cf-radius-sm);min-height:42px;color:var(--cf-ink-body);background:var(--cf-surface);align-items:center;gap:.55rem;padding:9px 11px;display:flex}.cf-api-response:has(.cf-badge-success){background:var(--cf-success-soft)}.cf-api-response:has(.cf-badge-warning){background:var(--cf-warning-soft)}.cf-api-response:has(.cf-badge-danger){background:var(--cf-danger-soft)}.cf-api-block .cf-api-params .cf-table-window>.cf-block-toolbar{display:none}.cf-table-window>.cf-block-toolbar{min-height:var(--cf-block-toolbar-height);padding:8px var(--cf-block-padding);background:var(--cf-surface-elevated);box-shadow:none}.cf-table-preview-body{width:100%;padding:var(--cf-block-padding);background:var(--cf-surface);display:block}.cf-file-tree{font-size:var(--cf-body-font-size);line-height:var(--cf-body-line-height);padding:.5rem}.cf-content .cf-file-tree ul,.cf-content .cf-file-tree ol,.cf-file-tree ul{flex-direction:column;gap:0;margin:0;padding:0;padding-inline-start:1.25rem;list-style:none;display:flex}.cf-content .cf-file-tree>ul,.cf-file-tree>ul{padding-inline-start:0}.cf-content .cf-file-tree ul ul,.cf-content .cf-file-tree ol ol,.cf-content .cf-file-tree ul ol,.cf-content .cf-file-tree ol ul{margin-block:0}.cf-file-tree li,.cf-content .cf-file-tree li+li{margin:0;display:flex;position:relative}.cf-file-tree-branch{flex-direction:column}.cf-file-tree-children{margin:0;padding:0}.cf-file-tree-folder,.cf-file-tree-file{appearance:none;border-radius:var(--cf-radius-sm);width:100%;min-height:2rem;color:var(--cf-ink-body);font:inherit;line-height:var(--cf-body-line-height);text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.2rem .5rem;display:flex}.cf-file-tree-folder:hover,.cf-file-tree-file:hover{color:var(--cf-ink);background:var(--cf-ink)}@supports (color:color-mix(in lab, red, red)){.cf-file-tree-folder:hover,.cf-file-tree-file:hover{background:color-mix(in srgb, var(--cf-ink) 5%, transparent)}}.cf-file-tree-current{color:var(--cf-accent-deep);background:var(--cf-accent-soft)}.cf-file-tree ul[data-cf-state=collapsed],.cf-file-tree [data-cf-state=collapsed]>ul,.cf-file-tree [data-cf-state=collapsed]>.cf-file-tree-children,.cf-file-tree-children[data-cf-state=collapsed]{display:none}.cf-file-tree-folder-icon,.cf-file-tree-file-icon{width:1rem;height:1rem;color:var(--cf-ink-tertiary);flex:0 0 1rem;place-items:center;display:inline-grid}.cf-file-tree-folder-icon>svg,.cf-file-tree-file-icon>svg{width:1rem;height:1rem;display:block}.cf-file-tree-current .cf-file-tree-file-icon{color:var(--cf-accent-deep)}.dark .cf-file-tree-current,.dark .cf-file-tree-current .cf-file-tree-file-icon{color:var(--cf-accent-500)}@supports (color:color-mix(in lab, red, red)){.dark .cf-file-tree-current,.dark .cf-file-tree-current .cf-file-tree-file-icon{color:color-mix(in srgb, var(--cf-accent-500) 56%, white)}}.cf-reading-time{color:var(--cf-ink-tertiary);margin:0 0 1.1rem;font-size:.875em}.cf-link-card{border-radius:var(--cf-radius-md);color:inherit;background:var(--cf-surface-soft);transition:background var(--cf-duration-normal) var(--cf-easing-default), box-shadow var(--cf-duration-normal) var(--cf-easing-default);padding:14px 16px;text-decoration:none;display:block}.cf-link-card:hover{background:var(--cf-accent-soft);box-shadow:var(--cf-shadow-raised-sm)}.cf-link-card strong{margin-bottom:.25em;display:block}.cf-card-grid{background:0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;padding:0;display:grid}@keyframes cf-content-enter{0%{opacity:0}to{opacity:1}}.cf-gallery-stage{background:var(--cf-block-stage-surface);min-height:160px;position:relative}.cf-gallery-lightbox,.cf-table-preview{--cf-block-padding:14px;--cf-block-toolbar-height:48px;--cf-block-toolbar-surface:var(--cf-surface-secondary)}@supports (color:color-mix(in lab, red, red)){.cf-gallery-lightbox,.cf-table-preview{--cf-block-toolbar-surface:color-mix(in srgb, var(--cf-surface-secondary) 88%, transparent)}}.cf-gallery-lightbox,.cf-table-preview{--cf-block-stage-surface:var(--cf-surface-soft);z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cf-gallery-lightbox[hidden],.cf-table-preview[hidden]{display:none}.cf-gallery-backdrop,.cf-table-preview-backdrop{background:var(--cf-overlay);position:absolute;inset:0}.cf-gallery-dialog,.cf-table-preview-card{z-index:1;border-radius:var(--cf-radius-md);background:var(--cf-surface-elevated);width:min(100vw - 48px,1040px);max-height:min(82dvh,47.5rem);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cf-gallery-dialog,.cf-table-preview-card{background:color-mix(in srgb, var(--cf-surface-elevated) 94%, transparent)}}.cf-gallery-dialog,.cf-table-preview-card{box-shadow:var(--cf-shadow-raised);-webkit-backdrop-filter:blur(var(--cf-glass-blur)) saturate(130%);animation:cf-dialog-in var(--cf-duration-normal) var(--cf-easing-default)}.cf-gallery-stage,.cf-table-preview-body{max-height:calc(min(82dvh, 47.5rem) - var(--cf-block-toolbar-height));overflow:auto}.cf-table-preview-body{background:var(--cf-surface-soft)}.cf-table-preview-body .cf-table-window{max-height:calc(min(82dvh, 47.5rem) - var(--cf-block-toolbar-height) - (var(--cf-block-padding) * 2));border-radius:var(--cf-radius-sm);background:var(--cf-surface);box-shadow:none;overflow:auto}.cf-image-gallery{background:0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;padding:0;display:grid;overflow:visible}.cf-image-gallery>figure{min-width:0;box-shadow:none;background:0 0;margin:0;padding:0}.cf-media-zoom{border-radius:var(--cf-radius-sm);cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.cf-media-zoom[data-cf-preview-open=true]>img{visibility:hidden}.cf-image-lightbox{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cf-image-lightbox-backdrop{background:var(--cf-overlay-scrim);-webkit-backdrop-filter:blur(18px)saturate(115%);width:100%;height:100%;padding:0;position:absolute;inset:0}.cf-image-lightbox-card{z-index:1;width:fit-content;min-width:0;max-width:min(100vw - 48px,1440px);max-height:90dvh;box-shadow:none;animation:cf-dialog-in var(--cf-duration-normal) var(--cf-easing-default);background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.cf-image-lightbox-card img{border-radius:var(--cf-radius-sm);background:var(--cf-media-canvas);width:auto;max-width:min(100vw - 48px,1440px);max-height:86dvh;box-shadow:var(--cf-media-shadow);object-fit:contain}.cf-image-lightbox-card p{color:var(--cf-overlay-ink);text-align:center;margin:12px 0 0}.cf-image-lightbox-close.cf-icon-button{z-index:2;min-width:44px;min-height:44px;color:var(--cf-overlay-control-ink);background:var(--cf-overlay-control);box-shadow:var(--cf-overlay-control-shadow);-webkit-backdrop-filter:blur(16px)saturate(135%);position:absolute;inset:12px 12px auto auto}.cf-image-lightbox-close:focus-visible,.cf-gallery-lightbox :where(.cf-icon-button,.cf-gallery-nav):focus-visible,.cf-table-preview .cf-icon-button:focus-visible{box-shadow:var(--cf-focus-ring);outline:none}.cf-gallery-trigger{appearance:none;width:100%;color:inherit;box-shadow:none;cursor:zoom-in;background:0 0;margin:0;padding:0;display:block}.cf-gallery-trigger img{aspect-ratio:16/10;border-radius:var(--cf-radius-sm);object-fit:cover;background:0 0;width:100%;max-height:58dvh;display:block}.cf-gallery-thumbs{scrollbar-width:none;justify-content:center;gap:6px;padding:10px 12px 14px;display:flex;overflow-x:auto}.cf-gallery-thumbs button{background:var(--cf-overlay-control);flex:0 0 58px;width:58px;height:44px;min-height:44px;padding:3px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cf-gallery-thumbs button{background:color-mix(in oklab, var(--cf-overlay-control) 70%, transparent)}}.cf-gallery-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.cf-gallery-thumbs button.is-current{color:var(--cf-overlay-control-ink);background:oklab(100% 0 5.96046e-8/.28)}.cf-gallery-stage figure{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;min-height:min(62dvh,38.75rem);margin:0;display:grid}.cf-gallery-stage figure>img{object-fit:contain;border-radius:var(--cf-radius-sm);width:auto;max-width:100%;max-height:min(62dvh,38.75rem);box-shadow:var(--cf-media-shadow)}.cf-gallery-stage figcaption{width:auto;color:var(--cf-overlay-ink);text-align:center;justify-content:center;align-self:center;align-items:center;gap:.55rem;padding:0;display:flex}.cf-gallery-count{color:var(--cf-overlay-ink-muted);font:500 .78rem/1.4 var(--cf-font-sans)}.cf-gallery-nav{z-index:2;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.cf-gallery-prev{inset-inline-start:12px}.cf-gallery-next{inset-inline-end:12px}.cf-gallery-lightbox .cf-gallery-backdrop{background:var(--cf-overlay-scrim);-webkit-backdrop-filter:blur(18px)saturate(115%)}.cf-gallery-lightbox .cf-gallery-dialog{width:min(94vw,1440px);max-height:92dvh;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0}.cf-gallery-lightbox .cf-gallery-dialog-head{color:var(--cf-overlay-ink);-webkit-backdrop-filter:none;background:0 0}.cf-gallery-lightbox .cf-gallery-dialog-head .cf-icon-button,.cf-gallery-lightbox .cf-gallery-nav{color:var(--cf-overlay-control-ink);background:var(--cf-overlay-control);box-shadow:var(--cf-overlay-control-shadow);-webkit-backdrop-filter:blur(16px)saturate(135%)}.cf-gallery-lightbox .cf-gallery-stage{background:0 0}@keyframes cf-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cf-action-success{color:var(--cf-success-deep)!important}.cf-action-icon{flex:0 0 1em;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.cf-action-icon-success,[data-cf-copied=true] .cf-action-icon-copy{display:none}[data-cf-copied=true] .cf-action-icon-success{display:inline-flex}.cf-action-error{color:var(--cf-danger-deep)!important}.cf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:47.5rem){.cf-content{padding-inline:var(--cf-site-gutter)}.cf-anchor-island{vertical-align:text-bottom;margin-inline-start:.35rem;position:static}.cf-content dl{grid-template-columns:1fr;gap:.2rem}.cf-content dd+dt{margin-top:.55rem}.cf-code>pre,.cf-code pre{padding-inline:0}.cf-terminal-output,.cf-terminal>pre{padding-inline:14px;font-size:.8rem}.cf-terminal>pre{white-space:pre-wrap;overflow-wrap:anywhere}.cf-gallery-lightbox,.cf-table-preview{padding:12px}.cf-image-gallery{grid-template-columns:1fr}.cf-gallery-stage figure{min-height:48dvh}.cf-table-preview-card{width:min(100%,1040px)}.cf-content>iframe[data-cf-element=embed]{min-height:360px}}@media (hover:none){.cf-anchor-island,.cf-code :where(.cf-block-button,.cf-copy-snippet-button){opacity:1}}@media (prefers-reduced-transparency:reduce){.cf-table-preview-card{background:var(--cf-surface-elevated);-webkit-backdrop-filter:none}.cf-gallery-backdrop,.cf-image-lightbox-backdrop{background:var(--cf-overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.cf-gallery-backdrop,.cf-image-lightbox-backdrop{background:color-mix(in oklab, var(--cf-overlay-scrim) 96%, black)}}.cf-gallery-backdrop,.cf-image-lightbox-backdrop{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.cf-tabs-list,.cf-content *,.cf-content :before,.cf-content :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Math */
/* KaTeX */
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.18.7"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .katex-base,.katex .katex-strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .katex-vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .katex-thinbox{display:inline-flex;flex-direction:row;max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.katex-root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .katex-sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .katex-overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .katex-stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .katex-stretchy:after,.katex .katex-stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .katex-sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .reflectbox{display:inline-block;transform:scaleX(-1)}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}


/* Canofold shell */
/* Canofold site shell: quiet structure, coloured navigation, precise motion. */

*,
*::before,
*::after {
  box-sizing: border-box;
  border: 0;
}

html {
  min-width: 20rem;
  background: var(--cf-canvas);
  overscroll-behavior: none;
  scroll-behavior: smooth;
}

body {
  min-width: 20rem;
  margin: 0;
  overscroll-behavior: none;
  color: var(--cf-ink-body);
  font-family: var(--cf-font-sans);
  font-size: var(--cf-body-font-size);
  line-height: var(--cf-body-line-height);
  text-rendering: optimizeLegibility;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}

.cf-page-root {
  display: contents;
}

.cf-draft-banner,
.cf-version-banner {
  width: fit-content;
  margin: 1rem auto;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--cf-border);
  border-radius: var(--cf-radius-full);
  color: var(--cf-ink-body);
  background: var(--cf-surface);
  font-size: 0.85rem;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  border: 0;
}

a {
  color: inherit;
}

::selection {
  color: var(--cf-surface);
  background: var(--cf-accent-500);
}

.cf-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 20;
  width: 100%;
  height: var(--cf-header-height);
  border-bottom: 0;
  background: var(--cf-surface);
  box-shadow: var(--cf-header-shadow);
}

.cf-header-inner {
  display: grid;
  grid-template-columns: calc(var(--cf-sidebar-width) - 24px) minmax(0, 1fr) auto;
  align-items: center;
  height: 100%;
  min-height: 0;
  gap: 0;
  width: 100%;
  padding: 10px 24px;
}

.cf-brand {
  grid-column: 1;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-width: 0;
  color: var(--cf-ink);
  text-decoration: none;
}

.cf-brand-logo {
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: 2rem;
  object-fit: contain;
}

.cf-brand-logo-dark {
  display: none;
}

.dark .cf-brand-logo-light {
  display: none;
}

.dark .cf-brand-logo-dark {
  display: block;
}

.cf-brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
}

.cf-sidebar-toggle,
.cf-search-trigger,
.cf-icon-button,
.cf-version-badge,
.cf-menu-item,
.cf-header-link,
.cf-btn,
.cf-page-source,
.cf-doc-pagination-link {
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    background var(--cf-duration-fast) var(--cf-easing-default),
    box-shadow var(--cf-duration-fast) var(--cf-easing-default),
    opacity var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-sidebar-toggle,
.cf-icon-button,
.cf-version-badge,
.cf-search-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.cf-sidebar-toggle {
  display: none;
}

.cf-sidebar-toggle,
.cf-icon-button {
  width: 36px;
  padding: 8px;
}

.cf-sidebar-toggle:hover,
.cf-icon-button:hover,
.cf-version-badge:hover {
  color: var(--cf-accent-deep);
  background: transparent;
}

.cf-search-trigger:hover {
  color: var(--cf-accent-deep);
  background: var(--cf-surface-secondary);
}

.cf-sidebar-toggle:active,
.cf-icon-button:active,
.cf-search-trigger:active,
.cf-version-badge:active,
.cf-btn:active,
.cf-page-source:active {
  opacity: 1;
}

.cf-search-trigger {
  grid-column: 2;
  justify-self: start;
  justify-content: flex-start;
  gap: 8px;
  width: clamp(11.5rem, 16vw, 14rem);
  margin: 0;
  padding: 7px 9px 7px 11px;
  background: var(--cf-surface-secondary);
  backdrop-filter: blur(var(--cf-glass-blur)) saturate(145%);
  -webkit-backdrop-filter: blur(var(--cf-glass-blur)) saturate(145%);
  font-size: 0.84rem;
  text-align: start;
}

.cf-kbd {
  margin-inline-start: auto;
  padding: 2px 5px;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-tertiary);
  background: var(--cf-surface-secondary);
  font: 0.68rem/1 var(--cf-font-mono);
}

.cf-header-right {
  grid-column: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-inline-start: 0;
}

.cf-header-nav {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cf-header-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 10px;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  font-size: 0.9375rem;
  text-decoration: none;
}

.cf-version-badge {
  gap: 5px;
  padding: 7px 10px;
  font: 0.8125rem/1 var(--cf-font-mono);
}

.cf-menu {
  position: relative;
}

.cf-menu > summary {
  list-style: none;
}

.cf-menu > summary::-webkit-details-marker {
  display: none;
}

.cf-menu-list {
  position: absolute;
  inset: calc(100% + 8px) 0 auto auto;
  z-index: 30;
  min-width: 150px;
  padding: 5px;
  border-radius: var(--cf-radius-md);
  background: color-mix(in srgb, var(--cf-surface-elevated) 92%, transparent);
  box-shadow: var(--cf-shadow-raised-sm), var(--cf-shadow-inset);
  backdrop-filter: blur(var(--cf-glass-blur));
}

.cf-menu-item {
  display: flex;
  align-items: center;
  min-height: 2.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  font-size: 0.875rem;
  text-decoration: none;
}

.cf-menu-item:hover {
  color: var(--cf-nav-item-hover-ink);
  background: var(--cf-nav-item-hover-surface);
  box-shadow: var(--cf-nav-item-hover-shadow);
}

.cf-theme-menu .cf-menu-list {
  min-width: 13rem;
  max-height: calc(100dvh - var(--cf-header-height) - 1.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.cf-theme-menu .cf-menu-list::-webkit-scrollbar {
  display: none;
}

.cf-theme-option {
  width: 100%;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.cf-menu-item-active,
.cf-theme-option[aria-pressed='true'] {
  color: var(--cf-nav-item-active-ink);
  background: var(--cf-nav-item-active-surface);
  box-shadow: var(--cf-nav-item-active-shadow);
}

.cf-menu-item-active:hover,
.cf-theme-option[aria-pressed='true']:hover {
  color: var(--cf-nav-item-active-ink);
  background: var(--cf-nav-item-active-surface);
  box-shadow: var(--cf-nav-item-active-shadow);
}

.cf-menu-item-unavailable {
  align-items: flex-start;
  flex-direction: column;
  min-width: 13rem;
}

.cf-menu-item-unavailable small {
  color: var(--cf-ink-secondary);
  font-size: 0.7rem;
  font-weight: 400;
}

.cf-lang-trigger {
  width: auto;
  gap: 2px;
  padding: 7px 6px 7px 8px;
}

.cf-menu > summary .lucide-chevron-down {
  transition: transform var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-menu[open] > summary .lucide-chevron-down {
  transform: rotate(180deg);
}

.cf-language-menu-list {
  width: 8rem;
  min-width: 8rem;
}

.cf-icon-sun {
  display: none;
}

.dark .cf-icon-sun {
  display: block;
}

.dark .cf-icon-moon {
  display: none;
}

.cf-route-progress {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  overflow: hidden;
  background: var(--cf-reading-progress-track);
}

.cf-route-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--cf-reading-progress-fill);
  transform: scaleX(0);
  transform-origin: left center;
}

.cf-shell {
  display: grid;
  grid-template-columns: var(--cf-sidebar-width) minmax(0, 1fr) var(--cf-outline-width);
  min-height: 100vh;
  padding-top: var(--cf-header-height);
}

.cf-header-hidden .cf-shell {
  padding-top: 0;
}

.cf-header-hidden :where(.cf-sidebar, .cf-outline) {
  top: 0;
  height: auto;
}

.cf-sidebar,
.cf-outline {
  min-width: 0;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior-y: none;
  scrollbar-width: none;
}

.cf-sidebar::-webkit-scrollbar,
.cf-outline::-webkit-scrollbar {
  display: none;
}

.cf-sidebar {
  --cf-sidebar-indent: 0px;
  position: fixed;
  inset: var(--cf-header-height) auto 0 0;
  width: var(--cf-sidebar-width);
  height: auto;
  z-index: 10;
  background: var(--cf-surface-soft);
}

.cf-sidebar-nav {
  padding: 1.5rem 0.875rem 2rem;
}

.cf-sidebar-primary-nav {
  display: none;
}

.cf-sidebar-items + .cf-sidebar-items {
  margin-top: 1.125rem;
  padding-top: 1.125rem;
}

.cf-sidebar-link,
.cf-sidebar-subgroup-title {
  display: flex;
  align-items: center;
  min-height: 2.375rem;
  gap: 0.5rem;
  width: 100%;
  padding-block: 0.5rem;
  padding-inline: calc(0.625rem + var(--cf-sidebar-indent, 0rem)) 0.625rem;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    background-color var(--cf-duration-fast) var(--cf-easing-default),
    box-shadow var(--cf-duration-fast) var(--cf-easing-default),
    opacity var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-header-link:hover,
.cf-sidebar-link:hover,
.cf-sidebar-subgroup-title:hover {
  color: var(--cf-nav-item-hover-ink);
  background: var(--cf-nav-item-hover-surface);
  box-shadow: var(--cf-nav-item-hover-shadow);
}

.cf-header-link-active,
.cf-sidebar-link-active {
  color: var(--cf-nav-item-active-ink);
  background: var(--cf-nav-item-active-surface);
  box-shadow: var(--cf-nav-item-active-shadow);
}

.cf-header-link-active:hover,
.cf-sidebar-link-active:hover {
  color: var(--cf-nav-item-active-ink);
  background: var(--cf-nav-item-active-surface);
  box-shadow: var(--cf-nav-item-active-shadow);
}

.cf-sidebar-subgroup {
  margin-top: 0.3125rem;
}

.cf-sidebar-subgroup-title {
  list-style: none;
  font-weight: 700;
}

.cf-sidebar-subgroup-title::-webkit-details-marker {
  display: none;
}

.cf-chevron {
  margin-inline-start: auto;
  transition: transform var(--cf-duration-normal) var(--cf-easing-spring);
}

.cf-sidebar-subgroup[open] .cf-chevron {
  transform: rotate(180deg);
}

.cf-sidebar-subgroup-items {
  margin: 0.25rem 0;
}

.cf-sidebar-subgroup-items .cf-sidebar-link {
  min-height: 2rem;
  padding-block: 0.375rem;
  font-size: 0.8125rem;
}

.cf-main {
  grid-column: 2;
  min-width: 0;
  min-height: calc(100vh - var(--cf-header-height));
  overscroll-behavior-y: none;
  background: var(--cf-surface);
}

.cf-shell-playground {
  grid-template-columns: var(--cf-sidebar-width) minmax(0, 1fr);
}

.cf-playground-page {
  overflow: hidden;
}

.cf-playground-page .cf-route-progress {
  display: none;
}

.cf-playground-main {
  grid-column: 2 / -1;
  height: calc(100dvh - var(--cf-header-height));
  overflow: clip;
}

.cf-header-hidden .cf-playground-main {
  height: 100dvh;
}

.cf-playground {
  --cf-playground-source-width: 45%;

  position: relative;
  display: grid;
  grid-template-columns:
    minmax(12rem, var(--cf-playground-source-width, 45%))
    0.5rem
    minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  background: var(--cf-surface);
}

.cf-playground-toggle {
  display: none;
}

.cf-playground-pane {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: clip;
}

.cf-playground-source {
  background: var(--cf-surface);
}

.cf-playground-source > textarea {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  resize: none;
  border: 0;
  outline: 0;
  overflow: auto;
  color: var(--cf-code-ink);
  background: transparent;
  tab-size: 2;
  font: 0.82rem/1.65 var(--cf-font-mono);
  white-space: pre;
}

.cf-playground-preview-scroll {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--cf-surface);
}

.cf-playground-source > textarea,
.cf-playground-preview-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cf-playground-source > textarea::-webkit-scrollbar,
.cf-playground-preview-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.cf-playground-status {
  margin: clamp(1rem, 2vw, 1.5rem);
  color: var(--cf-ink-secondary);
  font-size: 0.875rem;
}

.cf-playground-error {
  color: var(--cf-danger-deep);
  white-space: pre-wrap;
}

.cf-playground-resizer {
  position: relative;
  z-index: 4;
  min-width: 0.5rem;
  min-height: 0;
  cursor: col-resize;
  touch-action: none;
}

.cf-playground-resizer::before {
  position: absolute;
  inset: 0 50%;
  width: 1px;
  background: color-mix(in srgb, var(--cf-ink) 14%, transparent);
  content: '';
  transform: translateX(-50%);
  transition: background var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-playground-resizer:hover::before,
.cf-playground-resizer:focus-visible::before,
.cf-playground[data-resizing] > .cf-playground-resizer::before {
  background: var(--cf-accent-500);
}

.cf-playground-resizer:focus-visible {
  outline: 0;
}

.cf-playground[data-resizing] {
  cursor: col-resize;
  user-select: none;
}

.cf-skip-link {
  position: fixed;
  z-index: 1000;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  padding: 8px 12px;
  border: 2px solid var(--cf-accent-600);
  border-radius: var(--cf-radius-sm);
  background: var(--cf-surface-elevated);
  color: var(--cf-ink);
  font-weight: 700;
  transform: translateY(calc(-100% - 16px));
}

.cf-skip-link:focus {
  transform: translateY(0);
}

.cf-outline {
  position: fixed;
  inset: var(--cf-header-height) 0 0 auto;
  width: var(--cf-outline-width);
  height: auto;
  padding: 1.75rem 1.375rem 2.25rem 1.5rem;
  background: color-mix(in srgb, var(--cf-surface) 88%, transparent);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.cf-outline-nav {
  display: grid;
  position: relative;
  gap: 0;
  padding-inline-start: 0.75rem;
}

.cf-outline-nav::before {
  position: absolute;
  inset-block: 0.1875rem;
  inset-inline-start: 0;
  width: 1px;
  background: color-mix(in srgb, var(--cf-ink-tertiary) 16%, transparent);
  content: '';
}

.cf-outline-link {
  position: relative;
  display: block;
  padding: 0.3125rem 0;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  font-size: 0.8125rem;
  line-height: 1.35;
  text-decoration: none;
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    opacity var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-outline-link::before {
  position: absolute;
  inset-block: 0.35rem;
  inset-inline-start: -0.75rem;
  width: 2px;
  border-radius: 1px;
  background: var(--cf-accent-500);
  content: '';
  opacity: 0;
  transition: opacity var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-outline-link-1 {
  color: var(--cf-ink);
  font-size: 0.875rem;
  font-weight: 700;
}

.cf-outline-link-2 {
  padding-inline-start: 0.5rem;
  font-size: 0.85rem;
  font-weight: 650;
}

.cf-outline-link-3 {
  padding-inline-start: 1.125rem;
  font-weight: 600;
}

.cf-outline-link-4 {
  padding-inline-start: 1.75rem;
  font-weight: 550;
}

.cf-outline-link-5 {
  padding-inline-start: 2.375rem;
  color: var(--cf-ink-tertiary);
  font-weight: 500;
}

.cf-outline-link-6 {
  padding-inline-start: 3rem;
  color: var(--cf-ink-tertiary);
  font-weight: 500;
}

.cf-outline-link:hover,
.cf-outline-link[data-active='true'] {
  color: var(--cf-accent-deep);
}

.cf-outline-link[data-active='true']::before {
  opacity: 1;
}

.cf-outline-ad {
  display: block;
  margin-top: 26px;
  color: var(--cf-ink-secondary);
  font-size: 0.72rem;
  text-decoration: none;
}

.cf-outline-ad img {
  display: block;
  width: 100%;
  margin-top: 8px;
  border-radius: var(--cf-radius-sm);
}

.cf-page-footer {
  padding: 0 var(--cf-site-gutter) 48px;
}

.cf-page-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 0;
  color: var(--cf-ink-secondary);
  font-size: 0.78rem;
}

.cf-page-meta-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.cf-page-meta-actions a,
.cf-page-source {
  color: var(--cf-accent-deep);
  background: none;
  cursor: pointer;
  text-decoration: none;
}

.cf-page-meta-actions a:hover,
.cf-page-source:hover {
  color: var(--cf-accent-700);
}

.cf-doc-pagination {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.cf-doc-pagination-link {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
  border-radius: var(--cf-radius-md);
  background: var(--cf-surface-soft);
  text-decoration: none;
  box-shadow: none;
}

.cf-doc-pagination-link:hover {
  background: var(--cf-accent-soft);
}

.cf-doc-pagination-link-next {
  text-align: end;
}

.cf-doc-pagination-label {
  color: var(--cf-ink-secondary);
  font-size: 0.72rem;
}

.cf-doc-pagination-title {
  overflow: hidden;
  color: var(--cf-ink);
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Home page */
.cf-home {
  position: relative;
  overflow: clip;
  min-height: 100dvh;
  padding: var(--cf-header-height) 0 0;
  background: var(--cf-canvas);
}

.cf-header-hidden .cf-home {
  padding-top: 0;
}

.cf-home > .cf-content {
  max-width: 72.5rem;
  margin-inline: auto;
  background: transparent;
}

/* Component demos */
.cf-content .cf-demo {
  --cf-demo-border: color-mix(in oklab, var(--cf-ink) 10%, var(--cf-border));
  overflow: hidden;
  margin: 1.5rem 0;
  border: 1px solid var(--cf-demo-border);
  border-radius: var(--cf-radius-lg);
  background: var(--cf-surface);
}

.cf-content .cf-demo[data-cf-demo-sandbox='iframe'] .cf-demo-preview {
  padding: 0;
}

.cf-content .cf-demo-preview {
  display: grid;
  min-height: 8rem;
  place-items: center;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: transparent;
}

.cf-demo-frame {
  display: block;
  width: 100%;
  min-height: 12rem;
  border: 0;
  background: transparent;
}

.cf-demo-error,
.cf-demo-preview[data-cf-demo-error] {
  color: var(--cf-danger);
  font-size: 0.9375rem;
}

.cf-content .cf-demo-details {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 1.65rem 1.5rem 1.15rem;
  border-top: 1px solid var(--cf-demo-border);
  background: var(--cf-surface);
  text-align: left;
}

.cf-demo-title {
  position: absolute;
  top: calc(-1 * var(--cf-demo-divider-width, 1px));
  left: 1.25rem;
  padding: 0.15rem 0;
  color: var(--cf-ink);
  background: var(--cf-surface);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.5;
  transform: translateY(-50%);
}

.cf-demo-description {
  margin: 0;
  color: var(--cf-ink-body);
  font-size: 0.9375rem;
  line-height: 1.7;
}

.cf-content .cf-demo-toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  min-height: 3rem;
  margin: 0;
  padding: 0.5rem 0.875rem;
  border-top: 1px dashed var(--cf-demo-border);
  background: var(--cf-surface);
}

.cf-content .cf-demo-action {
  position: relative;
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--cf-radius-sm);
  color: color-mix(in oklab, var(--cf-ink-secondary) 72%, transparent);
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.cf-content .cf-demo-action:hover,
.cf-content .cf-demo-action:focus-visible,
.cf-content .cf-demo-source-toggle[aria-expanded='true'] {
  color: var(--cf-ink-secondary);
  background: transparent;
  text-decoration: none;
}

.cf-content .cf-demo-action:focus-visible {
  outline: 2px solid var(--cf-accent-500);
  outline-offset: 2px;
}

.cf-demo-action::before,
.cf-demo-tooltip {
  position: absolute;
  left: 50%;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity 120ms ease,
    transform 120ms ease;
}

.cf-demo-action::before {
  bottom: calc(100% + 0.32rem);
  width: 0.55rem;
  height: 0.55rem;
  background: var(--cf-tooltip-surface);
  content: '';
  transform: translate(-50%, 0.2rem) rotate(45deg);
}

.cf-demo-tooltip {
  bottom: calc(100% + 0.58rem);
  max-width: 14rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.45rem;
  color: var(--cf-tooltip-ink);
  background: var(--cf-tooltip-surface);
  box-shadow: var(--cf-tooltip-shadow);
  font-size: 0.8125rem;
  font-weight: 550;
  line-height: 1.25;
  white-space: nowrap;
  transform: translate(-50%, 0.2rem);
}

.cf-demo-action:hover::before,
.cf-demo-action:hover .cf-demo-tooltip,
.cf-demo-action:focus-visible::before,
.cf-demo-action:focus-visible .cf-demo-tooltip {
  opacity: 1;
  transform: translate(-50%, 0) rotate(45deg);
}

.cf-demo-action:hover .cf-demo-tooltip,
.cf-demo-action:focus-visible .cf-demo-tooltip {
  transform: translate(-50%, 0);
}

.cf-demo-action-icon {
  --cf-demo-action-icon: none;

  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: currentColor;
  -webkit-mask: var(--cf-demo-action-icon) center / contain no-repeat;
  mask: var(--cf-demo-action-icon) center / contain no-repeat;
}

.cf-demo-open-icon {
  --cf-demo-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
}

.cf-demo-source-icon {
  --cf-demo-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6'/%3E%3Cpath d='m8 6-6 6 6 6'/%3E%3C/svg%3E");
}

.cf-demo-source-toggle[aria-expanded='true'] .cf-demo-source-icon {
  --cf-demo-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/svg%3E");
}

.cf-demo-source[hidden] {
  display: none;
}

.cf-content .cf-demo-source > .cf-code {
  margin: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}

html[data-cf-demo-standalone],
html[data-cf-demo-standalone] body {
  min-height: 100%;
}

html[data-cf-demo-standalone] body {
  display: grid;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(1.5rem, 5vw, 4rem);
  place-items: center;
  background: var(--cf-canvas);
}

.cf-demo-standalone {
  width: min(100%, 72rem);
}

.cf-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  max-width: 72.5rem;
  margin: 0 auto;
  padding: clamp(2rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3rem) clamp(2.25rem, 3.4vw, 2.75rem);
}

.cf-hero-with-visual {
  grid-template-columns: minmax(0, 0.96fr) minmax(25rem, 1.04fr);
  gap: clamp(1.5rem, 3vw, 3.5rem);
}

.cf-hero-copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  min-width: 0;
  max-width: 36.5rem;
}

.cf-hero-title {
  display: block;
  margin: 0;
  padding-inline-end: 0.16em;
  color: var(--cf-ink);
  font-family: var(--cf-font-display);
  font-size: clamp(4.35rem, 7.5vw, 5.65rem);
  font-weight: 700;
  line-height: 0.92;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.cf-hero-accent {
  max-width: 36rem;
  margin: 1rem 0 0;
  color: var(--cf-ink);
  font-size: clamp(1.5rem, 2.35vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.cf-hero-tagline {
  max-width: 36.5rem;
  margin: 1.35rem 0 0;
  color: var(--cf-ink-secondary);
  font-size: clamp(1rem, 1.3vw, 1.075rem);
  line-height: 1.8;
}

.cf-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1rem;
  margin-top: 1.5rem;
}

.cf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 2.75rem;
  padding: 0.5rem 1.4rem;
  border-radius: var(--cf-radius-full);
  font-size: 0.94rem;
  font-weight: 650;
  text-decoration: none;
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    background var(--cf-duration-fast) var(--cf-easing-default),
    box-shadow var(--cf-duration-fast) var(--cf-easing-default);
}

.cf-btn svg {
  width: 1.1rem;
  height: 1.1rem;
}

.cf-btn-primary {
  color: var(--cf-on-accent);
  background: var(--cf-accent-500);
  box-shadow: var(--cf-shadow-raised-sm);
}

.cf-btn-primary:hover {
  color: var(--cf-on-accent);
  background: var(--cf-accent-deep);
}

.cf-btn-secondary {
  color: var(--cf-accent-deep);
  padding-inline: 1.4rem;
  border: 0;
  background: var(--cf-accent-soft);
  box-shadow: none;
}

.cf-btn-secondary:hover {
  color: var(--cf-accent-strong);
  background: var(--cf-accent-100);
  box-shadow: none;
}

.cf-btn:focus-visible {
  outline: 3px solid var(--cf-accent-500);
  outline-offset: 3px;
}

.cf-hero-visual {
  position: relative;
  z-index: 1;
  grid-column: 2;
  width: min(100%, 33rem);
  aspect-ratio: 4 / 3;
  min-width: 0;
  align-self: center;
  justify-self: end;
  pointer-events: none;
  opacity: var(--cf-hero-visual-opacity);
}

.cf-hero-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: var(--cf-hero-visual-filter);
  animation: var(--cf-hero-visual-animation);
}

.cf-feature-section {
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 3.2vw, 2.5rem) clamp(1.5rem, 4vw, 3rem);
}

.cf-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 1.75rem;
  max-width: 66.875rem;
  margin: 0 auto;
}

.cf-feature {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  padding: 1.8rem 2rem 1.45rem;
  border: 0;
  border-radius: var(--cf-radius-lg);
  color: inherit;
  background: var(--cf-surface);
  box-shadow: var(--cf-block-shell-shadow);
}

.cf-feature-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  color: var(--cf-accent-500);
  border-radius: var(--cf-radius-lg);
  background: var(--cf-accent-soft);
}

.cf-feature-icon svg {
  width: 2.5rem;
  height: 2.5rem;
}

.cf-feature-icon img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.cf-feature h3 {
  margin: 1.2rem 0 0.4rem;
  color: var(--cf-ink);
  font-size: 1.08rem;
  letter-spacing: -0.015em;
}

.cf-feature p {
  margin: 0;
  color: var(--cf-ink-secondary);
  font-size: 0.86rem;
  line-height: 1.62;
}

/* Search and source overlays: material belongs to transient UI only. */
.cf-search-modal,
.cf-source-sheet {
  position: fixed;
  inset: 0;
  z-index: 100;
}

.cf-search-modal[hidden],
.cf-source-sheet[hidden] {
  display: none;
}

.cf-search-backdrop,
.cf-source-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: var(--cf-overlay);
  cursor: default;
}

.cf-search-panel,
.cf-source-panel {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--cf-radius-lg);
  background: color-mix(in srgb, var(--cf-surface-elevated) 94%, transparent);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: blur(var(--cf-glass-blur));
}

.cf-search-panel {
  top: 12dvh;
  left: 50%;
  width: min(620px, calc(100vw - 32px));
  max-height: 76dvh;
  transform: translateX(-50%);
}

.cf-search-field {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  background: color-mix(in srgb, var(--cf-surface) 70%, transparent);
}

.cf-search-input {
  min-width: 0;
  flex: 1;
  padding: 4px 0;
  border: 0;
  outline: 0;
  color: var(--cf-ink);
  background: transparent;
}

.cf-search-close {
  padding: 5px 7px;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-secondary);
  background: var(--cf-surface-secondary);
  cursor: pointer;
}

.cf-search-body {
  max-height: calc(76dvh - var(--cf-header-height));
  overflow: auto;
  padding: 10px;
}

.cf-search-section-label {
  margin: 7px 8px;
  color: var(--cf-ink-tertiary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.cf-command-item,
.cf-search-result {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-ink-body);
  background: transparent;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}

.cf-command-item {
  gap: 10px;
  padding: 10px;
}

.cf-search-result {
  align-items: flex-start;
  gap: 12px;
  padding: 11px 12px;
}

.cf-command-item:hover {
  color: var(--cf-accent-deep);
  background: var(--cf-accent-soft);
}

.cf-search-result:hover {
  background: color-mix(in srgb, var(--cf-accent-500) 7%, transparent);
}

.cf-command-glyph {
  display: inline-grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: var(--cf-radius-sm);
  color: var(--cf-accent-deep);
  background: var(--cf-accent-soft);
  font: 700 0.72rem/1 var(--cf-font-mono);
}

.cf-search-result-copy {
  min-width: 0;
  flex: 1;
}

.cf-search-result strong,
.cf-search-result small {
  display: block;
}

.cf-search-result strong {
  color: var(--cf-ink);
  font-size: 0.94rem;
  line-height: 1.35;
}

.cf-search-result small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 3px;
  color: var(--cf-ink-secondary);
  font-size: 0.82rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cf-search-result mark {
  padding: 0 0.08em;
  border-radius: 2px;
  color: inherit;
  background: color-mix(in srgb, var(--cf-warning) 24%, transparent);
}

.cf-search-result-arrow {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--cf-ink-tertiary);
  font-size: 1rem;
  line-height: 1.25;
}

.cf-search-result:hover .cf-search-result-arrow {
  color: var(--cf-accent-deep);
}

.cf-command-item strong,
.cf-command-item small {
  display: block;
}

.cf-command-item strong {
  font-size: 0.86rem;
}

.cf-command-item small {
  margin-top: 2px;
  color: var(--cf-ink-secondary);
  font-size: 0.74rem;
}

.cf-search-results[hidden] {
  display: none;
}

.cf-search-empty {
  padding: 32px 12px;
  color: var(--cf-ink-secondary);
  text-align: center;
}

.cf-source-panel {
  inset: 24px 24px 24px auto;
  display: flex;
  flex-direction: column;
  width: min(680px, calc(100vw - 48px));
}

.cf-source-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
}

.cf-source-head p {
  margin: 0;
  color: var(--cf-ink);
  font-weight: 700;
}

.cf-source-head span {
  display: block;
  margin-top: 3px;
  color: var(--cf-ink-secondary);
  font: 0.72rem/1.3 var(--cf-font-mono);
}

.cf-source-actions {
  display: inline-flex;
  gap: 5px;
}

.cf-source-panel textarea {
  min-height: 0;
  flex: 1;
  width: 100%;
  resize: none;
  padding: 18px;
  outline: 0;
  color: var(--cf-code-ink);
  background: var(--cf-surface-code);
  font: 0.8rem/1.65 var(--cf-font-mono);
}

.cf-not-found {
  display: grid;
  min-height: 100dvh;
  place-content: center;
  gap: 8px;
  padding: 32px;
  background: var(--cf-surface);
  text-align: center;
}

.cf-not-found-code {
  color: var(--cf-accent-deep);
  font: 700 clamp(4rem, 12vw, 8rem)/0.9 var(--cf-font-display);
  letter-spacing: -0.08em;
}

.cf-not-found-title {
  margin: 0;
  color: var(--cf-ink);
  font-size: 1.7rem;
}

.cf-not-found-desc {
  margin: 0;
  color: var(--cf-ink-secondary);
}

.cf-not-found-link {
  justify-self: center;
  margin-top: 10px;
  padding: 9px 13px;
  border-radius: var(--cf-radius-md);
  color: var(--cf-on-accent);
  background: var(--cf-accent-500);
  text-decoration: none;
}

.cf-not-found-link:hover {
  background: var(--cf-accent-700);
}

.cf-sidebar-backdrop {
  display: none;
}

@media (max-width: 73.75rem) {
  :root {
    --cf-outline-width: 17.5rem;
  }
}

@media (max-width: 61.25rem) {
  .cf-shell {
    grid-template-columns: var(--cf-sidebar-width) minmax(0, 1fr);
  }

  .cf-outline {
    display: none;
  }
}

@media (max-width: 52.5rem) {
  .cf-sidebar-toggle {
    display: inline-flex;
  }
  .cf-header-inner {
    display: flex;
    padding-inline: 16px;
    gap: 12px;
  }

  .cf-header-nav {
    display: none;
  }

  .cf-search-trigger {
    justify-self: auto;
    width: auto;
    margin-inline-start: 8px;
  }

  .cf-search-trigger > span {
    display: none;
  }

  .cf-shell {
    display: block;
  }

  .cf-sidebar {
    position: fixed;
    inset: var(--cf-header-height) auto 0 0;
    z-index: 60;
    width: min(var(--cf-sidebar-width), 84vw);
    transform: translateX(-102%);
    transition: transform var(--cf-duration-normal) var(--cf-easing-spring);
  }

  .cf-sidebar[data-open='true'] {
    transform: translateX(0);
  }

  .cf-sidebar-primary-nav {
    display: grid;
    gap: 0.125rem;
    padding: 1rem 0.875rem 0.5rem;
  }

  .cf-sidebar-primary-link {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.625rem;
    border-radius: var(--cf-radius-sm);
    color: var(--cf-ink-secondary);
    font-size: 0.9375rem;
    text-decoration: none;
    transition:
      color var(--cf-duration-fast) var(--cf-easing-default),
      background-color var(--cf-duration-fast) var(--cf-easing-default),
      box-shadow var(--cf-duration-fast) var(--cf-easing-default);
  }

  .cf-sidebar-primary-link:hover {
    color: var(--cf-nav-item-hover-ink);
    background: var(--cf-nav-item-hover-surface);
    box-shadow: var(--cf-nav-item-hover-shadow);
  }

  .cf-sidebar-primary-link-active {
    color: var(--cf-nav-item-active-ink);
    background: var(--cf-nav-item-active-surface);
    box-shadow: var(--cf-nav-item-active-shadow);
  }

  .cf-sidebar-primary-link-active:hover {
    color: var(--cf-nav-item-active-ink);
    background: var(--cf-nav-item-active-surface);
    box-shadow: var(--cf-nav-item-active-shadow);
  }

  .cf-sidebar-primary-nav + .cf-sidebar-nav {
    padding-top: 0.5rem;
  }

  .cf-sidebar-backdrop {
    position: fixed;
    inset: var(--cf-header-height) 0 0;
    z-index: 50;
    width: 100%;
    background: var(--cf-overlay);
  }

  .cf-sidebar-backdrop:not([hidden]) {
    display: block;
  }

  .cf-main {
    min-height: calc(100dvh - var(--cf-header-height));
  }

  .cf-playground-main {
    height: calc(100dvh - var(--cf-header-height));
  }

  .cf-header-hidden .cf-playground-main {
    height: 100dvh;
  }

  .cf-playground {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .cf-playground-toggle {
    position: absolute;
    z-index: 5;
    inset-block-start: 0.75rem;
    inset-inline-end: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    color: var(--cf-ink-secondary);
    background: transparent;
    cursor: pointer;
    opacity: 1;
    transition: color var(--cf-duration-fast) var(--cf-easing-default);
  }

  .cf-playground-toggle:hover {
    color: var(--cf-ink);
  }

  .cf-playground-toggle:focus-visible {
    outline: 2px solid var(--cf-accent-500);
    outline-offset: 2px;
  }

  .cf-playground-toggle-preview {
    display: none;
  }

  .cf-playground[data-view='source'] .cf-playground-toggle-source {
    display: none;
  }

  .cf-playground[data-view='source'] .cf-playground-toggle-preview {
    display: block;
  }

  .cf-playground-pane {
    display: none;
    grid-row: 1;
  }

  .cf-playground-resizer {
    display: none;
  }

  .cf-playground[data-view='source'] .cf-playground-source,
  .cf-playground[data-view='preview'] .cf-playground-preview {
    display: grid;
  }

  .cf-playground-source {
    border-inline-end: 0;
  }

  .cf-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .cf-hero-copy {
    max-width: 35rem;
  }

  .cf-hero-visual {
    position: absolute;
    grid-column: auto;
    top: 50%;
    right: -8rem;
    width: 30rem;
    justify-self: auto;
    transform: translateY(-50%);
    opacity: 0.22;
  }

  .dark .cf-hero-visual {
    opacity: 0.24;
  }

  .cf-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 45rem;
  }
}

@media (max-width: 35rem) {
  .cf-header-inner {
    gap: 4px;
    padding-inline: 12px;
  }

  .cf-brand-logo {
    max-width: min(7.5rem, 30vw);
    height: auto;
    max-height: 2.25rem;
  }

  .cf-search-trigger {
    width: 36px;
    margin-inline-start: 0;
    padding: 8px;
  }

  .cf-kbd {
    display: none;
  }

  .cf-header-right {
    margin-inline-start: auto;
  }

  .cf-version-badge {
    display: none;
  }

  .cf-header-right {
    gap: 4px;
  }

  .cf-hero {
    padding: 2rem 1.25rem 2.25rem;
  }

  .cf-hero-copy {
    max-width: none;
  }

  .cf-hero-title {
    font-size: clamp(3.1rem, 16vw, 4.25rem);
  }

  .cf-hero-accent {
    font-size: clamp(1.45rem, 7vw, 1.85rem);
  }

  .cf-hero-tagline {
    font-size: 0.94rem;
  }

  .cf-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .cf-btn {
    width: 100%;
  }

  .cf-hero-visual {
    top: 4rem;
    right: -12rem;
    width: 26rem;
    transform: none;
    opacity: 0.12;
  }

  .dark .cf-hero-visual {
    opacity: 0.14;
  }

  .cf-feature-section {
    padding: 2rem 1.25rem;
  }

  .cf-features {
    grid-template-columns: 1fr;
  }

  .cf-feature {
    padding: 1.6rem 1.5rem 1.35rem;
  }

  .cf-page-meta {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .cf-doc-pagination {
    grid-template-columns: 1fr;
  }

  .cf-doc-pagination-link-next {
    text-align: start;
  }

  .cf-source-panel {
    inset: 12px;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/*
 * Canofold's default theme and shared visual contract.
 *
 * The palette is intentionally semantic: Markdown and the site shell consume
 * the same variables, while a host can override the documented values from
 * `@canofold/themes/canofold.css`. Content surfaces stay opaque; translucent
 * material is reserved for temporary controls and overlays.
 */
:root {
  color-scheme: light;

  --cf-canvas: #f6f6f8;
  --cf-ink: #1d1d1f;
  --cf-ink-body: #363638;
  --cf-ink-secondary: #5f5f65;
  --cf-ink-tertiary: #65656b;
  --cf-surface: #ffffff;
  --cf-surface-secondary: #f3f3f5;
  --cf-surface-soft: #f7f7f9;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f6f6f8;
  --cf-code-ink: #1d1d1f;
  --cf-hairline: rgb(29 29 31 / 0.1);

  /* Default semantic palette. Components derive interaction and status tones
     from this contract instead of introducing local color constants. */
  --cf-accent-500: #0088ff;
  --cf-accent-strong: #0088ff;
  --cf-accent-deep: color-mix(in srgb, var(--cf-accent-500) 78%, black);
  --cf-accent-secondary: #6155f5;
  --cf-info: #0088ff;
  --cf-info-deep: #0088ff;
  --cf-success: #34c759;
  --cf-success-deep: #34c759;
  --cf-warning: #ff8d28;
  --cf-warning-deep: #ff8d28;
  --cf-danger: #ff383c;
  --cf-danger-deep: #ff383c;
  --cf-yellow: #ffcc00;

  --cf-overlay: rgb(0 0 0 / 0.42);
  --cf-shadow-raised: 0 20px 52px rgb(29 29 31 / 0.14);
  --cf-shadow-raised-sm: 0 8px 22px rgb(29 29 31 / 0.09);
  --cf-shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.7);
  --cf-block-shell-shadow: 0 1px 2px rgb(29 29 31 / 0.08), 0 6px 18px rgb(29 29 31 / 0.06);

  --cf-font-display:
    -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --cf-font-sans:
    -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --cf-radius-sm: 4px;
  --cf-radius-md: 6px;
  --cf-radius-lg: 8px;
  --cf-radius-full: 8px;
}

html.dark,
.dark {
  color-scheme: dark;

  --cf-canvas: #1c1c1e;
  --cf-ink: #f5f5f7;
  --cf-ink-body: #e3e3e8;
  --cf-ink-secondary: #b9b9c0;
  --cf-ink-tertiary: #a8a8af;
  --cf-surface: #232326;
  --cf-surface-secondary: #343438;
  --cf-surface-soft: #2b2b2f;
  --cf-surface-elevated: #3b3b40;
  --cf-surface-code: #202023;
  --cf-code-ink: #f5f5f7;
  --cf-hairline: rgb(255 255 255 / 0.12);

  --cf-accent-500: #0091ff;
  --cf-accent-50: color-mix(in srgb, var(--cf-accent-500) 8%, var(--cf-surface));
  --cf-accent-100: color-mix(in srgb, var(--cf-accent-500) 14%, var(--cf-surface));
  --cf-accent-200: color-mix(in srgb, var(--cf-accent-500) 25%, var(--cf-surface));
  --cf-accent-300: color-mix(in srgb, var(--cf-accent-500) 42%, var(--cf-surface));
  --cf-accent-400: color-mix(in srgb, var(--cf-accent-500) 70%, var(--cf-surface));
  --cf-accent-600: color-mix(in srgb, var(--cf-accent-500) 88%, white);
  --cf-accent-700: color-mix(in srgb, var(--cf-accent-500) 76%, white);
  --cf-accent-800: color-mix(in srgb, var(--cf-accent-500) 62%, white);
  --cf-accent-900: color-mix(in srgb, var(--cf-accent-500) 46%, white);
  --cf-accent-soft: color-mix(in srgb, var(--cf-accent-500) 18%, var(--cf-surface));
  --cf-accent-strong: #0091ff;
  --cf-accent-deep: color-mix(in srgb, var(--cf-accent-500) 76%, white);
  --cf-accent-secondary: #6d7cff;
  --cf-info: #0091ff;
  --cf-info-deep: #0091ff;
  --cf-success: #30d158;
  --cf-success-deep: #30d158;
  --cf-warning: #ff9230;
  --cf-warning-deep: #ff9230;
  --cf-danger: #ff4245;
  --cf-danger-deep: #ff4245;
  --cf-yellow: #ffd600;
  --cf-overlay: rgb(0 0 0 / 0.62);
  --cf-shadow-raised: 0 22px 58px rgb(0 0 0 / 0.34);
  --cf-shadow-raised-sm: 0 10px 28px rgb(0 0 0 / 0.24);
  --cf-shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.08);
  --cf-block-shell-shadow: 0 1px 2px rgb(0 0 0 / 0.28), 0 6px 18px rgb(0 0 0 / 0.18);
  --cf-focus-ring: 0 0 0 3px color-mix(in srgb, var(--cf-accent-500) 36%, transparent);
}

/* The branded homepage treatment belongs to the Canofold visual theme,
   not to the site shell shared by every theme. */
:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) {
  --cf-hero-visual-filter: drop-shadow(
    0 2rem 3rem color-mix(in oklab, var(--cf-accent-500) 16%, transparent)
  );
  --cf-hero-visual-animation: cf-home-visual-float 8s ease-in-out infinite;
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark {
  --cf-hero-visual-filter: brightness(0.88) saturate(1.12) contrast(1.06)
    drop-shadow(0 2rem 3rem color-mix(in oklab, #6155f4 22%, transparent));
  --cf-hero-visual-opacity: 0.74;
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-home {
  background:
    radial-gradient(circle at 88% 14%, color-mix(in oklab, #8c5cff 17%, transparent), transparent 31rem),
    radial-gradient(circle at 55% 34%, color-mix(in oklab, #38c8ff 10%, transparent), transparent 28rem),
    linear-gradient(135deg, color-mix(in oklab, var(--cf-surface) 94%, #eef4ff), #f6f7ff 58%, #f1f4ff);
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-home {
  background:
    radial-gradient(circle at 86% 12%, color-mix(in oklab, #7658ff 18%, transparent), transparent 30rem),
    radial-gradient(circle at 57% 31%, color-mix(in oklab, #1abcf2 9%, transparent), transparent 27rem),
    linear-gradient(
      135deg,
      color-mix(in oklab, var(--cf-canvas) 91%, #11182c),
      color-mix(in oklab, var(--cf-canvas) 86%, #19172b) 58%,
      color-mix(in oklab, var(--cf-canvas) 92%, #10172a)
    );
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-hero-title {
  color: transparent;
  background: linear-gradient(105deg, #06185f 0%, #0d6df0 54%, #8f43eb 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-hero-title {
  background-image: linear-gradient(105deg, #f2f5ff 0%, #70b4ff 54%, #c679ff 100%);
}

@media (forced-colors: active) {
  :where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-hero-title {
    color: CanvasText;
    background: none;
    -webkit-text-fill-color: currentColor;
  }
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-btn {
  border-radius: 999px;
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-btn-primary {
  background: linear-gradient(110deg, #087af7, #395cf4 52%, #9344ec);
  box-shadow: 0 0.8rem 1.8rem color-mix(in oklab, #5060f5 28%, transparent);
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-btn-primary:hover {
  background: linear-gradient(110deg, #087af7, #395cf4 52%, #9344ec);
  box-shadow: 0 1rem 2rem color-mix(in oklab, #684ff1 38%, transparent);
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-btn-primary {
  box-shadow: none;
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-btn-secondary {
  color: #2456d2;
  background: color-mix(in oklab, #dfe6ff 72%, var(--cf-surface));
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-btn-secondary:hover {
  color: #5e45e7;
  background: color-mix(in oklab, #d5dcff 78%, var(--cf-surface));
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-btn-secondary {
  color: #bec8ff;
  background: color-mix(in oklab, #6268dc 24%, var(--cf-surface));
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-btn-secondary:hover {
  color: #d3d9ff;
  background: color-mix(in oklab, #696ee5 32%, var(--cf-surface));
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-feature {
  background: linear-gradient(
    145deg,
    color-mix(in oklab, var(--cf-surface) 94%, #f4f6ff),
    color-mix(in oklab, var(--cf-surface) 78%, #eff1ff)
  );
  box-shadow:
    inset 0 1px 0 color-mix(in oklab, #fff 90%, transparent),
    0 1rem 2.5rem color-mix(in oklab, #5461bf 9%, transparent);
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-feature {
  background: linear-gradient(
    145deg,
    color-mix(in oklab, var(--cf-surface) 92%, #181b2d),
    color-mix(in oklab, var(--cf-surface) 84%, #121725)
  );
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 5%),
    0 1rem 2.5rem rgb(0 0 0 / 24%);
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']) .cf-feature-icon {
  color: #5b62ed;
  background: color-mix(in oklab, #7467f4 14%, var(--cf-surface));
}

:where(html:not([data-cf-theme]), html[data-cf-theme='canofold']).dark .cf-feature-icon {
  background: color-mix(in oklab, #786af8 24%, var(--cf-surface));
}

@keyframes cf-home-visual-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -0.55rem, 0);
  }
}

/* Nocturne glass: a colorless frosted material over a deep, directional night scene. */
html[data-cf-theme='glassmorphism'] {
  color-scheme: dark;
  --cf-canvas: #0b1322;
  --cf-ink: #ffffff;
  --cf-ink-body: #e3eaf3;
  --cf-ink-secondary: #bdc8d7;
  --cf-ink-tertiary: #9eacbf;
  --cf-surface: #142033;
  --cf-surface-secondary: #1a2940;
  --cf-surface-soft: #18263b;
  --cf-surface-elevated: #202f46;
  --cf-surface-code: #101a2a;
  --cf-code-ink: #f2f6fb;
  --cf-border: rgb(255 255 255 / 15%);
  --cf-border-strong: rgb(255 255 255 / 30%);
  --cf-hairline: rgb(255 255 255 / 14%);
  --cf-accent-500: #e4b863;
  --cf-accent-strong: #f3dca8;
  --cf-accent-deep: #f3dca8;
  --cf-accent-secondary: #7c9cc4;
  --cf-info: #8ab4e2;
  --cf-info-deep: #b9d4f0;
  --cf-success: #70c49a;
  --cf-success-deep: #9ad8b7;
  --cf-warning: #e4b863;
  --cf-warning-deep: #f3dca8;
  --cf-danger: #ed8796;
  --cf-danger-deep: #f5b2bc;
  --cf-yellow: #e4b863;
  --cf-overlay: rgb(3 7 18 / 76%);
  --cf-on-accent: #211809;
  --cf-shadow-raised:
    0 16px 40px rgb(3 7 18 / 50%), inset 0 1px 0 rgb(255 255 255 / 22%), inset 0 -1px 0 rgb(2 6 16 / 35%);
  --cf-shadow-raised-sm: 0 8px 24px rgb(3 7 18 / 45%), inset 0 1px 0 rgb(255 255 255 / 18%);
  --cf-shadow-inset: inset 0 1px 0 rgb(255 255 255 / 16%), inset 0 -1px 0 rgb(2 6 16 / 30%);
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: 'Avenir Next', 'Segoe UI', 'PingFang SC', sans-serif;
  --cf-font-sans: 'Avenir Next', 'Segoe UI', 'PingFang SC', sans-serif;
  --cf-radius-sm: 16px;
  --cf-radius-md: 20px;
  --cf-radius-lg: 24px;
  --cf-radius-full: 999px;
  --cf-duration-fast: 500ms;
  --cf-duration-normal: 500ms;
  --cf-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
  --cf-easing-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --cf-glass-blur: 40px;
  --cf-focus-ring: 0 0 0 3px rgb(228 184 99 / 28%);
  --cf-nav-item-hover-ink: #f3dca8;
  --cf-nav-item-hover-surface: rgb(255 255 255 / 10%);
  --cf-nav-item-hover-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
  --cf-nav-item-active-ink: #f3dca8;
  --cf-nav-item-active-surface: transparent;
  --cf-nav-item-active-shadow: none;
}

html[data-cf-theme='glassmorphism'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-canvas);
  background-image:
    radial-gradient(circle at 86% 8%, rgb(124 156 196 / 28%), transparent 34rem),
    radial-gradient(circle at 8% 92%, rgb(51 81 122 / 35%), transparent 32rem),
    radial-gradient(circle at 52% 46%, rgb(228 184 99 / 10%), transparent 28rem);
  background-attachment: fixed;
}

html[data-cf-theme='glassmorphism']
  :where(
    .cf-header,
    .cf-sidebar,
    .cf-outline,
    .cf-search-panel,
    .cf-source-panel,
    .cf-table-preview-card,
    .cf-diagram-dialog
  ) {
  border-color: var(--cf-border);
  background: rgb(255 255 255 / 8%);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
}

html[data-cf-theme='glassmorphism'] .cf-menu-list {
  border-color: var(--cf-border);
  background: rgb(11 19 34 / 96%);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
}

html[data-cf-theme='glassmorphism']
  :is(
    .cf-content .cf-demo,
    .cf-feature,
    .cf-doc-pagination-link,
    .cf-content .cf-callout,
    .cf-content .cf-aside,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-code-group,
    .cf-content .cf-table-window,
    .cf-content .cf-api-block,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card,
    .cf-diagram-window
  ) {
  border-color: var(--cf-border);
  background: rgb(255 255 255 / 8%);
  box-shadow: var(--cf-block-shell-shadow);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
}

html[data-cf-theme='glassmorphism']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ) {
  border-color: var(--cf-border);
  background: rgb(255 255 255 / 8%);
  box-shadow: var(--cf-shadow-raised-sm);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  transition:
    color 500ms var(--cf-easing-default),
    background 500ms var(--cf-easing-default),
    border-color 500ms var(--cf-easing-default),
    box-shadow 500ms var(--cf-easing-default),
    transform 500ms var(--cf-easing-default);
}

html[data-cf-theme='glassmorphism']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ):hover {
  border-color: var(--cf-border-strong);
  background: rgb(255 255 255 / 13%);
  box-shadow:
    0 20px 60px rgb(3 7 18 / 60%),
    inset 0 1px 0 rgb(255 255 255 / 30%);
  transform: translateY(-2px);
}

html[data-cf-theme='glassmorphism'] :where(.cf-search-field, .cf-source-panel textarea) {
  border-color: var(--cf-border);
  background: rgb(255 255 255 / 6%);
  box-shadow: var(--cf-shadow-inset);
  backdrop-filter: blur(30px) saturate(160%);
  -webkit-backdrop-filter: blur(30px) saturate(160%);
}

html[data-cf-theme='glassmorphism']
  :where(.cf-search-backdrop, .cf-source-backdrop, .cf-table-preview-backdrop),
html[data-cf-theme='glassmorphism'] .cf-diagram-dialog::backdrop {
  background: var(--cf-overlay);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@media (max-width: 47.5rem) {
  html[data-cf-theme='glassmorphism'] {
    --cf-glass-blur: 30px;
    --cf-shadow-raised: 0 8px 24px rgb(3 7 18 / 45%), inset 0 1px 0 rgb(255 255 255 / 18%);
  }
}

/* Pencil sketch: warm paper, imperfect strokes, serif italics and dry graphite shadows. */
html[data-cf-theme='sketch-style'] {
  color-scheme: light;
  --cf-canvas: #f5f0e8;
  --cf-ink: #2c2c2c;
  --cf-ink-body: #34302d;
  --cf-ink-secondary: #5a554f;
  --cf-ink-tertiary: #6d655d;
  --cf-surface: #f5f0e8;
  --cf-surface-secondary: #e8e2d8;
  --cf-surface-soft: #eee8de;
  --cf-surface-elevated: #faf6ef;
  --cf-surface-code: #e8e2d8;
  --cf-code-ink: #2c2c2c;
  --cf-border: #2c2c2c;
  --cf-border-strong: #2c2c2c;
  --cf-hairline: #766f67;
  --cf-accent-500: #c0392b;
  --cf-accent-strong: #9f2f24;
  --cf-accent-deep: #81261d;
  --cf-accent-secondary: #2d6fa3;
  --cf-info: #2d6fa3;
  --cf-info-deep: #1f537c;
  --cf-success: #287a49;
  --cf-success-deep: #1d5d36;
  --cf-warning: #9b6500;
  --cf-warning-deep: #714900;
  --cf-danger: #b5352b;
  --cf-danger-deep: #84271f;
  --cf-yellow: #e5bd47;
  --cf-overlay: rgb(44 44 44 / 68%);
  --cf-on-accent: #ffffff;
  --cf-shadow-raised: 4px 4px 0 rgb(44 44 44 / 20%);
  --cf-shadow-raised-sm: 2px 2px 0 rgb(44 44 44 / 24%);
  --cf-shadow-inset: inset 0 0 0 1px rgb(44 44 44 / 24%);
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: Georgia, 'Times New Roman', 'Songti SC', serif;
  --cf-font-sans: Georgia, 'Times New Roman', 'Songti SC', serif;
  --cf-radius-sm: 2px;
  --cf-radius-md: 3px;
  --cf-radius-lg: 4px;
  --cf-radius-full: 6px;
  --cf-duration-fast: 180ms;
  --cf-duration-normal: 200ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px rgb(45 111 163 / 24%);
  --cf-nav-item-hover-ink: #f5f0e8;
  --cf-nav-item-hover-surface: #2c2c2c;
  --cf-nav-item-hover-shadow: 2px 2px 0 rgb(44 44 44 / 24%);
  --cf-nav-item-active-ink: #81261d;
  --cf-nav-item-active-surface: transparent;
  --cf-nav-item-active-shadow: none;
}

html[data-cf-theme='sketch-style'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-canvas);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-2 8L8-2M2 10L10 2' stroke='%232c2c2c' stroke-opacity='.035' stroke-width='.7'/%3E%3C/svg%3E");
}

html[data-cf-theme='sketch-style'] :where(.cf-content h1, .cf-content h2, .cf-content h3, .cf-hero-title) {
  font-style: italic;
  text-decoration-color: rgb(44 44 44 / 42%);
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-underline-offset: 0.18em;
}

html[data-cf-theme='sketch-style']
  :where(.cf-menu-list, .cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog),
html[data-cf-theme='sketch-style']
  :is(
    .cf-content .cf-demo,
    .cf-content .cf-callout,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-table-window,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card
  ) {
  border-style: dashed;
  border-color: var(--cf-border);
  background: var(--cf-surface-elevated);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='sketch-style']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ) {
  border: 2px dashed var(--cf-border);
  background: transparent;
  box-shadow: var(--cf-shadow-raised-sm);
  transform: rotate(-0.35deg);
}

html[data-cf-theme='sketch-style']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ):hover {
  color: var(--cf-surface);
  background: var(--cf-ink);
  transform: translate(-1px, -1px) rotate(0.35deg);
}

html[data-cf-theme='sketch-style'] :where(.cf-search-field, .cf-source-panel textarea) {
  border: 2px dashed var(--cf-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-inset);
}

/* Notebook doodles: ruled paper, dashed ink and cheerful marker-color offsets. */
html[data-cf-theme='hand-drawn-doodle'] {
  color-scheme: light;
  --cf-canvas: #fffef5;
  --cf-ink: #2c2c2c;
  --cf-ink-body: #343434;
  --cf-ink-secondary: #565656;
  --cf-ink-tertiary: #6b625a;
  --cf-surface: #fffef5;
  --cf-surface-secondary: #fff5c7;
  --cf-surface-soft: #eef9f7;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f3f8f7;
  --cf-code-ink: #2c2c2c;
  --cf-border: #2c2c2c;
  --cf-border-strong: #2c2c2c;
  --cf-hairline: #77a9c0;
  --cf-accent-500: #ff6b6b;
  --cf-accent-strong: #d94f4f;
  --cf-accent-deep: #a93737;
  --cf-accent-secondary: #13877f;
  --cf-info: #267a91;
  --cf-info-deep: #1d5c6d;
  --cf-success: #287a49;
  --cf-success-deep: #1d5d36;
  --cf-warning: #9a7000;
  --cf-warning-deep: #725300;
  --cf-danger: #c43f4f;
  --cf-danger-deep: #922d3a;
  --cf-yellow: #ffd93d;
  --cf-overlay: rgb(44 44 44 / 66%);
  --cf-on-accent: #2c2c2c;
  --cf-shadow-raised: 5px 5px 0 #4ecdc4;
  --cf-shadow-raised-sm: 3px 3px 0 #4ecdc4;
  --cf-shadow-inset: inset 0 0 0 2px rgb(44 44 44 / 14%);
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: 'Comic Sans MS', 'Segoe Print', 'Kaiti SC', sans-serif;
  --cf-font-sans: 'Comic Sans MS', 'Segoe Print', 'Kaiti SC', sans-serif;
  --cf-radius-sm: 5px;
  --cf-radius-md: 7px;
  --cf-radius-lg: 9px;
  --cf-radius-full: 12px;
  --cf-duration-fast: 160ms;
  --cf-duration-normal: 200ms;
  --cf-easing-default: steps(2, end);
  --cf-easing-spring: steps(2, end);
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px rgb(78 205 196 / 34%);
  --cf-nav-item-hover-ink: #2c2c2c;
  --cf-nav-item-hover-surface: #ffd93d;
  --cf-nav-item-hover-shadow: 3px 3px 0 #4ecdc4;
  --cf-nav-item-active-ink: #a93737;
  --cf-nav-item-active-surface: transparent;
  --cf-nav-item-active-shadow: none;
}

html[data-cf-theme='hand-drawn-doodle'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-canvas);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 27px,
    rgb(86 154 183 / 16%) 28px,
    transparent 29px
  );
}

html[data-cf-theme='hand-drawn-doodle']
  :where(.cf-content h1, .cf-content h2, .cf-content h3, .cf-hero-title) {
  text-decoration-color: #ff6b6b;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-underline-offset: 0.2em;
}

html[data-cf-theme='hand-drawn-doodle']
  :where(.cf-menu-list, .cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog),
html[data-cf-theme='hand-drawn-doodle']
  :is(
    .cf-content .cf-demo,
    .cf-content .cf-callout,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-table-window,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card
  ) {
  border: 2px dashed var(--cf-border);
  background: var(--cf-surface-elevated);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='hand-drawn-doodle']
  :is(
    .cf-menu-list,
    .cf-content .cf-demo,
    .cf-content .cf-callout,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-table-window,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card
  ) {
  transform: rotate(-0.18deg);
}

html[data-cf-theme='hand-drawn-doodle']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn
  ) {
  border: 2px dashed var(--cf-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
  transform: rotate(0.45deg);
}

html[data-cf-theme='hand-drawn-doodle']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn
  ):hover {
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: 4px 4px 0 #ff6b6b;
  transform: translate(-1px, -1px) rotate(-0.45deg);
}

html[data-cf-theme='hand-drawn-doodle'] :where(.cf-search-field, .cf-source-panel textarea) {
  border: 2px dashed var(--cf-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-inset);
}

/* Minimal flat: Swiss restraint, pure contrast, square edges and zero depth effects. */
html[data-cf-theme='minimalist-flat'] {
  color-scheme: light;
  --cf-canvas: #ffffff;
  --cf-ink: #000000;
  --cf-ink-body: #151515;
  --cf-ink-secondary: #3f3f3f;
  --cf-ink-tertiary: #595959;
  --cf-surface: #ffffff;
  --cf-surface-secondary: #f2f2f2;
  --cf-surface-soft: #f7f7f7;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f2f2f2;
  --cf-code-ink: #000000;
  --cf-border: #000000;
  --cf-border-strong: #000000;
  --cf-hairline: #000000;
  --cf-accent-500: #ff3366;
  --cf-accent-strong: #d90045;
  --cf-accent-deep: #a80035;
  --cf-accent-secondary: #007f6a;
  --cf-info: #006ea8;
  --cf-info-deep: #00527e;
  --cf-success: #007f66;
  --cf-success-deep: #005d4b;
  --cf-warning: #8a6500;
  --cf-warning-deep: #654a00;
  --cf-danger: #c71445;
  --cf-danger-deep: #970f34;
  --cf-yellow: #ffcc00;
  --cf-overlay: rgb(0 0 0 / 72%);
  --cf-on-accent: #000000;
  --cf-shadow-raised: none;
  --cf-shadow-raised-sm: none;
  --cf-shadow-inset: none;
  --cf-block-shell-shadow: none;
  --cf-font-display: 'Helvetica Neue', Arial, 'PingFang SC', sans-serif;
  --cf-font-sans: 'Helvetica Neue', Arial, 'PingFang SC', sans-serif;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 75ms;
  --cf-duration-normal: 75ms;
  --cf-easing-default: linear;
  --cf-easing-spring: linear;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px rgb(255 51 102 / 24%);
  --cf-nav-item-hover-ink: #ffffff;
  --cf-nav-item-hover-surface: #000000;
  --cf-nav-item-hover-shadow: none;
  --cf-nav-item-active-ink: #a80035;
  --cf-nav-item-active-surface: transparent;
  --cf-nav-item-active-shadow: none;
}

html[data-cf-theme='minimalist-flat'] :where(.cf-header, .cf-sidebar, .cf-outline, .cf-menu-list) {
  background: var(--cf-surface);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='minimalist-flat']
  :where(.cf-menu-list, .cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog),
html[data-cf-theme='minimalist-flat']
  :is(
    .cf-content .cf-demo,
    .cf-content .cf-callout,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-table-window,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card
  ) {
  border: 2px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
}

html[data-cf-theme='minimalist-flat']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn
  ) {
  border: 2px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
}

html[data-cf-theme='minimalist-flat']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn
  ):hover {
  color: #ffffff;
  background: #000000;
  box-shadow: none;
}

html[data-cf-theme='minimalist-flat'] :where(.cf-search-field, .cf-source-panel textarea) {
  border: 2px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
}

/* Bauhaus: functional geometry, primary pigments, black structure and mechanical motion. */
html[data-cf-theme='bauhaus'] {
  color-scheme: light;
  --cf-canvas: #ffffff;
  --cf-ink: #000000;
  --cf-ink-body: #111111;
  --cf-ink-secondary: #333333;
  --cf-ink-tertiary: #4b4b4b;
  --cf-surface: #ffffff;
  --cf-surface-secondary: #ffcc00;
  --cf-surface-soft: #f4f4f4;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f4f4f4;
  --cf-code-ink: #000000;
  --cf-border: #000000;
  --cf-border-strong: #000000;
  --cf-hairline: #000000;
  --cf-accent-500: #dd0000;
  --cf-accent-strong: #b50000;
  --cf-accent-deep: #8f0000;
  --cf-accent-secondary: #0000ff;
  --cf-info: #0000c4;
  --cf-info-deep: #00008f;
  --cf-success: #006b38;
  --cf-success-deep: #004d28;
  --cf-warning: #8a6500;
  --cf-warning-deep: #654a00;
  --cf-danger: #b50000;
  --cf-danger-deep: #8f0000;
  --cf-yellow: #ffcc00;
  --cf-overlay: rgb(0 0 0 / 74%);
  --cf-on-accent: #ffffff;
  --cf-shadow-raised: none;
  --cf-shadow-raised-sm: none;
  --cf-shadow-inset: none;
  --cf-block-shell-shadow: none;
  --cf-font-display: Futura, 'Avenir Next', 'Arial Black', 'PingFang SC', sans-serif;
  --cf-font-sans: Futura, 'Avenir Next', Arial, 'PingFang SC', sans-serif;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 150ms;
  --cf-duration-normal: 200ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 4px #ffcc00;
  --cf-nav-item-hover-ink: #000000;
  --cf-nav-item-hover-surface: #ffcc00;
  --cf-nav-item-hover-shadow: inset 0 0 0 2px #000000;
  --cf-nav-item-active-ink: #8f0000;
  --cf-nav-item-active-surface: transparent;
  --cf-nav-item-active-shadow: none;
}

html[data-cf-theme='bauhaus'] :where(.cf-content h1, .cf-content h2, .cf-content h3, .cf-hero-title) {
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

html[data-cf-theme='bauhaus'] :where(.cf-header, .cf-sidebar, .cf-outline, .cf-menu-list) {
  border-color: var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='bauhaus']
  :where(.cf-menu-list, .cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog),
html[data-cf-theme='bauhaus']
  :is(
    .cf-content .cf-demo,
    .cf-content .cf-callout,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-table-window,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card
  ) {
  border: 3px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
}

html[data-cf-theme='bauhaus']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ) {
  border: 3px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
  font-weight: 800;
  text-transform: uppercase;
  transition:
    color 150ms ease-out,
    background 150ms ease-out,
    transform 150ms ease-out;
}

html[data-cf-theme='bauhaus']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-btn:not(.cf-btn-primary)
  ):hover {
  color: #000000;
  background: #ffcc00;
  transform: translate(-2px, -2px);
}

html[data-cf-theme='bauhaus'] :where(.cf-search-field, .cf-source-panel textarea) {
  border: 3px solid var(--cf-border);
  background: var(--cf-surface);
  box-shadow: none;
}

html[data-cf-theme='bauhaus'] .cf-content mark,
html[data-cf-theme='bauhaus'] .cf-content ::selection {
  color: #000000;
  background: #ffcc00;
}

/*
 * Neo-brutalist keeps Canofold's shared layout and behavior, then applies a
 * strict visual system: black structure, hard shadows, square corners and
 * high-energy accents. There are no gradients, translucent surfaces or blur.
 */
html[data-cf-theme='neo-brutalist'] {
  color-scheme: light;
  --cf-canvas: #ffffff;
  --cf-ink: #000000;
  --cf-ink-body: #111111;
  --cf-ink-secondary: #242424;
  --cf-ink-tertiary: #404040;
  --cf-surface: #ffffff;
  --cf-surface-secondary: #f5f5f5;
  --cf-surface-soft: #ffffff;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f5f5f5;
  --cf-code-ink: #000000;
  --cf-border: #000000;
  --cf-border-strong: #000000;
  --cf-hairline: #000000;
  --cf-accent-500: #ff006e;
  --cf-accent-strong: #d9005e;
  --cf-accent-deep: #a80049;
  --cf-accent-secondary: #00d9ff;
  --cf-info: #006edb;
  --cf-info-deep: #004f9e;
  --cf-success: #3f8500;
  --cf-success-deep: #2d6100;
  --cf-warning: #c96d00;
  --cf-warning-deep: #934f00;
  --cf-danger: #d51f31;
  --cf-danger-deep: #a31221;
  --cf-info-soft: #00d9ff;
  --cf-success-soft: #ccff00;
  --cf-warning-soft: #ff9500;
  --cf-danger-soft: #ff006e;
  --cf-yellow: #ffff00;
  --cf-overlay: rgb(0 0 0 / 0.72);
  --cf-shadow-raised: 8px 8px 0 #000000;
  --cf-shadow-raised-sm: 4px 4px 0 #000000;
  --cf-shadow-inset: 0 0 0 transparent;
  --cf-block-shell-shadow: 8px 8px 0 #000000;
  --cf-font-display: 'Arial Black', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --cf-font-sans: 'SFMono-Regular', Consolas, 'PingFang SC', 'Microsoft YaHei', monospace;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 150ms;
  --cf-duration-normal: 150ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px #00d9ff;
  --cf-neo-structure-border: 4px solid #000000;
  --cf-demo-divider-width: 4px;
  --cf-neo-control-border: 2px solid #000000;
  --cf-neo-header-rule: inset 0 -4px 0 #000000;
  --cf-neo-sidebar-rule: inset -4px 0 0 #000000;
  --cf-neo-outline-rule: inset 4px 0 0 #000000;
  --cf-nav-item-hover-ink: var(--cf-ink);
  --cf-nav-item-hover-surface: var(--cf-yellow);
  --cf-nav-item-hover-shadow: inset 0 0 0 2px #000000, 3px 3px 0 #000000;
  --cf-nav-item-active-ink: var(--cf-ink);
  --cf-nav-item-active-surface: #ccff00;
  --cf-nav-item-active-shadow: inset 0 0 0 2px #000000;
}

html[data-cf-theme='neo-brutalist'] :where(.cf-header, .cf-sidebar, .cf-outline) {
  background: var(--cf-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neo-brutalist'] .cf-header {
  box-shadow: var(--cf-neo-header-rule);
}

html[data-cf-theme='neo-brutalist'] .cf-sidebar {
  box-shadow: var(--cf-neo-sidebar-rule);
}

html[data-cf-theme='neo-brutalist'] .cf-outline {
  box-shadow: var(--cf-neo-outline-rule);
}

html[data-cf-theme='neo-brutalist'] :where(.cf-hero-title, .cf-content h1) {
  font-weight: 900;
}

html[data-cf-theme='neo-brutalist'] .cf-content :where(h2, h3, h4, h5, h6) {
  font-weight: 850;
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close
  ) {
  border: var(--cf-neo-control-border);
  color: var(--cf-ink);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    color 150ms ease-out,
    transform 150ms ease-out,
    box-shadow 150ms ease-out;
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close
  ):hover {
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: 6px 6px 0 #000000;
  transform: translate(-2px, -2px);
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close
  ):active,
html[data-cf-theme='neo-brutalist'] .cf-menu[open] > summary {
  background: #ccff00;
  box-shadow: none;
  transform: translate(4px, 4px);
}

html[data-cf-theme='neo-brutalist'] :where(.cf-outline-link:hover, .cf-outline-link[data-active='true']) {
  color: var(--cf-accent-deep);
}

html[data-cf-theme='neo-brutalist'] .cf-menu-list {
  border: var(--cf-neo-structure-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neo-brutalist']
  :is(
    .cf-content .cf-demo,
    .cf-feature,
    .cf-doc-pagination-link,
    .cf-content .cf-callout,
    .cf-content .cf-aside,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-code-group,
    .cf-content .cf-terminal,
    .cf-content .cf-table-window,
    .cf-content .cf-api-block,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card,
    .cf-diagram-window
  ) {
  border: var(--cf-neo-structure-border);
  box-shadow: var(--cf-block-shell-shadow);
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-content .cf-demo-details,
    .cf-content .cf-demo-toolbar,
    .cf-block-toolbar,
    .cf-code-bar,
    .cf-table-window > .cf-block-toolbar,
    .cf-diagram-window > .cf-diagram-toolbar
  ) {
  border-color: var(--cf-border);
  background: var(--cf-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neo-brutalist'] .cf-content .cf-demo-details {
  border-top: var(--cf-neo-structure-border);
}

html[data-cf-theme='neo-brutalist'] .cf-content .cf-demo-toolbar {
  border-top: 2px dashed var(--cf-border);
}

html[data-cf-theme='neo-brutalist'] .cf-content .cf-demo-source > .cf-code {
  border-width: 2px 0 0;
  box-shadow: none;
}

html[data-cf-theme='neo-brutalist']
  :where(.cf-code-bar, .cf-table-window > .cf-block-toolbar, .cf-diagram-window > .cf-diagram-toolbar) {
  border-bottom: var(--cf-neo-control-border);
}

html[data-cf-theme='neo-brutalist']
  :where(.cf-content .cf-demo-action, .cf-diagram-actions button, .cf-diagram-zoom-controls button) {
  color: var(--cf-ink);
  background: transparent;
}

html[data-cf-theme='neo-brutalist'] .cf-diagram-zoom-controls {
  border: var(--cf-neo-control-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-content .cf-demo-action:hover,
    .cf-content .cf-demo-action:focus-visible,
    .cf-content .cf-demo-source-toggle[aria-expanded='true'],
    .cf-diagram-actions button:hover,
    .cf-diagram-zoom-controls button:hover:not(:disabled)
  ) {
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: inset 0 0 0 2px #000000;
}

html[data-cf-theme='neo-brutalist'] .cf-btn {
  border: var(--cf-neo-control-border);
  box-shadow: var(--cf-shadow-raised-sm);
  font-weight: 800;
  transition:
    color 150ms ease-out,
    transform 150ms ease-out,
    box-shadow 150ms ease-out;
}

html[data-cf-theme='neo-brutalist'] .cf-btn-primary {
  color: var(--cf-ink);
}

html[data-cf-theme='neo-brutalist'] .cf-btn-secondary {
  color: var(--cf-ink);
  background: #00d9ff;
}

html[data-cf-theme='neo-brutalist'] .cf-btn:hover {
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: 6px 6px 0 #000000;
  transform: translate(-2px, -2px);
}

html[data-cf-theme='neo-brutalist'] .cf-btn:active {
  box-shadow: none;
  transform: translate(4px, 4px);
}

html[data-cf-theme='neo-brutalist']
  :where(.cf-search-panel, .cf-source-panel, .cf-gallery-dialog, .cf-table-preview-card, .cf-diagram-dialog) {
  border: var(--cf-neo-structure-border);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-search-backdrop,
    .cf-source-backdrop,
    .cf-gallery-backdrop,
    .cf-table-preview-backdrop,
    .cf-image-lightbox-backdrop
  ) {
  background: var(--cf-overlay);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neo-brutalist'] .cf-diagram-dialog::backdrop {
  background: var(--cf-overlay);
}

html[data-cf-theme='neo-brutalist'] :where(.cf-search-field, .cf-source-panel textarea) {
  border-bottom: var(--cf-neo-control-border);
  background: var(--cf-surface);
  box-shadow: none;
}

html[data-cf-theme='neo-brutalist'] .cf-search-field:focus-within {
  box-shadow: inset 0 -4px 0 #00d9ff;
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-command-item:hover,
    .cf-search-result:hover,
    .cf-file-tree-folder:hover,
    .cf-file-tree-file:hover
  ) {
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: inset 0 0 0 2px #000000;
}

html[data-cf-theme='neo-brutalist']
  :where(
    .cf-badge,
    .cf-badge-success,
    .cf-badge-warning,
    .cf-badge-danger,
    .cf-api-method,
    .cf-content :where(code, kbd)
  ) {
  border: var(--cf-neo-control-border);
  color: var(--cf-ink);
}

html[data-cf-theme='neo-brutalist'] .cf-content kbd {
  box-shadow: 3px 3px 0 #000000;
}

html[data-cf-theme='neo-brutalist'] .cf-image-lightbox-card img {
  border: var(--cf-neo-structure-border);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='neo-brutalist'] .cf-image-lightbox-close {
  border: var(--cf-neo-control-border);
  color: var(--cf-ink);
  background: var(--cf-yellow);
  box-shadow: var(--cf-shadow-raised-sm);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width: 47.5rem) {
  html[data-cf-theme='neo-brutalist'] {
    --cf-shadow-raised: 4px 4px 0 #000000;
    --cf-shadow-raised-sm: 3px 3px 0 #000000;
    --cf-block-shell-shadow: 4px 4px 0 #000000;
    --cf-neo-structure-border: 2px solid #000000;
    --cf-demo-divider-width: 2px;
    --cf-neo-header-rule: inset 0 -2px 0 #000000;
    --cf-neo-sidebar-rule: inset -2px 0 0 #000000;
    --cf-neo-outline-rule: inset 2px 0 0 #000000;
  }
}

/*
 * Neumorphism follows one top-left light source. Clickable surfaces are
 * convex; inputs and active states are concave. Structure stays in Core.
 */
html[data-cf-theme='neumorphism'] {
  color-scheme: light;
  --cf-canvas: #e0e5ec;
  --cf-ink: #333333;
  --cf-ink-body: #374151;
  --cf-ink-secondary: #4b5563;
  --cf-ink-tertiary: #5b6470;
  --cf-surface: #e0e5ec;
  --cf-surface-secondary: #d1d9e6;
  --cf-surface-soft: #e0e5ec;
  --cf-surface-elevated: #e0e5ec;
  --cf-surface-code: #d1d9e6;
  --cf-code-ink: #333333;
  --cf-border: transparent;
  --cf-border-strong: transparent;
  --cf-hairline: transparent;
  --cf-accent-50: #e0e5ec;
  --cf-accent-100: #e0e5ec;
  --cf-accent-200: #e0e5ec;
  --cf-accent-soft: #e0e5ec;
  --cf-accent-500: #6d5dfc;
  --cf-accent-strong: #5d4bef;
  --cf-accent-deep: #4f3cda;
  --cf-accent-secondary: #4ecdc4;
  --cf-info: #6d5dfc;
  --cf-info-deep: #4f3cda;
  --cf-success: #17795f;
  --cf-success-deep: #11654e;
  --cf-warning: #7a5a00;
  --cf-warning-deep: #634900;
  --cf-danger: #c33f4d;
  --cf-danger-deep: #a92e3b;
  --cf-yellow: #ffe66d;
  --cf-overlay: rgb(51 51 51 / 0.36);
  --cf-shadow-raised: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff;
  --cf-shadow-raised-sm: 4px 4px 8px #b8bcc2, -4px -4px 8px #ffffff;
  --cf-shadow-inset: inset 8px 8px 16px #b8bcc2, inset -8px -8px 16px #ffffff;
  --cf-neumorphic-shadow-input: inset 6px 6px 12px #b8bcc2, inset -6px -6px 12px #ffffff;
  --cf-neumorphic-shadow-input-focus: inset 2px 2px 4px #b8bcc2, inset -2px -2px 4px #ffffff;
  --cf-neumorphic-shadow-pressed: inset 4px 4px 8px #b8bcc2, inset -4px -4px 8px #ffffff;
  --cf-neumorphic-shadow-modal: 0 14px 36px rgb(51 51 51 / 0.18);
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-reading-progress-fill: var(--cf-accent-500);
  --cf-demo-border: #c4c9d0;
  --cf-nav-item-hover-ink: var(--cf-accent-deep);
  --cf-nav-item-hover-surface: var(--cf-surface);
  --cf-nav-item-hover-shadow: var(--cf-shadow-raised-sm);
  --cf-nav-item-active-ink: var(--cf-accent-deep);
  --cf-nav-item-active-surface: var(--cf-surface);
  --cf-nav-item-active-shadow: var(--cf-neumorphic-shadow-pressed);
  --cf-font-display: 'Avenir Next', 'Helvetica Neue', 'PingFang SC', sans-serif;
  --cf-font-sans: 'Avenir Next', 'Helvetica Neue', 'PingFang SC', sans-serif;
  --cf-radius-sm: 12px;
  --cf-radius-md: 16px;
  --cf-radius-lg: 20px;
  --cf-radius-full: 999px;
  --cf-duration-fast: 300ms;
  --cf-duration-normal: 300ms;
  --cf-easing-default: ease-in-out;
  --cf-easing-spring: ease-in-out;
  --cf-glass-blur: 0px;
}

html[data-cf-theme='neumorphism'] :where(.cf-header, .cf-sidebar) {
  border-color: transparent;
  background: var(--cf-canvas);
}

html[data-cf-theme='neumorphism'] .cf-header {
  border-bottom: 0;
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neumorphism'] .cf-search-trigger {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-input);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neumorphism'] .cf-search-trigger:hover {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] .cf-menu-list {
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
  backdrop-filter: none;
}

html[data-cf-theme='neumorphism']
  :where(.cf-sidebar-toggle, .cf-icon-button, .cf-version-badge, .cf-search-close, .cf-diagram-dialog-close) {
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neumorphism']
  :where(
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close
  ):hover {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow:
    2px 2px 4px #b8bcc2,
    -2px -2px 4px #ffffff;
}

html[data-cf-theme='neumorphism']
  :where(
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close
  ):active,
html[data-cf-theme='neumorphism'] .cf-menu[open] > summary {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] .cf-content .cf-demo {
  border-color: transparent;
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='neumorphism'] .cf-content kbd {
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] :where(.cf-content .cf-demo-details, .cf-content .cf-demo-toolbar) {
  background: var(--cf-surface);
}

html[data-cf-theme='neumorphism']
  :where(.cf-content .cf-demo-action, .cf-diagram-actions button, .cf-diagram-zoom-controls button) {
  color: var(--cf-ink-secondary);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neumorphism']
  :where(
    .cf-content .cf-demo-action:hover,
    .cf-content .cf-demo-action:focus-visible,
    .cf-diagram-actions button:hover,
    .cf-diagram-zoom-controls button:hover:not(:disabled)
  ) {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow:
    2px 2px 4px #b8bcc2,
    -2px -2px 4px #ffffff;
}

html[data-cf-theme='neumorphism']
  :where(
    .cf-content .cf-demo-action:active,
    .cf-content .cf-demo-source-toggle[aria-expanded='true'],
    .cf-diagram-actions button:active,
    .cf-diagram-zoom-controls button:active:not(:disabled)
  ) {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] .cf-btn {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='neumorphism'] .cf-btn:hover {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neumorphism'] .cf-btn:active {
  color: var(--cf-accent-deep);
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] :where(.cf-doc-pagination-link, .cf-content .cf-link-card) {
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
}

html[data-cf-theme='neumorphism'] :where(.cf-doc-pagination-link, .cf-content .cf-link-card):hover {
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised-sm);
}

html[data-cf-theme='neumorphism'] :where(.cf-doc-pagination-link, .cf-content .cf-link-card):active {
  box-shadow: var(--cf-neumorphic-shadow-pressed);
}

html[data-cf-theme='neumorphism'] .cf-content .cf-file-tree {
  background: var(--cf-surface);
  box-shadow: var(--cf-shadow-raised);
}

/* Modal surfaces float above a scrim, so they use ambient elevation rather
 * than the dual shadow reserved for surfaces extruded from the same canvas. */
html[data-cf-theme='neumorphism']
  :where(.cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog) {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-modal);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neumorphism']
  :where(.cf-search-backdrop, .cf-source-backdrop, .cf-table-preview-backdrop) {
  background: var(--cf-overlay);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-cf-theme='neumorphism'] .cf-diagram-dialog::backdrop {
  background: var(--cf-overlay);
}

html[data-cf-theme='neumorphism'] .cf-source-panel textarea {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-input);
}

html[data-cf-theme='neumorphism'] .cf-search-field {
  background: var(--cf-surface);
  box-shadow: var(--cf-neumorphic-shadow-input);
}

html[data-cf-theme='neumorphism'] .cf-search-field:focus-within {
  box-shadow: var(--cf-neumorphic-shadow-input-focus);
}

html[data-cf-theme='neumorphism'] :where(.cf-command-item:hover, .cf-search-result:hover, .cf-command-glyph) {
  color: var(--cf-accent-deep);
  background: transparent;
}

@media (max-width: 47.5rem) {
  html[data-cf-theme='neumorphism'] {
    --cf-shadow-raised: 4px 4px 8px #b8bcc2, -4px -4px 8px #ffffff;
    --cf-shadow-raised-sm: 2px 2px 4px #b8bcc2, -2px -2px 4px #ffffff;
    --cf-shadow-inset: inset 4px 4px 8px #b8bcc2, inset -4px -4px 8px #ffffff;
    --cf-block-shell-shadow: var(--cf-shadow-raised);
  }
}

/*
 * Shared visual treatment for Canofold's expressive single-appearance themes.
 * Theme files provide the variables below; Core and Markdown continue to own
 * layout, sizing, hit areas, state semantics, and accessibility.
 */
html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(.cf-header, .cf-sidebar, .cf-outline) {
  background: var(--cf-theme-shell-surface, var(--cf-surface));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-header {
  border-bottom: 0;
  box-shadow: var(--cf-theme-header-shadow, var(--cf-header-shadow));
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(.cf-sidebar, .cf-outline) {
  box-shadow: var(--cf-theme-rail-shadow, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(
    .cf-search-trigger,
    .cf-sidebar-toggle,
    .cf-icon-button,
    .cf-version-badge,
    .cf-search-close,
    .cf-diagram-dialog-close,
    .cf-content .cf-demo-action,
    .cf-diagram-actions button,
    .cf-diagram-zoom-controls button
  ) {
  border: var(--cf-theme-control-border, 0);
  color: var(--cf-theme-control-ink, var(--cf-ink-secondary));
  background: var(--cf-theme-control-surface, transparent);
  box-shadow: var(--cf-theme-control-shadow, none);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    background var(--cf-duration-fast) var(--cf-easing-default),
    box-shadow var(--cf-duration-fast) var(--cf-easing-default),
    transform var(--cf-duration-fast) var(--cf-easing-default);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(
    .cf-search-trigger:hover,
    .cf-sidebar-toggle:hover,
    .cf-icon-button:hover,
    .cf-version-badge:hover,
    .cf-search-close:hover,
    .cf-diagram-dialog-close:hover,
    .cf-content .cf-demo-action:hover,
    .cf-content .cf-demo-action:focus-visible,
    .cf-diagram-actions button:hover,
    .cf-diagram-zoom-controls button:hover:not(:disabled)
  ) {
  color: var(--cf-theme-control-hover-ink, var(--cf-accent-deep));
  background: var(--cf-theme-control-hover-surface, var(--cf-accent-soft));
  box-shadow: var(--cf-theme-control-hover-shadow, var(--cf-theme-control-shadow, none));
  transform: var(--cf-theme-control-hover-transform, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(
    .cf-search-trigger:active,
    .cf-sidebar-toggle:active,
    .cf-icon-button:active,
    .cf-version-badge:active,
    .cf-search-close:active,
    .cf-diagram-dialog-close:active,
    .cf-content .cf-demo-action:active,
    .cf-content .cf-demo-source-toggle[aria-expanded='true'],
    .cf-diagram-actions button:active,
    .cf-diagram-zoom-controls button:active:not(:disabled)
  ),
html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-menu[open]
  > summary {
  color: var(--cf-theme-control-active-ink, var(--cf-theme-control-hover-ink));
  background: var(--cf-theme-control-active-surface, var(--cf-theme-control-hover-surface));
  box-shadow: var(--cf-theme-control-active-shadow, none);
  transform: var(--cf-theme-control-active-transform, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-menu-list {
  border: var(--cf-theme-panel-border, 0);
  background: var(--cf-theme-panel-surface, var(--cf-surface-elevated));
  box-shadow: var(--cf-theme-panel-shadow, var(--cf-shadow-raised));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :is(
    .cf-content .cf-demo,
    .cf-feature,
    .cf-doc-pagination-link,
    .cf-content .cf-callout,
    .cf-content .cf-aside,
    .cf-content details,
    .cf-content .cf-code,
    .cf-content .cf-code-group,
    .cf-content .cf-table-window,
    .cf-content .cf-api-block,
    .cf-content .cf-file-tree,
    .cf-content .cf-link-card,
    .cf-diagram-window
  ) {
  border: var(--cf-theme-block-border, 0);
  box-shadow: var(--cf-theme-block-shadow, var(--cf-block-shell-shadow));
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(
    .cf-content .cf-demo-details,
    .cf-content .cf-demo-toolbar,
    .cf-block-toolbar,
    .cf-code-bar,
    .cf-table-window > .cf-block-toolbar,
    .cf-diagram-window > .cf-diagram-toolbar
  ) {
  border-color: var(--cf-border);
  background: var(--cf-theme-toolbar-surface, var(--cf-surface));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-btn {
  border: var(--cf-theme-button-border, var(--cf-theme-control-border, 0));
  box-shadow: var(--cf-theme-button-shadow, var(--cf-theme-control-shadow, none));
  transition:
    color var(--cf-duration-fast) var(--cf-easing-default),
    background var(--cf-duration-fast) var(--cf-easing-default),
    box-shadow var(--cf-duration-fast) var(--cf-easing-default),
    transform var(--cf-duration-fast) var(--cf-easing-default);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-btn:hover {
  color: var(--cf-theme-button-hover-ink, var(--cf-on-accent));
  background: var(--cf-theme-button-hover-surface, var(--cf-accent-deep));
  box-shadow: var(--cf-theme-button-hover-shadow, var(--cf-theme-button-shadow));
  transform: var(--cf-theme-button-hover-transform, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-btn:active {
  box-shadow: var(--cf-theme-button-active-shadow, none);
  transform: var(--cf-theme-button-active-transform, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(.cf-search-panel, .cf-source-panel, .cf-table-preview-card, .cf-diagram-dialog) {
  border: var(--cf-theme-panel-border, 0);
  background: var(--cf-theme-panel-surface, var(--cf-surface-elevated));
  box-shadow: var(--cf-theme-panel-shadow, var(--cf-shadow-raised));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(.cf-search-backdrop, .cf-source-backdrop, .cf-table-preview-backdrop) {
  background: var(--cf-overlay);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-diagram-dialog::backdrop {
  background: var(--cf-overlay);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  :where(.cf-search-field, .cf-source-panel textarea) {
  border: var(--cf-theme-input-border, var(--cf-theme-control-border, 0));
  background: var(--cf-theme-input-surface, var(--cf-surface));
  box-shadow: var(--cf-theme-input-shadow, none);
}

html:is(
    [data-cf-theme='memphis'],
    [data-cf-theme='cyber-chinese'],
    [data-cf-theme='pixel-anime'],
    [data-cf-theme='dopamine-design'],
    [data-cf-theme='shoujo-manga'],
    [data-cf-theme='outrun']
  )
  .cf-search-field:focus-within {
  box-shadow: var(--cf-theme-input-focus-shadow, var(--cf-focus-ring));
}

html[data-cf-theme='memphis'] {
  color-scheme: light;
  --cf-canvas: #feca57;
  --cf-ink: #17121f;
  --cf-ink-body: #241b2f;
  --cf-ink-secondary: #493957;
  --cf-ink-tertiary: #665371;
  --cf-surface: #fff8e7;
  --cf-surface-secondary: #ffe0e8;
  --cf-surface-soft: #fff0bd;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #e8f9ff;
  --cf-code-ink: #17121f;
  --cf-border: #17121f;
  --cf-border-strong: #17121f;
  --cf-hairline: #17121f;
  --cf-accent-500: #e94f5d;
  --cf-accent-strong: #c52e43;
  --cf-accent-deep: #9d1832;
  --cf-accent-secondary: #5f27cd;
  --cf-info: #167995;
  --cf-info-deep: #0c6078;
  --cf-success: #0c8667;
  --cf-success-deep: #05634c;
  --cf-warning: #a35b00;
  --cf-warning-deep: #783f00;
  --cf-danger: #c52e43;
  --cf-danger-deep: #9d1832;
  --cf-yellow: #feca57;
  --cf-overlay: rgb(23 18 31 / 0.72);
  --cf-on-accent: #17121f;
  --cf-shadow-raised: 6px 6px 0 #17121f;
  --cf-shadow-raised-sm: 4px 4px 0 #17121f;
  --cf-shadow-inset: inset 0 0 0 2px #17121f;
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: 'Arial Black', 'Trebuchet MS', 'PingFang SC', sans-serif;
  --cf-font-sans: 'Trebuchet MS', 'Avenir Next', 'PingFang SC', sans-serif;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 150ms;
  --cf-duration-normal: 150ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px #48dbfb;
  --cf-nav-item-hover-ink: #17121f;
  --cf-nav-item-hover-surface: #ff9ff3;
  --cf-nav-item-hover-shadow: 3px 3px 0 #17121f;
  --cf-nav-item-active-ink: #17121f;
  --cf-nav-item-active-surface: #feca57;
  --cf-nav-item-active-shadow: inset 0 0 0 2px #17121f;
  --cf-theme-header-shadow: 0 4px 0 #17121f;
  --cf-theme-rail-shadow: inset -3px 0 0 #17121f;
  --cf-theme-control-border: 3px solid #17121f;
  --cf-theme-control-ink: #17121f;
  --cf-theme-control-surface: #48dbfb;
  --cf-theme-control-shadow: 4px 4px 0 #17121f;
  --cf-theme-control-hover-ink: #17121f;
  --cf-theme-control-hover-surface: #ff9ff3;
  --cf-theme-control-hover-shadow: 6px 6px 0 #17121f;
  --cf-theme-control-hover-transform: translate(-2px, -2px);
  --cf-theme-control-active-surface: #1dd1a1;
  --cf-theme-control-active-shadow: none;
  --cf-theme-control-active-transform: translate(4px, 4px);
  --cf-theme-panel-border: 3px solid #17121f;
  --cf-theme-panel-surface: #fff8e7;
  --cf-theme-panel-shadow: 6px 6px 0 #17121f;
  --cf-theme-block-border: 3px solid #17121f;
  --cf-theme-block-shadow: 6px 6px 0 #17121f;
  --cf-theme-toolbar-surface: #feca57;
  --cf-theme-button-shadow: 5px 5px 0 #17121f;
  --cf-theme-button-hover-surface: #ff9ff3;
  --cf-theme-button-hover-shadow: 7px 7px 0 #17121f;
  --cf-theme-button-hover-transform: translate(-2px, -2px);
  --cf-theme-button-active-shadow: none;
  --cf-theme-button-active-transform: translate(5px, 5px);
  --cf-theme-input-border: 3px solid #17121f;
  --cf-theme-input-surface: #ffffff;
  --cf-theme-input-focus-shadow: 4px 4px 0 #48dbfb;
}

html[data-cf-theme='memphis'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image: radial-gradient(circle, rgb(23 18 31 / 12%) 1.5px, transparent 1.5px);
  background-size: 18px 18px;
}

html[data-cf-theme='memphis'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  text-shadow: 3px 3px 0 #48dbfb;
}

html[data-cf-theme='cyber-chinese'] {
  color-scheme: dark;
  --cf-canvas: #0a0a0a;
  --cf-ink: #f1dec0;
  --cf-ink-body: #dbc9ad;
  --cf-ink-secondary: #b9a98f;
  --cf-ink-tertiary: #94856f;
  --cf-surface: #101010;
  --cf-surface-secondary: #1a1a1a;
  --cf-surface-soft: #171413;
  --cf-surface-elevated: #1a1a1a;
  --cf-surface-code: #0d1518;
  --cf-code-ink: #e7d6b9;
  --cf-border: #c9a227;
  --cf-border-strong: #d4553a;
  --cf-hairline: rgb(201 162 39 / 0.4);
  --cf-accent-500: #d4553a;
  --cf-accent-strong: #ef6749;
  --cf-accent-deep: #ff866d;
  --cf-accent-secondary: #00d4ff;
  --cf-info: #00d4ff;
  --cf-info-deep: #62e6ff;
  --cf-success: #48ca8b;
  --cf-success-deep: #77e2ad;
  --cf-warning: #c9a227;
  --cf-warning-deep: #eed25b;
  --cf-danger: #ef6749;
  --cf-danger-deep: #ff8b74;
  --cf-yellow: #c9a227;
  --cf-overlay: rgb(0 0 0 / 0.82);
  --cf-on-accent: #0a0a0a;
  --cf-shadow-raised: 0 0 0 1px #c9a227, 0 0 22px rgb(212 85 58 / 0.34), 8px 8px 0 #050505;
  --cf-shadow-raised-sm: 0 0 0 1px #c9a227, 0 0 14px rgb(0 212 255 / 0.25);
  --cf-shadow-inset: inset 0 0 14px rgb(212 85 58 / 0.2);
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: 'STKaiti', 'KaiTi', 'Songti SC', Georgia, serif;
  --cf-font-sans: 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 220ms;
  --cf-duration-normal: 280ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 2px #00d4ff, 0 0 18px rgb(0 212 255 / 0.66);
  --cf-nav-item-hover-ink: #62e6ff;
  --cf-nav-item-hover-surface: rgb(0 212 255 / 0.08);
  --cf-nav-item-hover-shadow: inset 0 0 0 1px #00d4ff, 0 0 14px rgb(0 212 255 / 0.28);
  --cf-nav-item-active-ink: #f1dec0;
  --cf-nav-item-active-surface: rgb(212 85 58 / 0.2);
  --cf-nav-item-active-shadow: inset 0 0 0 1px #d4553a, 0 0 16px rgb(212 85 58 / 0.36);
  --cf-theme-header-shadow: 0 0 18px rgb(212 85 58 / 0.22);
  --cf-theme-rail-shadow: inset -1px 0 0 #c9a227;
  --cf-theme-control-border: 1px solid #c9a227;
  --cf-theme-control-ink: #f1dec0;
  --cf-theme-control-surface: #14110f;
  --cf-theme-control-shadow: 0 0 10px rgb(212 85 58 / 0.24);
  --cf-theme-control-hover-ink: #62e6ff;
  --cf-theme-control-hover-surface: #181112;
  --cf-theme-control-hover-shadow: 0 0 8px #d4553a, 0 0 18px rgb(0 212 255 / 0.36);
  --cf-theme-control-hover-transform: translateY(-1px);
  --cf-theme-control-active-ink: #f1dec0;
  --cf-theme-control-active-surface: #25120f;
  --cf-theme-control-active-shadow: inset 0 0 10px rgb(212 85 58 / 0.45);
  --cf-theme-control-active-transform: translateY(2px);
  --cf-theme-panel-border: 1px solid #c9a227;
  --cf-theme-panel-surface: #14110f;
  --cf-theme-panel-shadow: 0 0 12px rgb(212 85 58 / 0.38), 0 0 28px rgb(0 212 255 / 0.16);
  --cf-theme-block-border: 1px solid #c9a227;
  --cf-theme-block-shadow: 0 0 18px rgb(212 85 58 / 0.2);
  --cf-theme-toolbar-surface: #171210;
  --cf-theme-button-shadow: 0 0 10px rgb(212 85 58 / 0.44), 0 0 22px rgb(0 212 255 / 0.18);
  --cf-theme-button-hover-surface: #c9a227;
  --cf-theme-button-hover-shadow: 0 0 12px #d4553a, 0 0 26px rgb(0 212 255 / 0.42);
  --cf-theme-button-hover-transform: translateY(-1px);
  --cf-theme-button-active-shadow: inset 0 0 10px rgb(10 10 10 / 0.7);
  --cf-theme-button-active-transform: translateY(2px);
  --cf-theme-input-border: 1px solid #c9a227;
  --cf-theme-input-surface: #0a0a0a;
  --cf-theme-input-focus-shadow: 0 0 8px #00d4ff, inset 0 0 10px rgb(0 212 255 / 0.12);
}

html[data-cf-theme='cyber-chinese'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image:
    linear-gradient(rgb(201 162 39 / 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgb(201 162 39 / 0.035) 1px, transparent 1px),
    radial-gradient(circle at 18% 12%, rgb(212 85 58 / 0.12), transparent 28%),
    radial-gradient(circle at 82% 88%, rgb(160 32 240 / 0.08), transparent 32%);
  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto;
}

html[data-cf-theme='cyber-chinese'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  color: #e7c04a;
  text-shadow: 0 0 14px rgb(212 85 58 / 0.62);
}

html[data-cf-theme='pixel-anime'] {
  color-scheme: dark;
  --cf-canvas: #2d1b69;
  --cf-ink: #ffffff;
  --cf-ink-body: #eeeaff;
  --cf-ink-secondary: #c9c0f0;
  --cf-ink-tertiary: #aaa0dc;
  --cf-surface: #241653;
  --cf-surface-secondary: #352477;
  --cf-surface-soft: #1a1040;
  --cf-surface-elevated: #2d1b69;
  --cf-surface-code: #1a1040;
  --cf-code-ink: #ffffff;
  --cf-border: #4a90d9;
  --cf-border-strong: #8ec5ff;
  --cf-hairline: #4a90d9;
  --cf-accent-500: #4a90d9;
  --cf-accent-strong: #69a9ed;
  --cf-accent-deep: #8ec5ff;
  --cf-accent-secondary: #ffd93d;
  --cf-info: #4a90d9;
  --cf-info-deep: #8ec5ff;
  --cf-success: #50c878;
  --cf-success-deep: #7ee49f;
  --cf-warning: #ffd93d;
  --cf-warning-deep: #ffe983;
  --cf-danger: #ff6b6b;
  --cf-danger-deep: #ff9a9a;
  --cf-yellow: #ffd93d;
  --cf-overlay: rgb(10 6 28 / 0.84);
  --cf-on-accent: #120b32;
  --cf-shadow-raised: 4px 4px 0 #0e0928;
  --cf-shadow-raised-sm: 3px 3px 0 #0e0928;
  --cf-shadow-inset: inset 0 0 0 2px #8ec5ff;
  --cf-block-shell-shadow: var(--cf-shadow-raised);
  --cf-font-display: 'SFMono-Regular', 'JetBrains Mono', Consolas, monospace;
  --cf-font-sans: 'SFMono-Regular', 'JetBrains Mono', Consolas, monospace;
  --cf-radius-sm: 0;
  --cf-radius-md: 0;
  --cf-radius-lg: 0;
  --cf-radius-full: 0;
  --cf-duration-fast: 75ms;
  --cf-duration-normal: 75ms;
  --cf-easing-default: linear;
  --cf-easing-spring: linear;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px #ffd93d;
  --cf-nav-item-hover-ink: #ffffff;
  --cf-nav-item-hover-surface: #352477;
  --cf-nav-item-hover-shadow: 4px 4px 0 #ffd93d, -2px -2px 0 #ffd93d;
  --cf-nav-item-active-ink: #120b32;
  --cf-nav-item-active-surface: #ffd93d;
  --cf-nav-item-active-shadow: inset 0 0 0 2px #120b32;
  --cf-theme-header-shadow: 0 4px 0 #0e0928;
  --cf-theme-rail-shadow: inset -2px 0 0 #4a90d9;
  --cf-theme-control-border: 2px solid #4a90d9;
  --cf-theme-control-ink: #ffffff;
  --cf-theme-control-surface: #1a1040;
  --cf-theme-control-shadow: 3px 3px 0 #0e0928;
  --cf-theme-control-hover-ink: #ffffff;
  --cf-theme-control-hover-surface: #352477;
  --cf-theme-control-hover-shadow: 4px 4px 0 #ffd93d, -2px -2px 0 #ffd93d;
  --cf-theme-control-hover-transform: translate(2px, -2px);
  --cf-theme-control-active-ink: #120b32;
  --cf-theme-control-active-surface: #ffd93d;
  --cf-theme-control-active-shadow: none;
  --cf-theme-control-active-transform: scaleX(1.1) scaleY(0.9);
  --cf-theme-panel-border: 2px solid #4a90d9;
  --cf-theme-panel-surface: #1a1040;
  --cf-theme-panel-shadow: 4px 4px 0 #0e0928;
  --cf-theme-block-border: 2px solid #4a90d9;
  --cf-theme-block-shadow: 4px 4px 0 #0e0928;
  --cf-theme-toolbar-surface: #2d1b69;
  --cf-theme-button-shadow: 4px 4px 0 #0e0928;
  --cf-theme-button-hover-surface: #ffd93d;
  --cf-theme-button-hover-shadow: 4px 4px 0 #ff6b6b, -2px -2px 0 #50c878;
  --cf-theme-button-hover-transform: translate(2px, -2px);
  --cf-theme-button-active-shadow: none;
  --cf-theme-button-active-transform: scaleX(1.1) scaleY(0.9);
  --cf-theme-input-border: 2px solid #4a90d9;
  --cf-theme-input-surface: #1a1040;
  --cf-theme-input-focus-shadow: 4px 4px 0 #ffd93d;
}

html[data-cf-theme='pixel-anime'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image:
    linear-gradient(90deg, rgb(74 144 217 / 0.06) 2px, transparent 2px),
    linear-gradient(rgb(74 144 217 / 0.06) 2px, transparent 2px);
  background-size: 16px 16px;
  image-rendering: pixelated;
}

html[data-cf-theme='pixel-anime'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  text-shadow: 3px 3px 0 #ff6b6b;
}

html[data-cf-theme='dopamine-design'] {
  color-scheme: light;
  --cf-canvas: #fff4fb;
  --cf-ink: #4b075f;
  --cf-ink-body: #5c176f;
  --cf-ink-secondary: #712985;
  --cf-ink-tertiary: #8d4b9e;
  --cf-surface: #fff9fd;
  --cf-surface-secondary: #ffe2f1;
  --cf-surface-soft: #f4e8ff;
  --cf-surface-elevated: #ffffff;
  --cf-surface-code: #f2e7ff;
  --cf-code-ink: #4b075f;
  --cf-border: #8338ec;
  --cf-border-strong: #ff006e;
  --cf-hairline: rgb(131 56 236 / 0.25);
  --cf-accent-500: #d9005e;
  --cf-accent-strong: #be0052;
  --cf-accent-deep: #940040;
  --cf-accent-secondary: #8338ec;
  --cf-info: #176fd6;
  --cf-info-deep: #0759b5;
  --cf-success: #078661;
  --cf-success-deep: #006b4c;
  --cf-warning: #9a6300;
  --cf-warning-deep: #744800;
  --cf-danger: #d81b47;
  --cf-danger-deep: #aa1136;
  --cf-yellow: #ffbe0b;
  --cf-overlay: rgb(75 7 95 / 0.48);
  --cf-on-accent: #ffffff;
  --cf-shadow-raised: 0 14px 0 rgb(131 56 236 / 0.2), 0 20px 36px rgb(255 0 110 / 0.18);
  --cf-shadow-raised-sm: 0 7px 0 rgb(58 134 255 / 0.22), 0 12px 22px rgb(255 0 110 / 0.16);
  --cf-shadow-inset: inset 0 0 0 2px rgb(255 0 110 / 0.2);
  --cf-block-shell-shadow: var(--cf-shadow-raised-sm);
  --cf-font-display: 'Arial Rounded MT Bold', 'Avenir Next', 'PingFang SC', sans-serif;
  --cf-font-sans: 'Avenir Next', 'PingFang SC', system-ui, sans-serif;
  --cf-radius-sm: 16px;
  --cf-radius-md: 24px;
  --cf-radius-lg: 32px;
  --cf-radius-full: 999px;
  --cf-duration-fast: 180ms;
  --cf-duration-normal: 260ms;
  --cf-easing-default: cubic-bezier(0.2, 0.9, 0.25, 1.2);
  --cf-easing-spring: cubic-bezier(0.2, 1.35, 0.4, 1);
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px rgb(58 134 255 / 0.42);
  --cf-nav-item-hover-ink: #6c1dc1;
  --cf-nav-item-hover-surface: #ffe2f1;
  --cf-nav-item-hover-shadow: 0 6px 0 rgb(255 190 11 / 0.58);
  --cf-nav-item-active-ink: #4b075f;
  --cf-nav-item-active-surface: #ffbe0b;
  --cf-nav-item-active-shadow: 0 6px 0 rgb(255 86 7 / 0.42);
  --cf-theme-header-shadow: 0 6px 0 rgb(131 56 236 / 0.2);
  --cf-theme-rail-shadow: inset -1px 0 0 rgb(131 56 236 / 0.18);
  --cf-theme-control-border: 2px solid #8338ec;
  --cf-theme-control-ink: #4b075f;
  --cf-theme-control-surface: #ffffff;
  --cf-theme-control-shadow: 0 7px 0 rgb(58 134 255 / 0.25);
  --cf-theme-control-hover-ink: #21012b;
  --cf-theme-control-hover-surface: #ff006e;
  --cf-theme-control-hover-shadow: 0 9px 0 rgb(131 56 236 / 0.38);
  --cf-theme-control-hover-transform: scale(1.04);
  --cf-theme-control-active-ink: #ffffff;
  --cf-theme-control-active-surface: #8338ec;
  --cf-theme-control-active-shadow: 0 3px 0 rgb(58 134 255 / 0.35);
  --cf-theme-control-active-transform: scale(0.96);
  --cf-theme-panel-border: 2px solid #8338ec;
  --cf-theme-panel-surface: #fff9fd;
  --cf-theme-panel-shadow: 0 12px 0 rgb(255 190 11 / 0.42), 0 24px 42px rgb(255 0 110 / 0.2);
  --cf-theme-block-border: 2px solid #8338ec;
  --cf-theme-block-shadow: 0 9px 0 rgb(58 134 255 / 0.2);
  --cf-theme-toolbar-surface: #ffe2f1;
  --cf-theme-button-shadow: 0 8px 0 rgb(131 56 236 / 0.34);
  --cf-theme-button-hover-surface: #8338ec;
  --cf-theme-button-hover-shadow: 0 10px 0 rgb(255 190 11 / 0.55);
  --cf-theme-button-hover-transform: scale(1.05);
  --cf-theme-button-active-shadow: 0 3px 0 rgb(58 134 255 / 0.36);
  --cf-theme-button-active-transform: scale(0.95);
  --cf-theme-input-border: 2px solid #8338ec;
  --cf-theme-input-surface: #ffffff;
  --cf-theme-input-focus-shadow: 0 0 0 4px rgb(255 0 110 / 0.22);
}

html[data-cf-theme='dopamine-design'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image:
    radial-gradient(circle at 8% 8%, rgb(255 190 11 / 0.18), transparent 24%),
    radial-gradient(circle at 92% 18%, rgb(58 134 255 / 0.14), transparent 26%),
    radial-gradient(circle at 70% 90%, rgb(6 214 160 / 0.14), transparent 24%);
}

html[data-cf-theme='dopamine-design'] .cf-btn-primary {
  background: linear-gradient(120deg, #ff006e, #8338ec 54%, #3a86ff);
}

html[data-cf-theme='dopamine-design'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  color: #ff006e;
  text-shadow: 3px 3px 0 #ffbe0b;
}

html[data-cf-theme='shoujo-manga'] {
  color-scheme: light;
  --cf-canvas: #fff5f7;
  --cf-ink: #51364d;
  --cf-ink-body: #62445d;
  --cf-ink-secondary: #795d74;
  --cf-ink-tertiary: #80637b;
  --cf-surface: #fffafd;
  --cf-surface-secondary: #ffe8ee;
  --cf-surface-soft: #fff0f4;
  --cf-surface-elevated: #fffafd;
  --cf-surface-code: #f7efff;
  --cf-code-ink: #51364d;
  --cf-border: #d898aa;
  --cf-border-strong: #bd6c88;
  --cf-hairline: rgb(189 108 136 / 0.24);
  --cf-accent-500: #c44772;
  --cf-accent-strong: #b23c67;
  --cf-accent-deep: #963052;
  --cf-accent-secondary: #8d72d8;
  --cf-info: #7761b5;
  --cf-info-deep: #634b9e;
  --cf-success: #3f826c;
  --cf-success-deep: #326956;
  --cf-warning: #94701e;
  --cf-warning-deep: #76570f;
  --cf-danger: #bb4165;
  --cf-danger-deep: #963052;
  --cf-yellow: #fde68a;
  --cf-overlay: rgb(81 54 77 / 0.42);
  --cf-on-accent: #ffffff;
  --cf-shadow-raised: 0 18px 44px rgb(160 91 122 / 0.18);
  --cf-shadow-raised-sm: 0 8px 24px rgb(160 91 122 / 0.14);
  --cf-shadow-inset: inset 0 0 0 1px rgb(255 255 255 / 0.78);
  --cf-block-shell-shadow: var(--cf-shadow-raised-sm);
  --cf-font-display: 'Songti SC', 'STSong', 'Yu Mincho', Georgia, serif;
  --cf-font-sans: 'Avenir Next', 'PingFang SC', 'Yu Gothic', system-ui, sans-serif;
  --cf-radius-sm: 12px;
  --cf-radius-md: 18px;
  --cf-radius-lg: 26px;
  --cf-radius-full: 999px;
  --cf-duration-fast: 220ms;
  --cf-duration-normal: 320ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: cubic-bezier(0.2, 0.9, 0.3, 1.1);
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 3px rgb(141 114 216 / 0.32);
  --cf-nav-item-hover-ink: #963052;
  --cf-nav-item-hover-surface: #ffe8ee;
  --cf-nav-item-hover-shadow: 0 7px 18px rgb(160 91 122 / 0.12);
  --cf-nav-item-active-ink: #963052;
  --cf-nav-item-active-surface: #ffe0e9;
  --cf-nav-item-active-shadow: inset 0 0 0 1px rgb(189 108 136 / 0.36);
  --cf-theme-header-shadow: 0 5px 20px rgb(160 91 122 / 0.12);
  --cf-theme-rail-shadow: inset -1px 0 0 rgb(189 108 136 / 0.2);
  --cf-theme-control-border: 1px solid #d898aa;
  --cf-theme-control-ink: #795d74;
  --cf-theme-control-surface: #fffafd;
  --cf-theme-control-shadow: 0 7px 18px rgb(160 91 122 / 0.12);
  --cf-theme-control-hover-ink: #963052;
  --cf-theme-control-hover-surface: #ffe8ee;
  --cf-theme-control-hover-shadow: 0 10px 24px rgb(160 91 122 / 0.18);
  --cf-theme-control-hover-transform: translateY(-1px);
  --cf-theme-control-active-ink: #963052;
  --cf-theme-control-active-surface: #ffd9e4;
  --cf-theme-control-active-shadow: inset 0 2px 7px rgb(160 91 122 / 0.16);
  --cf-theme-control-active-transform: translateY(1px);
  --cf-theme-panel-border: 1px solid #d898aa;
  --cf-theme-panel-surface: #fffafd;
  --cf-theme-panel-shadow: 0 20px 52px rgb(160 91 122 / 0.2);
  --cf-theme-block-border: 1px solid #e2b5c2;
  --cf-theme-block-shadow: 0 10px 26px rgb(160 91 122 / 0.12);
  --cf-theme-toolbar-surface: #fff0f4;
  --cf-theme-button-border: 1px solid #bd6c88;
  --cf-theme-button-shadow: 0 8px 20px rgb(160 91 122 / 0.16);
  --cf-theme-button-hover-surface: #b23c67;
  --cf-theme-button-hover-shadow: 0 12px 28px rgb(160 91 122 / 0.24);
  --cf-theme-button-hover-transform: translateY(-1px);
  --cf-theme-button-active-shadow: inset 0 3px 8px rgb(81 54 77 / 0.16);
  --cf-theme-button-active-transform: translateY(1px);
  --cf-theme-input-border: 1px solid #d898aa;
  --cf-theme-input-surface: #fffafd;
  --cf-theme-input-focus-shadow: 0 0 0 4px rgb(196 181 253 / 0.36);
}

html[data-cf-theme='shoujo-manga'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image: radial-gradient(circle, rgb(201 76 119 / 0.07) 1px, transparent 1.5px);
  background-size: 10px 10px;
}

html[data-cf-theme='shoujo-manga'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  color: #963052;
  font-style: italic;
  text-shadow: 1px 1px 0 #fde68a;
}

html[data-cf-theme='shoujo-manga'] .cf-content blockquote {
  background-image: linear-gradient(135deg, rgb(255 183 197 / 0.22), rgb(196 181 253 / 0.2));
}

html[data-cf-theme='outrun'] {
  color-scheme: dark;
  --cf-canvas: #0a0615;
  --cf-ink: #ffffff;
  --cf-ink-body: #f2e9ff;
  --cf-ink-secondary: #ccbde1;
  --cf-ink-tertiary: #a895bf;
  --cf-surface: #120923;
  --cf-surface-secondary: #21103b;
  --cf-surface-soft: #1a0c31;
  --cf-surface-elevated: #1d0c35;
  --cf-surface-code: #0d142a;
  --cf-code-ink: #f8edff;
  --cf-border: #ff006e;
  --cf-border-strong: #00d4ff;
  --cf-hairline: rgb(0 212 255 / 0.34);
  --cf-accent-500: #ff006e;
  --cf-accent-strong: #ff2381;
  --cf-accent-deep: #ff70b0;
  --cf-accent-secondary: #00d4ff;
  --cf-info: #00d4ff;
  --cf-info-deep: #6be9ff;
  --cf-success: #36d9a2;
  --cf-success-deep: #76ebc4;
  --cf-warning: #ff9b4c;
  --cf-warning-deep: #ffc08a;
  --cf-danger: #ff3c78;
  --cf-danger-deep: #ff82a9;
  --cf-yellow: #ffb13b;
  --cf-overlay: rgb(5 2 14 / 0.84);
  --cf-on-accent: #0a0615;
  --cf-shadow-raised: 0 0 12px rgb(255 0 110 / 0.56), 0 0 28px rgb(0 212 255 / 0.3);
  --cf-shadow-raised-sm: 0 0 8px rgb(255 0 110 / 0.5), 0 0 18px rgb(0 212 255 / 0.24);
  --cf-shadow-inset: inset 0 0 14px rgb(255 0 110 / 0.18);
  --cf-block-shell-shadow: var(--cf-shadow-raised-sm);
  --cf-font-display: 'Arial Black', 'Eurostile', 'Avenir Next', 'PingFang SC', sans-serif;
  --cf-font-sans: 'Avenir Next', 'PingFang SC', system-ui, sans-serif;
  --cf-radius-sm: 2px;
  --cf-radius-md: 4px;
  --cf-radius-lg: 6px;
  --cf-radius-full: 4px;
  --cf-duration-fast: 180ms;
  --cf-duration-normal: 240ms;
  --cf-easing-default: ease-out;
  --cf-easing-spring: ease-out;
  --cf-glass-blur: 0px;
  --cf-focus-ring: 0 0 0 2px #00d4ff, 0 0 20px rgb(255 0 110 / 0.68);
  --cf-nav-item-hover-ink: #6be9ff;
  --cf-nav-item-hover-surface: rgb(0 212 255 / 0.1);
  --cf-nav-item-hover-shadow: 0 0 10px #00d4ff, 0 0 22px rgb(255 0 110 / 0.42);
  --cf-nav-item-active-ink: #ffffff;
  --cf-nav-item-active-surface: rgb(255 0 110 / 0.2);
  --cf-nav-item-active-shadow: inset 0 0 0 1px #ff006e, 0 0 12px #ff006e, 0 0 26px rgb(0 212 255 / 0.3);
  --cf-theme-header-shadow: 0 0 14px #ff006e, 0 0 28px rgb(0 212 255 / 0.24);
  --cf-theme-rail-shadow: inset -1px 0 0 #00d4ff;
  --cf-theme-control-border: 1px solid #00d4ff;
  --cf-theme-control-ink: #ffffff;
  --cf-theme-control-surface: #120923;
  --cf-theme-control-shadow: 0 0 8px rgb(0 212 255 / 0.44), 0 0 14px rgb(255 0 110 / 0.3);
  --cf-theme-control-hover-ink: #ffffff;
  --cf-theme-control-hover-surface: #29103e;
  --cf-theme-control-hover-shadow: 0 0 14px #ff006e, 0 0 28px rgb(0 212 255 / 0.62);
  --cf-theme-control-hover-transform: translateY(-1px);
  --cf-theme-control-active-ink: #ffffff;
  --cf-theme-control-active-surface: rgb(255 0 110 / 0.22);
  --cf-theme-control-active-shadow: inset 0 0 12px rgb(255 0 110 / 0.54);
  --cf-theme-control-active-transform: translateY(1px);
  --cf-theme-panel-border: 1px solid #ff006e;
  --cf-theme-panel-surface: #120923;
  --cf-theme-panel-shadow: 0 0 18px #ff006e, 0 0 38px rgb(0 212 255 / 0.34);
  --cf-theme-block-border: 1px solid #00d4ff;
  --cf-theme-block-shadow: 0 0 10px rgb(255 0 110 / 0.46), 0 0 20px rgb(0 212 255 / 0.25);
  --cf-theme-toolbar-surface: #1a0c31;
  --cf-theme-button-shadow: 0 0 10px #ff006e, 0 0 22px rgb(0 212 255 / 0.42);
  --cf-theme-button-hover-ink: #ffffff;
  --cf-theme-button-hover-surface: #a020f0;
  --cf-theme-button-hover-shadow: 0 0 18px #ff006e, 0 0 34px #00d4ff;
  --cf-theme-button-hover-transform: translateY(-1px);
  --cf-theme-button-active-shadow: inset 0 0 14px rgb(255 0 110 / 0.62);
  --cf-theme-button-active-transform: translateY(1px);
  --cf-theme-input-border: 1px solid #00d4ff;
  --cf-theme-input-surface: #0d142a;
  --cf-theme-input-focus-shadow: 0 0 12px #00d4ff, 0 0 24px rgb(255 0 110 / 0.52);
}

html[data-cf-theme='outrun'] :where(body, .cf-main, .cf-content) {
  background-color: var(--cf-surface);
  background-image:
    linear-gradient(180deg, rgb(255 107 53 / 0.1), rgb(255 0 110 / 0.08) 38%, transparent 64%),
    linear-gradient(rgb(0 212 255 / 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 0 110 / 0.055) 1px, transparent 1px);
  background-size:
    auto,
    32px 32px,
    32px 32px;
}

html[data-cf-theme='outrun'] :where(.cf-content h1, .cf-content h2, .cf-hero-title) {
  color: #ff70b0;
  letter-spacing: 0.035em;
  text-shadow:
    2px 0 0 #00d4ff,
    -2px 0 0 #ff006e,
    0 0 16px rgb(255 0 110 / 0.68);
}

:root {
  --cf-sidebar-width: 17.5rem;
  --cf-outline-width: 18.75rem;
}