@layer components{.button[data-v-5bfadbe8]{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);border:2px solid #0000;font-weight:600;display:inline-flex}.button--primary[data-v-5bfadbe8]{background-color:var(--color-primary);color:var(--color-primary-text)}.button--secondary[data-v-5bfadbe8]{border-color:var(--color-border);color:var(--color-text);background-color:#0000}@media (hover:hover) and (pointer:fine){.button--primary[data-v-5bfadbe8]:hover{background-color:var(--color-primary-hover)}.button--secondary[data-v-5bfadbe8]:hover{background-color:var(--color-bg-subtle)}}@media (pointer:coarse){.button[data-v-5bfadbe8]{min-block-size:48px;padding-block:var(--space-3)}}@media (prefers-contrast:more){.button[data-v-5bfadbe8]{border-color:currentColor}}@media (forced-colors:active){.button[data-v-5bfadbe8]{border-color:buttontext}}.dialog[data-v-18bd9bca]{max-inline-size:min(60ch, 100% - var(--space-8));padding:var(--space-6);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);border:none;margin:auto}.dialog[open][data-v-18bd9bca]{animation:dialog-in-18bd9bca var(--duration-normal) var(--easing-enter)}.dialog[data-v-18bd9bca]::backdrop{background-color:#00000080}@media (forced-colors:active){.dialog[data-v-18bd9bca]{border:2px solid canvastext}}.dialog-header[data-v-18bd9bca]{justify-content:space-between;align-items:start;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.dialog-title[data-v-18bd9bca]{font-size:var(--text-xl);line-height:var(--leading-tight)}.dialog-close[data-v-18bd9bca]{border-radius:var(--radius-md);block-size:44px;inline-size:44px;color:var(--color-text);font-size:var(--text-xl);cursor:pointer;background-color:#0000;border:2px solid #0000;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.dialog-close[data-v-18bd9bca]:hover{background-color:var(--color-bg-subtle)}}@media (forced-colors:active){.dialog-close[data-v-18bd9bca]{border-color:buttontext}}@keyframes dialog-in-18bd9bca{0%{opacity:0;translate:0 var(--space-4)}}.field[data-v-0ec55829]{gap:var(--space-1);max-inline-size:40ch;display:grid}.field-label[data-v-0ec55829]{font-weight:600}.field-required[data-v-0ec55829]{color:var(--color-error);margin-inline-start:var(--space-1)}.field-hint[data-v-0ec55829]{font-size:var(--text-sm);color:var(--color-text-subtle)}.field-input[data-v-0ec55829]{min-block-size:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text)}.field-input[data-v-0ec55829]:user-valid:not(:where(:placeholder-shown)){border-color:var(--color-success)}.field-input[data-v-0ec55829]:user-invalid{border-color:var(--color-error);border-width:2px}.field-input[aria-invalid=true][data-v-0ec55829]{border-color:var(--color-error);border-width:2px}.field-error[data-v-0ec55829]{font-size:var(--text-sm);color:var(--color-error);font-weight:600}.field-error[data-v-0ec55829]:before{content:"⚠ "}.theme-toggle[data-v-66f27002]{gap:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;display:flex}.theme-legend[data-v-66f27002]{float:inline-start;font-size:var(--text-sm);padding-inline-end:var(--space-2);font-weight:600}.theme-option[data-v-66f27002]{align-items:center;gap:var(--space-1);font-size:var(--text-sm);text-transform:capitalize;display:inline-flex}.pillar-header[data-v-84e328e6]{gap:var(--space-4);justify-items:start;max-inline-size:60ch;display:grid}.pillar-header-top[data-v-84e328e6]{align-items:center;gap:var(--space-4);display:flex}.pillar-header-eyebrow+.pillar-header-top[data-v-84e328e6]{margin-block-start:calc(var(--space-4) * -1 + var(--space-2))}.pillar-header-icon[data-v-84e328e6]{block-size:3.5rem;inline-size:3.5rem;color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (prefers-contrast:more){.pillar-header-icon[data-v-84e328e6]{border-color:currentColor}}.pillar-header-icon[data-v-84e328e6] svg{block-size:2rem;inline-size:2rem}.pillar-header-watermark[data-v-84e328e6]{z-index:-1;block-size:16rem;inline-size:16rem;color:var(--color-primary);opacity:.09;pointer-events:none;position:absolute;inset-block-start:-2rem;inset-inline-end:0;transform:translate(52%)rotate(-12deg)}@media (width>=48em){.pillar-header-watermark[data-v-84e328e6]{block-size:36rem;inline-size:36rem;transform:translate(46%)rotate(-12deg)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pillar-header-watermark[data-v-84e328e6]{animation:linear both pillar-watermark-parallax-84e328e6;animation-timeline:view();animation-range:cover}}}@media (forced-colors:active){.pillar-header-watermark[data-v-84e328e6]{display:none}}.pillar-header-watermark[data-v-84e328e6] svg{stroke-width:1px;block-size:100%;inline-size:100%}@keyframes pillar-watermark-parallax-84e328e6{0%{translate:0 -30%}to{translate:0 30%}}.pillar-header-eyebrow[data-v-84e328e6]{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-primary)}.pillar-header-title[data-v-84e328e6]{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.pillar-header-lead[data-v-84e328e6]{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-subtle)}.code-block[data-v-50e27a3b]{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);margin:0;overflow:clip}@media (prefers-contrast:more){.code-block[data-v-50e27a3b]{border-color:currentColor}}.code-block-bar[data-v-50e27a3b]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-block-end:1px solid var(--color-border);display:flex}@media (prefers-contrast:more){.code-block-bar[data-v-50e27a3b]{border-color:currentColor}}.code-block-lang[data-v-50e27a3b]{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle)}.code-block-copy[data-v-50e27a3b]{min-block-size:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}@media (hover:hover) and (pointer:fine){.code-block-copy[data-v-50e27a3b]:hover{background-color:var(--color-bg-subtle)}}.code-block-copy[data-v-50e27a3b]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.code-block-copy[data-v-50e27a3b]{border-color:currentColor}}.code-block-pre[data-v-50e27a3b]{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);tab-size:2;margin:0;overflow-x:auto}.code-block-pre[data-v-50e27a3b]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.code-block-pre[data-v-50e27a3b] .code-comment{color:var(--color-text-subtle);font-style:italic}.showcase[data-v-075a592f]{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--easing-standard);display:grid}@media (hover:hover) and (pointer:fine){.showcase[data-v-075a592f]:hover{box-shadow:var(--shadow-lg)}}.showcase[data-v-075a592f]:focus-within{box-shadow:var(--shadow-lg)}@media (prefers-contrast:more){.showcase[data-v-075a592f]{border-color:currentColor}}.showcase-header[data-v-075a592f]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.showcase-title[data-v-075a592f]{font-size:var(--text-xl)}.badge[data-v-075a592f]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);border:1px solid #0000;font-weight:600}.badge--stable[data-v-075a592f]{background-color:var(--color-bg-subtle);color:var(--color-text)}.badge--emerging[data-v-075a592f]{border-color:var(--color-warning);color:var(--color-text);background-color:#0000}@media (prefers-contrast:more){.badge[data-v-075a592f]{border-color:currentColor}}@media (forced-colors:active){.badge[data-v-075a592f]{border-color:buttontext}}.showcase-summary[data-v-075a592f]{color:var(--color-text-subtle)}.showcase-unsupported[data-v-075a592f]{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-info);background-color:var(--color-bg-subtle);font-size:var(--text-sm)}.showcase-demo[data-v-075a592f]{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.showcase-code-summary[data-v-075a592f]{align-items:center;gap:var(--space-2);inline-size:fit-content;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);color:var(--color-text);cursor:pointer;font-weight:600;list-style:none;display:inline-flex}.showcase-code-summary[data-v-075a592f]::-webkit-details-marker{display:none}@media (hover:hover) and (pointer:fine){.showcase-code-summary[data-v-075a592f]:hover{border-color:var(--color-text-subtle);background-color:var(--color-surface)}}.showcase-code-summary[data-v-075a592f]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.showcase-code-summary[data-v-075a592f]{border-color:currentColor}}.showcase-code-glyph[data-v-075a592f]{block-size:1.15em;inline-size:1.15em;color:var(--color-primary)}.showcase-code-chevron[data-v-075a592f]{block-size:1em;inline-size:1em;color:var(--color-text-subtle);transition:rotate var(--duration-fast) var(--easing-standard)}.showcase-code[open] .showcase-code-chevron[data-v-075a592f]{rotate:180deg}.showcase-code-label-hide[data-v-075a592f],.showcase-code[open] .showcase-code-label-show[data-v-075a592f]{display:none}.showcase-code[open] .showcase-code-label-hide[data-v-075a592f]{display:inline}.showcase-code-body[data-v-075a592f]{gap:var(--space-3);margin-block-start:var(--space-3);display:grid}.showcase-links[data-v-075a592f]{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.container-query[data-v-1334d7ff]{gap:var(--space-4);display:grid}.container-query-control[data-v-1334d7ff]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.container-query-control input[data-v-1334d7ff]{flex:1;min-inline-size:8rem}.container-query-stage[data-v-1334d7ff]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.card-cell[data-v-1334d7ff]{container-type:inline-size}.card[data-v-1334d7ff]{gap:var(--space-3);block-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:grid}@container (width>=16em){.card[data-v-1334d7ff]{grid-template-columns:var(--space-12) 1fr}}.card-swatch[data-v-1334d7ff]{min-block-size:var(--space-8);background-color:var(--color-primary);border-radius:var(--radius-sm)}@container (width>=16em){.card-swatch[data-v-1334d7ff]{min-block-size:100%}}.card-body[data-v-1334d7ff]{gap:var(--space-1);align-content:start;display:grid}.card-title[data-v-1334d7ff]{font-size:var(--text-base)}.card-text[data-v-1334d7ff]{font-size:var(--text-sm);color:var(--color-text-subtle)}.anchor-trigger[data-v-d633430e]{anchor-name:--showcase-anchor}.anchor-panel[data-v-d633430e]{max-inline-size:36ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-sm)}@supports (anchor-name:--a){.anchor-panel[data-v-d633430e]{position-anchor:--showcase-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:var(--space-2) 0 0;position:fixed;inset:auto}}@media (prefers-contrast:more){.anchor-panel[data-v-d633430e]{border-color:currentColor}}.selector[data-v-94fa1c6e]{gap:var(--space-4);display:grid}.selector-caption[data-v-94fa1c6e]{font-size:var(--text-sm);color:var(--color-text-subtle)}.selector-list[data-v-94fa1c6e]{gap:var(--space-2);max-inline-size:30rem;margin:0;padding:0;list-style:none;display:grid}.selector-row[data-v-94fa1c6e]{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard)}.selector-row[data-v-94fa1c6e]:focus-within{background-color:var(--color-bg-subtle)}.selector-row[data-v-94fa1c6e]:has(:checked){border-color:var(--color-primary);background-color:var(--color-bg-subtle)}@media (prefers-contrast:more){.selector-row[data-v-94fa1c6e]{border-color:currentColor}}.selector-label[data-v-94fa1c6e]{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;display:flex}.selector-count[data-v-94fa1c6e]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.subgrid-grid[data-v-ebc60e87]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.subgrid-card[data-v-ebc60e87]{grid-row:span 3;grid-template-rows:subgrid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:grid}@media (prefers-contrast:more){.subgrid-card[data-v-ebc60e87]{border-color:currentColor}}.subgrid-title[data-v-ebc60e87]{font-size:var(--text-base)}.subgrid-text[data-v-ebc60e87]{font-size:var(--text-sm);color:var(--color-text-subtle)}.subgrid-meta[data-v-ebc60e87]{font-size:var(--text-sm);align-self:end;font-weight:600}.contrast-color-demo[data-v-b64fe481]{gap:var(--space-3);justify-items:start;display:grid}.contrast-color-control[data-v-b64fe481]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.contrast-color-control input[data-v-b64fe481]{inline-size:var(--space-12);block-size:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0}.contrast-color-swatch[data-v-b64fe481]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--swatch-bg);color:var(--color-primary-text);text-shadow:0 1px 2px #0009;font-weight:600}@supports (color:contrast-color(red)){.contrast-color-swatch[data-v-b64fe481]{color:contrast-color(var(--swatch-bg));text-shadow:none}}.scroll-demo[data-v-dad2ee9b]{border:1px solid var(--color-border);border-radius:var(--radius-md);max-block-size:10rem;position:relative;overflow-y:auto}@media (prefers-contrast:more){.scroll-demo[data-v-dad2ee9b]{border-color:currentColor}}.scroll-progress[data-v-dad2ee9b]{block-size:var(--space-1);background-color:var(--color-primary);transform-origin:0;display:none;position:sticky;inset-block-start:0}@supports (animation-timeline:scroll()){.scroll-progress[data-v-dad2ee9b]{animation:linear both grow-progress-dad2ee9b;animation-timeline:scroll();display:block}}.scroll-content[data-v-dad2ee9b]{gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-subtle);display:grid}@keyframes grow-progress-dad2ee9b{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.text-wrap-demo[data-v-de65b577]{justify-content:start;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),18rem));display:grid}.text-wrap-col[data-v-de65b577]{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);margin:0;display:grid}@media (prefers-contrast:more){.text-wrap-col[data-v-de65b577]{border-color:currentColor}}.text-wrap-label[data-v-de65b577]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.text-wrap-heading[data-v-de65b577]{font-size:var(--text-lg);line-height:var(--leading-tight)}.text-wrap-heading--balance[data-v-de65b577]{text-wrap:balance}.text-wrap-body[data-v-de65b577]{font-size:var(--text-sm);color:var(--color-text-subtle)}.text-wrap-body--pretty[data-v-de65b577]{text-wrap:pretty}.theme-demo[data-v-17ce446f]{gap:var(--space-4);display:grid}.theme-demo-caption[data-v-17ce446f]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-grid[data-v-17ce446f]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.surface[data-v-17ce446f]{gap:var(--space-2);align-content:start;display:grid}.surface-title[data-v-17ce446f]{font-size:var(--text-lg);font-weight:600}.surface-text[data-v-17ce446f]{font-size:var(--text-sm);color:var(--color-text-subtle)}.surface-actions[data-v-17ce446f]{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.theme-picker-demo[data-v-4c77dcf8]{gap:var(--space-4);display:grid}.theme-picker-caption[data-v-4c77dcf8]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-picker-grid[data-v-4c77dcf8]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:start;display:grid}.theme-picker-controls[data-v-4c77dcf8]{gap:var(--space-4);align-content:start;display:grid}.theme-picker-field[data-v-4c77dcf8]{gap:var(--space-2);display:grid}.theme-picker-label[data-v-4c77dcf8]{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;display:flex}.theme-picker-out[data-v-4c77dcf8]{font-family:var(--font-mono);color:var(--color-text-subtle);font-weight:400}.theme-picker-range[data-v-4c77dcf8]{inline-size:100%;accent-color:var(--color-primary)}.theme-picker-hue[data-v-4c77dcf8]{border-radius:var(--radius-full);appearance:none;background:linear-gradient(90deg,oklch(65% .15 0),oklch(65% .15 60),oklch(65% .15 120),oklch(65% .15 180),oklch(65% .15 240),oklch(65% .15 300),oklch(65% .15 0));block-size:.5rem}@media (forced-colors:active){.theme-picker-hue[data-v-4c77dcf8]{background:buttontext}}.theme-picker-check[data-v-4c77dcf8]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.theme-picker-presets[data-v-4c77dcf8]{gap:var(--space-2);display:grid}.theme-picker-presets-label[data-v-4c77dcf8]{font-size:var(--text-sm);font-weight:600}.theme-picker-chips[data-v-4c77dcf8]{gap:var(--space-2);flex-wrap:wrap;display:flex}.theme-picker-chip[data-v-4c77dcf8]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer}@media (hover:hover) and (pointer:fine){.theme-picker-chip[data-v-4c77dcf8]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.theme-picker-chip[data-v-4c77dcf8]{border-color:currentColor}}.theme-picker-preview[data-v-4c77dcf8]{--raw-l:calc(var(--pick-l) / 100);--is-dark:clamp(0, (.62 - var(--raw-l)) * 100000, 1);--safe-l:calc(var(--is-dark) * min(var(--raw-l), .45) + (1 - var(--is-dark)) * max(var(--raw-l), .78));--final-l:calc(var(--bypass) * var(--raw-l) + (1 - var(--bypass)) * var(--safe-l));--seed-accent:oklch(var(--final-l) .15 var(--pick-h));gap:var(--space-2);align-content:start;display:grid}.theme-picker-actions[data-v-4c77dcf8]{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.theme-picker-report[data-v-4c77dcf8]{gap:var(--space-2) var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);flex-wrap:wrap;margin:0;display:flex}.theme-picker-report.is-fail[data-v-4c77dcf8]{border-color:var(--color-error)}.theme-picker-stat[data-v-4c77dcf8]{gap:2px;display:grid}.theme-picker-stat dt[data-v-4c77dcf8]{font-size:var(--text-sm);color:var(--color-text-subtle)}.theme-picker-stat dd[data-v-4c77dcf8]{font-family:var(--font-mono);margin:0;font-weight:600}.theme-picker-note[data-v-4c77dcf8]{font-size:var(--text-sm);color:var(--color-text-subtle)}.slide-demo[data-v-9b38de96]{gap:var(--space-4);display:grid}.slide-caption[data-v-9b38de96]{font-size:var(--text-sm);color:var(--color-text-subtle)}.segmented[data-v-9b38de96]{border:0;margin:0;padding:0}.segmented-track[data-v-9b38de96]{grid-template-columns:repeat(var(--n), 1fr);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);justify-self:start;display:grid;position:relative}@media (prefers-contrast:more){.segmented-track[data-v-9b38de96]{border-color:currentColor}}.segmented-indicator[data-v-9b38de96]{z-index:0;inset-block:var(--space-1);inline-size:calc((100% - var(--space-2)) / var(--n));border-radius:var(--radius-full);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--duration-normal) var(--easing-standard);position:absolute;inset-inline-start:var(--space-1)}@media (forced-colors:active){.segmented-indicator[data-v-9b38de96]{border:1px solid buttontext}}.segmented-track[data-v-9b38de96]:has(.segmented-opt:first-of-type input:checked){--i:0}.segmented-track[data-v-9b38de96]:has(.segmented-opt:nth-of-type(2) input:checked){--i:1}.segmented-track[data-v-9b38de96]:has(.segmented-opt:nth-of-type(3) input:checked){--i:2}.segmented-track[data-v-9b38de96]:has(.segmented-opt:nth-of-type(4) input:checked){--i:3}.segmented-opt[data-v-9b38de96]{z-index:1;min-block-size:40px;padding-inline:var(--space-4);border-radius:var(--radius-full);cursor:pointer;place-items:center;display:grid;position:relative}.segmented-opt[data-v-9b38de96]:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.segmented-label[data-v-9b38de96]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:500}.segmented-opt:has(input:checked) .segmented-label[data-v-9b38de96]{color:var(--color-text);font-weight:600}.cues-demo[data-v-8b2f3bfc]{--cues:off;gap:var(--space-4);display:grid}.cues-demo[data-v-8b2f3bfc]:has(.cues-toggle input:checked){--cues:on}.cues-caption[data-v-8b2f3bfc]{font-size:var(--text-sm);color:var(--color-text-subtle)}.cues-toggle[data-v-8b2f3bfc]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;font-weight:600;display:inline-flex}.service-list[data-v-8b2f3bfc]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.service[data-v-8b2f3bfc]{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);display:flex}@media (prefers-contrast:more){.service[data-v-8b2f3bfc]{border-color:currentColor}}.service-status[data-v-8b2f3bfc]{border-radius:var(--radius-full);background-color:var(--state-color);block-size:1.25rem;inline-size:1.25rem;font-size:var(--text-sm);place-items:center;font-weight:700;line-height:1;display:grid}.service-status--ok[data-v-8b2f3bfc]{--state-color:var(--color-success)}.service-status--degraded[data-v-8b2f3bfc]{--state-color:var(--color-warning)}.service-status--down[data-v-8b2f3bfc]{--state-color:var(--color-error)}@container style(--cues:on){.service-status[data-v-8b2f3bfc]{color:var(--state-color);background-color:#0000}.service-status--ok[data-v-8b2f3bfc]:before{content:"✓"}.service-status--degraded[data-v-8b2f3bfc]:before{content:"▲"}.service-status--down[data-v-8b2f3bfc]:before{content:"✕"}}.shape-demo[data-v-a558a8f6]{justify-items:start;display:grid}.shape-card[data-v-a558a8f6]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);max-inline-size:26rem;overflow:hidden}@media (prefers-contrast:more){.shape-card[data-v-a558a8f6]{border-color:currentColor}}.shape-banner[data-v-a558a8f6]{background:var(--gradient-accent);color:#fff;place-items:center;min-block-size:7rem;display:grid}@supports (clip-path:shape(from 0 0, line to 100% 0)){.shape-banner[data-v-a558a8f6]{clip-path:shape(from 0 0, line to 100% 0, line to 100% 72%, curve to 0% 72% with 50% 100%, close)}}@media (forced-colors:active){.shape-banner[data-v-a558a8f6]{color:highlighttext;background:highlight}}.shape-banner-glyph[data-v-a558a8f6]{font-size:var(--text-4xl);margin-block-end:var(--space-6)}.shape-body[data-v-a558a8f6]{gap:var(--space-1);padding:var(--space-4);display:grid}.shape-title[data-v-a558a8f6]{font-size:var(--text-lg);font-weight:600}.shape-text[data-v-a558a8f6]{font-size:var(--text-sm);color:var(--color-text-subtle)}.starting-style-demo[data-v-390c6427]{gap:var(--space-3);justify-items:start;display:grid}.starting-style-caption[data-v-390c6427]{font-size:var(--text-sm);color:var(--color-text-subtle)}.starting-style-card[data-v-390c6427]{max-inline-size:40ch;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-standard), display var(--duration-normal) allow-discrete;display:none;transform:translateY(.5rem)}.starting-style-card.is-open[data-v-390c6427]{gap:var(--space-1);opacity:1;display:grid;transform:translateY(0)}@starting-style{.starting-style-card.is-open[data-v-390c6427]{opacity:0;transform:translateY(.5rem)}}@media (prefers-contrast:more){.starting-style-card[data-v-390c6427]{border-color:currentColor}}.starting-style-card-title[data-v-390c6427]{font-weight:600}.starting-style-card-text[data-v-390c6427]{font-size:var(--text-sm);color:var(--color-text-subtle)}.attr-demo[data-v-bd69599e]{gap:var(--space-4);display:grid}.attr-caption[data-v-bd69599e]{font-size:var(--text-sm);color:var(--color-text-subtle)}.attr-bars[data-v-bd69599e]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.attr-row[data-v-bd69599e]{align-items:center;gap:var(--space-3);grid-template-columns:minmax(6rem,10rem) 1fr 3rem;display:grid}.attr-label[data-v-bd69599e]{font-size:var(--text-sm)}.attr-track[data-v-bd69599e]{border-radius:var(--radius-full);background-color:var(--color-bg-subtle);block-size:.75rem;overflow:hidden}@media (prefers-contrast:more){.attr-track[data-v-bd69599e]{border:1px solid}}.attr-fill[data-v-bd69599e]{border-radius:inherit;background:var(--gradient-accent);block-size:100%;inline-size:calc(var(--v,0) * 1%);display:block}@supports (width:calc(attr(data-value type(<number>), 0) * 1%)){.attr-fill[data-v-bd69599e]{inline-size:calc(attr(data-value type(<number>), 0) * 1%)}}@media (forced-colors:active){.attr-fill[data-v-bd69599e]{background:highlight}}.attr-value[data-v-bd69599e]{font-family:var(--font-mono);font-size:var(--text-sm);text-align:end;color:var(--color-text-subtle)}.snap-demo[data-v-a14c0104]{gap:var(--space-4);display:grid}.snap-caption[data-v-a14c0104]{font-size:var(--text-sm);color:var(--color-text-subtle)}.snap-track[data-v-a14c0104]{padding:var(--space-2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:var(--radius-md);overflow-x:auto}.snap-track[data-v-a14c0104]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast:more){.snap-track[data-v-a14c0104]{outline:1px solid}}.snap-list[data-v-a14c0104]{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.snap-card[data-v-a14c0104]{gap:var(--space-2);block-size:9rem;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--gradient-accent);color:#fff;scroll-snap-align:center;flex:0 0 min(70%,16rem);align-content:center;display:grid}@media (prefers-contrast:more){.snap-card[data-v-a14c0104]{border-color:currentColor}}@media (forced-colors:active){.snap-card[data-v-a14c0104]{color:highlighttext;background:highlight;border-color:canvastext}}.snap-card-n[data-v-a14c0104]{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.85}.snap-card-label[data-v-a14c0104]{font-size:var(--text-lg);font-weight:700}.field-sizing-demo[data-v-a6e6d4d0]{gap:var(--space-3);display:grid}.field-sizing-caption[data-v-a6e6d4d0]{font-size:var(--text-sm);color:var(--color-text-subtle)}.field-sizing-field[data-v-a6e6d4d0]{gap:var(--space-2);display:grid}.field-sizing-label[data-v-a6e6d4d0]{font-size:var(--text-sm);font-weight:600}.field-sizing-input[data-v-a6e6d4d0]{inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;resize:vertical}@supports (field-sizing:content){.field-sizing-input[data-v-a6e6d4d0]{field-sizing:content;resize:none;min-block-size:2lh;max-block-size:8lh}}@media (prefers-contrast:more){.field-sizing-input[data-v-a6e6d4d0]{border-color:currentColor}}.field-sizing-hint[data-v-a6e6d4d0]{font-size:var(--text-sm);color:var(--color-text-subtle)}.custom-select-demo[data-v-1e0f2f82]{gap:var(--space-3);display:grid}.custom-select-caption[data-v-1e0f2f82]{font-size:var(--text-sm);color:var(--color-text-subtle)}.custom-select-field[data-v-1e0f2f82]{gap:var(--space-2);max-inline-size:22rem;display:grid}.custom-select-label[data-v-1e0f2f82]{font-size:var(--text-sm);font-weight:600}.custom-select[data-v-1e0f2f82]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit}@media (prefers-contrast:more){.custom-select[data-v-1e0f2f82]{border-color:currentColor}}@supports (appearance:base-select){.custom-select[data-v-1e0f2f82]{appearance:base-select}.custom-select[data-v-1e0f2f82]::picker(select){appearance:base-select}.custom-select[data-v-1e0f2f82]{cursor:pointer;background:0 0;border:none;inline-size:100%;padding:0;display:block}.custom-select-trigger[data-v-1e0f2f82]{align-items:center;gap:var(--space-3);box-sizing:border-box;min-block-size:44px;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;display:flex}@media (hover:hover) and (pointer:fine){.custom-select-trigger[data-v-1e0f2f82]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.custom-select-trigger[data-v-1e0f2f82]{border-color:currentColor}}.custom-select-value[data-v-1e0f2f82]{flex:1}.custom-select-value .custom-select-desc[data-v-1e0f2f82]{display:none}.custom-select[data-v-1e0f2f82]::picker-icon{display:none}.custom-select-arrow[data-v-1e0f2f82]{block-size:.6em;inline-size:.6em;transition:rotate var(--duration-fast) var(--easing-standard);border-block-end:2px solid;border-inline-end:2px solid;rotate:45deg}.custom-select:open .custom-select-arrow[data-v-1e0f2f82]{rotate:225deg}.custom-select[data-v-1e0f2f82]::picker(select){min-block-size:12rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg);margin-block-start:var(--space-1)}@media (prefers-contrast:more){.custom-select[data-v-1e0f2f82]::picker(select){border-color:currentColor}}.custom-select option[data-v-1e0f2f82]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex}@media (hover:hover) and (pointer:fine){.custom-select option[data-v-1e0f2f82]:hover{background-color:var(--color-bg-subtle)}}.custom-select option[data-v-1e0f2f82]:checked{background-color:color-mix(in oklch, var(--color-primary) 14%, transparent)}@media (forced-colors:active){.custom-select option[data-v-1e0f2f82]:checked{color:highlighttext;background-color:highlight}}.custom-select option[data-v-1e0f2f82]::checkmark{color:var(--color-primary);order:1;margin-inline-start:auto}@media (forced-colors:active){.custom-select option[data-v-1e0f2f82]::checkmark{color:currentColor}}.custom-select[data-v-1e0f2f82]::picker(select){opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}.custom-select[data-v-1e0f2f82]:open::picker(select){opacity:1}@starting-style{.custom-select[data-v-1e0f2f82]:open::picker(select){opacity:0}}}.custom-select-dot[data-v-1e0f2f82]{border-radius:var(--radius-full);background-color:var(--dot-color,var(--color-text-subtle));block-size:.7em;inline-size:.7em}.custom-select-dot[data-tone=neutral][data-v-1e0f2f82]{--dot-color:var(--color-text-subtle)}.custom-select-dot[data-tone=info][data-v-1e0f2f82]{--dot-color:var(--color-info)}.custom-select-dot[data-tone=warn][data-v-1e0f2f82]{--dot-color:var(--color-warning)}.custom-select-dot[data-tone=success][data-v-1e0f2f82]{--dot-color:var(--color-success)}@media (forced-colors:active){.custom-select-dot[data-v-1e0f2f82]{background-color:currentColor}}.custom-select-text[data-v-1e0f2f82]{display:grid}.custom-select-name[data-v-1e0f2f82]{font-weight:600}.custom-select-desc[data-v-1e0f2f82],.custom-select-hint[data-v-1e0f2f82]{font-size:var(--text-sm);color:var(--color-text-subtle)}.anchor-tooltip-demo[data-v-34ec3682]{gap:var(--space-4);display:grid}.anchor-tooltip-caption[data-v-34ec3682],.anchor-tooltip-note[data-v-34ec3682]{max-inline-size:60ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.anchor-tooltip-note[data-v-34ec3682]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.anchor-tooltip-note strong[data-v-34ec3682]{color:var(--color-text)}@media (prefers-contrast:more){.anchor-tooltip-note[data-v-34ec3682]{border-color:currentColor}}.anchor-tooltip-list[data-v-34ec3682]{gap:var(--space-2);max-inline-size:24rem;margin:0;padding:0;list-style:none;display:grid}.anchor-tooltip-row[data-v-34ec3682]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);display:flex}@media (prefers-contrast:more){.anchor-tooltip-row[data-v-34ec3682]{border-color:currentColor}}.anchor-tooltip-term[data-v-34ec3682]{font-weight:600}.anchor-tooltip-anchor[data-v-34ec3682]{display:inline-flex;position:relative}.anchor-tooltip-trigger[data-v-34ec3682]{border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);block-size:1.75rem;inline-size:1.75rem;color:var(--color-text);font-size:var(--text-sm);cursor:help;place-items:center;padding:0;font-weight:700;display:grid}@media (hover:hover) and (pointer:fine){.anchor-tooltip-trigger[data-v-34ec3682]:hover{background-color:var(--color-primary);color:var(--color-primary-text)}}.anchor-tooltip-trigger[data-v-34ec3682]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.anchor-tooltip-trigger[data-v-34ec3682]{border-color:currentColor}}.anchor-tooltip-bubble[data-v-34ec3682]{z-index:10;inline-size:max-content;max-inline-size:16rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-sm);text-align:start;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--easing-standard), visibility var(--duration-fast) var(--easing-standard);font-weight:400;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%;translate:-50%}@media (prefers-contrast:more){.anchor-tooltip-bubble[data-v-34ec3682]{border-color:currentColor}}.anchor-tooltip-bubble[data-v-34ec3682]:before{content:"";block-size:var(--space-2);position:absolute;inset-block-start:100%;inset-inline:0}.anchor-tooltip-trigger:hover~.anchor-tooltip-bubble[data-v-34ec3682],.anchor-tooltip-trigger:focus-visible~.anchor-tooltip-bubble[data-v-34ec3682],.anchor-tooltip-bubble[data-v-34ec3682]:hover{opacity:1;visibility:visible}@supports (anchor-name:--a){.anchor-tooltip-row:first-child .anchor-tooltip-trigger[data-v-34ec3682]{anchor-name:--anchor-tooltip-1}.anchor-tooltip-row:first-child .anchor-tooltip-bubble[data-v-34ec3682]{position-anchor:--anchor-tooltip-1}.anchor-tooltip-row:nth-child(2) .anchor-tooltip-trigger[data-v-34ec3682]{anchor-name:--anchor-tooltip-2}.anchor-tooltip-row:nth-child(2) .anchor-tooltip-bubble[data-v-34ec3682]{position-anchor:--anchor-tooltip-2}.anchor-tooltip-row:nth-child(3) .anchor-tooltip-trigger[data-v-34ec3682]{anchor-name:--anchor-tooltip-3}.anchor-tooltip-row:nth-child(3) .anchor-tooltip-bubble[data-v-34ec3682]{position-anchor:--anchor-tooltip-3}.anchor-tooltip-bubble[data-v-34ec3682]{position-area:top center;position-try-fallbacks:flip-block, flip-inline;margin-block-end:var(--space-2);position:fixed;inset:auto;translate:none}}.zoom-compare[data-v-0ef58142]{--factor:1;gap:var(--space-4);display:grid}.zoom-compare[data-v-0ef58142]:has(input[value="1.5"]:checked){--factor:1.5}.zoom-compare[data-v-0ef58142]:has(input[value="2"]:checked){--factor:2}.zoom-compare-caption[data-v-0ef58142],.zoom-compare-note[data-v-0ef58142]{max-inline-size:65ch;font-size:var(--text-sm);color:var(--color-text-subtle)}.zoom-compare-note[data-v-0ef58142]{padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.zoom-compare-note strong[data-v-0ef58142]{color:var(--color-text)}@media (prefers-contrast:more){.zoom-compare-note[data-v-0ef58142]{border-color:currentColor}}.zoom-compare-controls[data-v-0ef58142]{align-items:center;gap:var(--space-3);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.zoom-compare-legend[data-v-0ef58142]{font-size:var(--text-sm);padding:0;font-weight:600}.zoom-compare-opt[data-v-0ef58142]{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:inline-flex}.zoom-compare-panels[data-v-0ef58142]{gap:var(--space-4);display:grid}@media (width>=30em){.zoom-compare-panels[data-v-0ef58142]{grid-template-columns:1fr 1fr}}.zoom-compare-panel[data-v-0ef58142]{gap:var(--space-2);align-content:start;display:grid}.zoom-compare-title[data-v-0ef58142]{font-size:var(--text-sm);font-weight:700}.zoom-compare-stage[data-v-0ef58142]{justify-items:start;gap:var(--space-2);block-size:13rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);display:grid;overflow:clip}@media (prefers-contrast:more){.zoom-compare-stage[data-v-0ef58142]{border-color:currentColor}}.zoom-compare-context[data-v-0ef58142]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.zoom-compare-card[data-v-0ef58142]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-text);white-space:nowrap;font-weight:700}@supports (zoom:2){.zoom-compare-card-zoom[data-v-0ef58142]{zoom:var(--factor)}}.zoom-compare-card-scale[data-v-0ef58142]{transform:scale(var(--factor));transform-origin:0 0}.popover-demo[data-v-ec345852]{gap:var(--space-3);display:grid}.popover-caption[data-v-ec345852]{font-size:var(--text-sm);color:var(--color-text-subtle)}.popover-trigger[data-v-ec345852]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;anchor-name:--popover-menu-anchor;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.popover-trigger[data-v-ec345852]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.popover-trigger[data-v-ec345852]{border-color:currentColor}}.popover-chevron[data-v-ec345852]{font-size:var(--text-sm)}.popover-menu[data-v-ec345852]{min-inline-size:12rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-lg)}@supports (anchor-name:--a){.popover-menu[data-v-ec345852]{position-anchor:--popover-menu-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin-block-start:var(--space-1);position:fixed;inset:auto}}.popover-menu[data-v-ec345852]{opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete;transform:translateY(-.25rem)}.popover-menu[data-v-ec345852]:popover-open{opacity:1;gap:2px;display:grid;transform:translateY(0)}@starting-style{.popover-menu[data-v-ec345852]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media (prefers-contrast:more){.popover-menu[data-v-ec345852]{border-color:currentColor}}.popover-item[data-v-ec345852]{align-items:center;gap:var(--space-2);inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background-color:#0000;border:0;display:flex}@media (hover:hover) and (pointer:fine){.popover-item[data-v-ec345852]:hover{background-color:var(--color-bg-subtle)}}.popover-item-icon[data-v-ec345852]{text-align:center;inline-size:1.25rem}.popover-status[data-v-ec345852]{font-size:var(--text-sm);color:var(--color-text-subtle)}.scroll-state-demo[data-v-b2d4c625]{gap:var(--space-4);display:grid}.scroll-state-caption[data-v-b2d4c625]{font-size:var(--text-sm);color:var(--color-text-subtle)}.scroll-state-block[data-v-b2d4c625]{gap:var(--space-2);display:grid}.scroll-state-h[data-v-b2d4c625]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.scroll-state-track[data-v-b2d4c625]{padding:var(--space-2);scroll-snap-type:x mandatory;border-radius:var(--radius-md);overflow-x:auto}.scroll-state-track[data-v-b2d4c625]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.scroll-state-cards[data-v-b2d4c625]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.scroll-state-card[data-v-b2d4c625]{scroll-snap-align:center;flex:0 0 min(60%,13rem);container-type:scroll-state}.scroll-state-card-inner[data-v-b2d4c625]{gap:var(--space-1);block-size:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:border-color var(--duration-normal) var(--easing-standard), box-shadow var(--duration-normal) var(--easing-standard), scale var(--duration-normal) var(--easing-standard);display:grid}@media (prefers-contrast:more){.scroll-state-card-inner[data-v-b2d4c625]{border-color:currentColor}}.scroll-state-n[data-v-b2d4c625]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle)}.scroll-state-label[data-v-b2d4c625]{font-weight:600}.scroll-state-snapped[data-v-b2d4c625]{inline-size:fit-content;padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-primary-text,#fff);font-size:var(--text-sm);opacity:0;margin-block-start:var(--space-1);font-weight:600}@supports (container-type:scroll-state){@container scroll-state(snapped:inline){.scroll-state-card-inner[data-v-b2d4c625]{border-color:var(--color-primary);box-shadow:var(--shadow-md);scale:1.03}.scroll-state-snapped[data-v-b2d4c625]{opacity:1}}}.scroll-state-scroll[data-v-b2d4c625]{border:1px solid var(--color-border);border-radius:var(--radius-md);block-size:12rem;overflow-y:auto}.scroll-state-scroll[data-v-b2d4c625]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.scroll-state-stick[data-v-b2d4c625]{position:sticky;inset-block-start:0;container-type:scroll-state}.scroll-state-stick-inner[data-v-b2d4c625]{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border-block-end:1px solid var(--color-border);transition:box-shadow var(--duration-normal) var(--easing-standard), background-color var(--duration-normal) var(--easing-standard);justify-content:space-between;align-items:center;font-weight:600;display:flex}.scroll-state-stuck-badge[data-v-b2d4c625]{padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);font-size:var(--text-sm);color:var(--color-text-subtle);opacity:0}@supports (container-type:scroll-state){@container scroll-state(stuck:top){.scroll-state-stick-inner[data-v-b2d4c625]{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}@media (prefers-reduced-transparency:reduce){.scroll-state-stick-inner[data-v-b2d4c625]{background-color:var(--color-bg-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}}.scroll-state-stuck-badge[data-v-b2d4c625]{opacity:1}}}.scroll-state-list[data-v-b2d4c625]{gap:1px;margin:0;padding:0;list-style:none;display:grid}.scroll-state-list li[data-v-b2d4c625]{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.highlight-demo[data-v-f15878e1]{gap:var(--space-3);display:grid}.highlight-caption[data-v-f15878e1]{font-size:var(--text-sm);color:var(--color-text-subtle)}.highlight-field[data-v-f15878e1]{gap:var(--space-2);display:grid}.highlight-label[data-v-f15878e1]{font-size:var(--text-sm);font-weight:600}.highlight-input[data-v-f15878e1]{inline-size:100%;max-inline-size:22rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font:inherit}@media (prefers-contrast:more){.highlight-input[data-v-f15878e1]{border-color:currentColor}}.highlight-prose[data-v-f15878e1]{max-inline-size:65ch;line-height:var(--leading-normal)}.highlight-status[data-v-f15878e1]{font-size:var(--text-sm);color:var(--color-text-subtle)}::highlight(a11y-search){background-color:var(--color-primary);color:var(--color-primary-text,#fff)}.dialog-demo[data-v-55fb8935]{gap:var(--space-3);display:grid}.dialog-caption[data-v-55fb8935]{font-size:var(--text-sm);color:var(--color-text-subtle)}.dialog-row[data-v-55fb8935]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dialog-tip-wrap[data-v-55fb8935]{display:inline-flex}.dialog-tip-btn[data-v-55fb8935]{border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);block-size:2rem;inline-size:2rem;color:var(--color-text);font:inherit;cursor:pointer;anchor-name:--dialog-tip-anchor;font-weight:700}@media (hover:hover) and (pointer:fine){.dialog-tip-btn[data-v-55fb8935]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.dialog-tip-btn[data-v-55fb8935]{border-color:currentColor}}.dialog-tip[data-v-55fb8935]{max-inline-size:30ch;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-md);font-size:var(--text-sm)}@supports (anchor-name:--a){.dialog-tip[data-v-55fb8935]{position-anchor:--dialog-tip-anchor;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:var(--space-2) 0 0;position:fixed;inset:auto}}@media (prefers-contrast:more){.dialog-tip[data-v-55fb8935]{border-color:currentColor}}.dialog-dialog[data-v-55fb8935]{max-inline-size:38ch;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.dialog-dialog[data-v-55fb8935]:open{opacity:1;transition:opacity var(--duration-normal) var(--easing-standard), scale var(--duration-normal) var(--easing-standard);scale:1}@starting-style{.dialog-dialog[data-v-55fb8935]:open{opacity:0;scale:.96}}.dialog-dialog[data-v-55fb8935]::backdrop{background-color:#00000073}@media (prefers-contrast:more){.dialog-dialog[data-v-55fb8935]{border-color:currentColor}}.dialog-dialog-title[data-v-55fb8935]{font-size:var(--text-lg);margin-block-end:var(--space-2);font-weight:700}.dialog-dialog-text[data-v-55fb8935]{color:var(--color-text-subtle);margin-block-end:var(--space-4)}.dialog-dialog-actions[data-v-55fb8935]{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.view-transition-demo[data-v-e176df8d]{gap:var(--space-4);display:grid}.view-transition-caption[data-v-e176df8d]{font-size:var(--text-sm);color:var(--color-text-subtle)}.view-transition-toggle[data-v-e176df8d]{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);display:inline-flex}.view-transition-btn[data-v-e176df8d]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-subtle);font:inherit;cursor:pointer;background-color:#0000;border:0;font-weight:500}.view-transition-btn[aria-pressed=true][data-v-e176df8d]{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.view-transition-btn[data-v-e176df8d]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (forced-colors:active){.view-transition-btn[aria-pressed=true][data-v-e176df8d]{color:highlight;border:1px solid highlight}}.view-transition-items[data-v-e176df8d]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.view-transition-items-grid[data-v-e176df8d]{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.view-transition-items-list[data-v-e176df8d]{grid-template-columns:1fr}.view-transition-item[data-v-e176df8d]{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);align-items:center;display:flex}@media (prefers-contrast:more){.view-transition-item[data-v-e176df8d]{border-color:currentColor}}.view-transition-items-grid .view-transition-item[data-v-e176df8d]{text-align:center;flex-direction:column}.view-transition-item-icon[data-v-e176df8d]{font-size:var(--text-2xl);color:var(--color-primary)}.view-transition-item-label[data-v-e176df8d]{font-size:var(--text-sm);font-weight:500}.criterion[data-v-744a5828]{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--easing-standard);display:grid}@media (hover:hover) and (pointer:fine){.criterion[data-v-744a5828]:hover{box-shadow:var(--shadow-lg)}}.criterion[data-v-744a5828]:focus-within{box-shadow:var(--shadow-lg)}@media (prefers-contrast:more){.criterion[data-v-744a5828]{border-color:currentColor}}.criterion-header[data-v-744a5828]{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.criterion-title[data-v-744a5828]{font-size:var(--text-xl)}.criterion-id[data-v-744a5828]{font-family:var(--font-mono);color:var(--color-text-subtle)}.criterion-tags[data-v-744a5828]{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag[data-v-744a5828]{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm)}.tag--principle[data-v-744a5828]{font-weight:600}@media (prefers-contrast:more){.tag[data-v-744a5828]{border-color:currentColor}}@media (forced-colors:active){.tag[data-v-744a5828]{border-color:buttontext}}.criterion-requirement[data-v-744a5828]{color:var(--color-text-subtle)}.criterion-demo[data-v-744a5828]{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.criterion-demo.is-broken[data-v-744a5828]{border-style:dashed;border-color:var(--color-error)}.criterion-control[data-v-744a5828]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.break-toggle[data-v-744a5828]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.break-toggle[data-v-744a5828]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.break-toggle[data-v-744a5828]{border-color:currentColor}}.criterion-status[data-v-744a5828]{min-inline-size:18ch;font-size:var(--text-sm);color:var(--color-text-subtle);flex:1}.criterion-status.is-failing[data-v-744a5828]{color:var(--color-text)}.criterion-links[data-v-744a5828]{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.target-size-demo[data-v-3f3d442a]{gap:var(--space-3);display:grid}.target-size-caption[data-v-3f3d442a]{font-size:var(--text-sm);color:var(--color-text-subtle)}.target-size-toolbar[data-v-3f3d442a]{gap:var(--space-2);flex-wrap:wrap;display:flex}.target-size-btn[data-v-3f3d442a]{min-block-size:44px;min-inline-size:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.target-size-btn.is-active[data-v-3f3d442a]{border-color:var(--color-primary);background-color:var(--color-bg-subtle)}@media (hover:hover) and (pointer:fine){.target-size-btn[data-v-3f3d442a]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.target-size-btn[data-v-3f3d442a]{border-color:currentColor}}@media (forced-colors:active){.target-size-btn[data-v-3f3d442a]{border-color:buttontext}}.is-broken .target-size-toolbar[data-v-3f3d442a]{gap:0}.is-broken .target-size-btn[data-v-3f3d442a]{min-block-size:16px;min-inline-size:16px;font-size:var(--text-sm);padding:0}.reflow-demo[data-v-d8582642]{gap:var(--space-3);display:grid}.reflow-caption[data-v-d8582642]{font-size:var(--text-sm);color:var(--color-text-subtle)}.reflow-viewport[data-v-d8582642]{border:1px solid var(--color-border);border-radius:var(--radius-md);max-block-size:15rem;inline-size:min(100%,21rem);overflow:auto}.reflow-viewport[data-v-d8582642]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast:more){.reflow-viewport[data-v-d8582642]{border-color:currentColor}}.reflow-content[data-v-d8582642]{gap:var(--space-3);padding:var(--space-3);display:grid}.reflow-title[data-v-d8582642]{font-size:var(--text-lg);font-weight:600}.reflow-text[data-v-d8582642]{font-size:var(--text-sm);color:var(--color-text-subtle)}.reflow-stats[data-v-d8582642]{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));margin:0;padding:0;list-style:none;display:grid}.reflow-stat[data-v-d8582642]{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);display:grid}@media (prefers-contrast:more){.reflow-stat[data-v-d8582642]{border-color:currentColor}}.reflow-stat-value[data-v-d8582642]{font-size:var(--text-lg);font-weight:600}.reflow-stat-label[data-v-d8582642]{font-size:var(--text-sm);color:var(--color-text-subtle)}.is-broken .reflow-content[data-v-d8582642]{inline-size:34rem}.is-broken .reflow-text[data-v-d8582642]{white-space:nowrap}.is-broken .reflow-stats[data-v-d8582642]{grid-template-columns:repeat(3,11rem)}.non-text-contrast-demo[data-v-88bb0564]{--demo-border:var(--lightningcss-light,#8a8a8a)var(--lightningcss-dark,#8f8f8f);gap:var(--space-3);display:grid}.non-text-contrast-caption[data-v-88bb0564]{font-size:var(--text-sm);color:var(--color-text-subtle)}.non-text-contrast-fields[data-v-88bb0564]{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.non-text-contrast-input[data-v-88bb0564]{min-block-size:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--demo-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text)}@media (forced-colors:active){.non-text-contrast-input[data-v-88bb0564]{border-color:buttontext}}.non-text-contrast-btn[data-v-88bb0564]{min-block-size:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--demo-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background-color:#0000;font-weight:600}@media (forced-colors:active){.non-text-contrast-btn[data-v-88bb0564]{border-color:buttontext}}.non-text-contrast-chips[data-v-88bb0564]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.non-text-contrast-chip[data-v-88bb0564]{padding:var(--space-1) var(--space-3);border:1px solid var(--demo-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-sm)}@media (forced-colors:active){.non-text-contrast-chip[data-v-88bb0564]{border-color:buttontext}}.is-broken[data-v-88bb0564]{--demo-border:var(--lightningcss-light,#ededed)var(--lightningcss-dark,#292929)}.focus-obscured-demo[data-v-f3539e61]{gap:var(--space-3);display:grid}.focus-obscured-caption[data-v-f3539e61]{font-size:var(--text-sm);color:var(--color-text-subtle)}.focus-obscured-viewport[data-v-f3539e61]{border:1px solid var(--color-border);border-radius:var(--radius-md);max-block-size:12rem;position:relative;overflow-y:auto}@media (prefers-contrast:more){.focus-obscured-viewport[data-v-f3539e61]{border-color:currentColor}}.focus-obscured-bar[data-v-f3539e61]{z-index:1;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);background-color:var(--color-bg-subtle);font-weight:600;position:sticky;inset-block-start:0}.focus-obscured-list[data-v-f3539e61]{display:grid}.focus-obscured-link[data-v-f3539e61]{padding:var(--space-3);border-block-end:1px solid var(--color-border);color:var(--color-text);scroll-margin-block-start:var(--space-12);text-decoration:none}.focus-obscured-link[data-v-f3539e61]:last-child{border-block-end:0}@media (hover:hover) and (pointer:fine){.focus-obscured-link[data-v-f3539e61]:hover{background-color:var(--color-bg-subtle)}}.is-broken .focus-obscured-link[data-v-f3539e61]{scroll-margin-block-start:0}.focus-appearance-demo[data-v-5efd7ae1]{gap:var(--space-3);display:grid}.focus-appearance-caption[data-v-5efd7ae1]{font-size:var(--text-sm);color:var(--color-text-subtle)}.focus-appearance-buttons[data-v-5efd7ae1]{gap:var(--space-3);flex-wrap:wrap;display:flex}.focus-appearance-btn[data-v-5efd7ae1]{min-block-size:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;font-weight:600}@media (prefers-contrast:more){.focus-appearance-btn[data-v-5efd7ae1]{border-color:currentColor}}@media (forced-colors:active){.focus-appearance-btn[data-v-5efd7ae1]{border-color:buttontext}}.is-broken .focus-appearance-btn[data-v-5efd7ae1]:focus-visible{outline:1px solid var(--color-border)!important;outline-offset:0!important}.animation-demo[data-v-6be46119]{--rm:0;gap:var(--space-3);display:grid}@media (prefers-reduced-motion:reduce){.animation-demo[data-v-6be46119]{--rm:1}}.animation-demo.is-rm[data-v-6be46119]{--rm:1}.animation-demo.is-broken[data-v-6be46119]{--rm:0}.animation-caption[data-v-6be46119]{font-size:var(--text-sm);color:var(--color-text-subtle)}.animation-sim[data-v-6be46119]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.animation-stage[data-v-6be46119]{padding:var(--space-1);overflow:hidden}.animation-panel[data-v-6be46119]{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);animation:animation-slide-6be46119 calc(.45s * (1 - var(--rm))) var(--easing-enter) both;display:grid}@media (prefers-contrast:more){.animation-panel[data-v-6be46119]{border-color:currentColor}}.animation-panel-title[data-v-6be46119]{font-weight:600}.animation-panel-text[data-v-6be46119]{font-size:var(--text-sm);color:var(--color-text-subtle)}.animation-replay[data-v-6be46119]{min-block-size:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;justify-self:start;font-weight:600}@media (hover:hover) and (pointer:fine){.animation-replay[data-v-6be46119]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.animation-replay[data-v-6be46119]{border-color:currentColor}}@media (forced-colors:active){.animation-replay[data-v-6be46119]{border-color:buttontext}}@keyframes animation-slide-6be46119{0%{opacity:0;transform:translate(-1.5rem)}to{opacity:1;transform:translate(0)}}.orientation-demo[data-v-f601b8b7]{gap:var(--space-3);display:grid}.orientation-caption[data-v-f601b8b7]{font-size:var(--text-sm);color:var(--color-text-subtle)}.orientation-stage[data-v-f601b8b7]{padding:var(--space-2);justify-content:center;display:flex}.orientation-device[data-v-f601b8b7]{block-size:17rem;inline-size:11rem;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);display:grid;position:relative}@media (prefers-contrast:more){.orientation-device[data-v-f601b8b7]{border-color:currentColor}}.is-landscape .orientation-device[data-v-f601b8b7]{block-size:11rem;inline-size:17rem}.orientation-screen[data-v-f601b8b7]{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface);align-content:start;display:grid}.orientation-screen-title[data-v-f601b8b7]{font-size:var(--text-lg);font-weight:600}.orientation-screen-row[data-v-f601b8b7]{font-size:var(--text-sm);color:var(--color-text-subtle)}.orientation-rotate-notice[data-v-f601b8b7]{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-3);text-align:center;font-size:var(--text-sm);display:none}.orientation-rotate-icon[data-v-f601b8b7]{font-size:var(--text-3xl)}.is-broken:not(.is-landscape) .orientation-screen[data-v-f601b8b7]{display:none}.is-broken:not(.is-landscape) .orientation-rotate-notice[data-v-f601b8b7]{display:grid}.orientation-rotate-btn[data-v-f601b8b7]{min-block-size:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;justify-self:start;font-weight:600}@media (hover:hover) and (pointer:fine){.orientation-rotate-btn[data-v-f601b8b7]:hover{background-color:var(--color-bg-subtle)}}@media (prefers-contrast:more){.orientation-rotate-btn[data-v-f601b8b7]{border-color:currentColor}}@media (forced-colors:active){.orientation-rotate-btn[data-v-f601b8b7]{border-color:buttontext}}.timeline[data-v-d81cb86d]{gap:var(--space-12);margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline[data-v-d81cb86d]:before{content:"";inset-block:var(--space-2);background:linear-gradient(to bottom, var(--color-border) 78%, transparent);inline-size:2px;margin-inline-start:-1px;position:absolute;inset-inline-start:calc(var(--space-6) / 2)}@media (prefers-contrast:more){.timeline[data-v-d81cb86d]:before{background:currentColor}}.timeline-era[data-v-d81cb86d]{grid-template-columns:var(--space-6) minmax(0, 1fr);column-gap:var(--space-4);align-items:start;display:grid}.timeline-era-marker[data-v-d81cb86d]{z-index:1;inline-size:var(--space-4);block-size:var(--space-4);border:2px solid var(--color-bg);border-radius:var(--radius-full);background:var(--gradient-accent);justify-self:center;margin-block-start:var(--space-1);position:relative}@media (prefers-contrast:more){.timeline-era-marker[data-v-d81cb86d]{border-color:currentColor}}@media (forced-colors:active){.timeline-era-marker[data-v-d81cb86d]{background:canvastext;border-color:canvas}}.timeline-era.is-open .timeline-era-marker[data-v-d81cb86d]{background:var(--color-bg);border-color:var(--color-primary)}.timeline-era-body[data-v-d81cb86d]{gap:var(--space-4);display:grid}.timeline-era-header[data-v-d81cb86d]{gap:var(--space-1);display:grid}.timeline-era-title[data-v-d81cb86d]{align-items:baseline;gap:var(--space-2);font-size:var(--text-xl);flex-wrap:wrap;display:flex}.timeline-era-year[data-v-d81cb86d]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle)}.timeline-era-summary[data-v-d81cb86d]{max-inline-size:60ch;color:var(--color-text-subtle)}.timeline-era-criteria[data-v-d81cb86d]{gap:var(--space-6);display:grid}.timeline-era-note[data-v-d81cb86d]{max-inline-size:60ch;padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-subtle)}@media (prefers-contrast:more){.timeline-era-note[data-v-d81cb86d]{border-color:currentColor}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.timeline[data-v-d81cb86d]:after{content:"";inset-block:var(--space-2);background:var(--gradient-accent);transform-origin:top;inline-size:2px;margin-inline-start:-1px;animation:linear both timeline-fill-d81cb86d;animation-timeline:view();animation-range:cover 12% cover 96%;position:absolute;inset-inline-start:calc(var(--space-6) / 2);transform:scaleY(0)}.timeline-era-marker[data-v-d81cb86d]{animation:linear both marker-pop-d81cb86d;animation-timeline:view();animation-range:entry cover 12%}[data-v-d81cb86d] .criterion{animation:linear both era-slide-in-d81cb86d;animation-timeline:view();animation-range:entry entry 65%}@keyframes timeline-fill-d81cb86d{to{transform:scaleY(1)}}@keyframes marker-pop-d81cb86d{0%{opacity:.3;transform:scale(.4)}}@keyframes era-slide-in-d81cb86d{0%{opacity:0;transform:translate(5rem)}}}}.conformance-shift[data-v-c5d31acf]{gap:var(--space-4);display:grid}.conformance-shift-control[data-v-c5d31acf]{gap:var(--space-2);max-inline-size:32rem;font-weight:600;display:grid}.conformance-shift-control input[data-v-c5d31acf]{inline-size:100%}.conformance-shift-count[data-v-c5d31acf]{font-family:var(--font-mono);color:var(--color-text-subtle)}.conformance-shift-panels[data-v-c5d31acf]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.conformance-shift-panel[data-v-c5d31acf]{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);align-content:start;display:grid}@media (prefers-contrast:more){.conformance-shift-panel[data-v-c5d31acf]{border-color:currentColor}}.conformance-shift-panel-title[data-v-c5d31acf]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.conformance-shift-verdict[data-v-c5d31acf]{font-size:var(--text-2xl);font-weight:700}.conformance-shift-verdict.is-pass[data-v-c5d31acf]{color:var(--color-success)}.conformance-shift-verdict.is-fail[data-v-c5d31acf]{color:var(--color-error)}.conformance-shift-score[data-v-c5d31acf]{align-items:baseline;gap:var(--space-2);font-size:var(--text-3xl);font-weight:700;display:flex}.conformance-shift-pct[data-v-c5d31acf]{font-size:var(--text-lg);color:var(--color-text-subtle)}.conformance-shift-rating[data-v-c5d31acf]{font-size:var(--text-sm);color:var(--color-text-subtle);margin-inline-start:auto;font-weight:600}.conformance-shift-meter[data-v-c5d31acf]{block-size:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);overflow:hidden}@media (prefers-contrast:more){.conformance-shift-meter[data-v-c5d31acf]{border:1px solid}}.conformance-shift-meter-fill[data-v-c5d31acf]{border-radius:inherit;background:var(--gradient-accent);block-size:100%;transition:inline-size var(--duration-normal) var(--easing-standard);display:block}@media (forced-colors:active){.conformance-shift-meter-fill[data-v-c5d31acf]{background:highlight}}.conformance-shift-caption[data-v-c5d31acf]{max-inline-size:65ch;color:var(--color-text-subtle)}.conformance-shift-disclaimer[data-v-c5d31acf]{font-style:italic}.legal-map[data-v-3cb82108]{gap:var(--space-6);display:grid}.legal-map-core[data-v-3cb82108]{gap:var(--space-1);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);background:var(--gradient-accent);color:#fff;text-align:center;box-shadow:var(--shadow-md);justify-self:center;justify-items:center;display:grid}@media (forced-colors:active){.legal-map-core[data-v-3cb82108]{color:highlighttext;background:highlight;border:1px solid canvastext}}.legal-map-core-label[data-v-3cb82108]{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:700}.legal-map-core-sub[data-v-3cb82108]{font-size:var(--text-sm);opacity:.9}.legal-map-laws[data-v-3cb82108]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.legal-map-law[data-v-3cb82108]{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);align-content:start;display:grid}@media (prefers-contrast:more){.legal-map-law[data-v-3cb82108]{border-color:currentColor}}.legal-map-region[data-v-3cb82108]{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:600}.legal-map-name[data-v-3cb82108]{font-weight:600}.legal-map-ref[data-v-3cb82108]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary)}.legal-map-status[data-v-3cb82108]{font-size:var(--text-sm);color:var(--color-text-subtle)}.legal-map-caption[data-v-3cb82108]{max-inline-size:65ch;color:var(--color-text-subtle)}.legal-map-disclaimer[data-v-3cb82108]{font-style:italic}.light-dark-demo[data-v-10fb9741]{gap:var(--space-4);display:grid}.light-dark-caption[data-v-10fb9741]{font-size:var(--text-sm);color:var(--color-text-subtle)}.light-dark-grid[data-v-10fb9741]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.light-dark-card[data-v-10fb9741]{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);align-content:start;display:grid}@media (prefers-contrast:more){.light-dark-card[data-v-10fb9741]{border-color:currentColor}}.light-dark-card-title[data-v-10fb9741]{font-size:var(--text-base);font-weight:600}.light-dark-swatch[data-v-10fb9741]{block-size:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.light-dark-swatch-modern[data-v-10fb9741]{background-color:var(--lightningcss-light,#1a1a2e)var(--lightningcss-dark,#e6e6fa)}.light-dark-swatch-legacy[data-v-10fb9741]{background-color:#1a1a2e}@media (prefers-color-scheme:dark){.light-dark-swatch-legacy[data-v-10fb9741]{background-color:#e6e6fa}}.light-dark-code[data-v-10fb9741]{padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);font-size:var(--text-sm);white-space:pre;overflow-x:auto}.light-dark-note[data-v-10fb9741]{font-size:var(--text-sm);color:var(--color-text-subtle)}.testing-layers[data-v-47480227]{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=48em){.testing-layers[data-v-47480227]{grid-template-columns:repeat(2,1fr)}}.testing-layers-card[data-v-47480227]{gap:var(--space-2);block-size:100%;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);display:grid}@media (prefers-contrast:more){.testing-layers-card[data-v-47480227]{border-color:currentColor}}.testing-layers-kind[data-v-47480227]{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-primary)}.testing-layers-name[data-v-47480227]{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight)}.testing-layers-detail[data-v-47480227]{gap:var(--space-2);margin:var(--space-1) 0 0;display:grid}.testing-layers-catches[data-v-47480227],.testing-layers-blind[data-v-47480227]{color:var(--color-text-subtle);margin:0}.testing-layers-tag[data-v-47480227]{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);vertical-align:baseline;margin-inline-end:var(--space-1);font-weight:700;display:inline-block}.testing-layers-tag-catches[data-v-47480227]{background-color:color-mix(in oklch, var(--color-success) 18%, transparent);color:var(--color-text)}.testing-layers-tag-blind[data-v-47480227]{background-color:color-mix(in oklch, var(--color-warning) 22%, transparent);color:var(--color-text)}@media (forced-colors:active){.testing-layers-tag[data-v-47480227]{border:1px solid}}.testing-layers-tool[data-v-47480227]{font-size:var(--text-sm);margin-block-start:var(--space-1);font-weight:600}.testing-layers-here[data-v-47480227]{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.testing-layers-here code[data-v-47480227]{padding:2px var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);font-size:var(--text-sm)}.coverage-matrix[data-v-ab42e15a]{gap:var(--space-6);display:grid}.coverage-matrix-scroll[data-v-ab42e15a]{overflow-x:auto}.coverage-matrix-scroll[data-v-ab42e15a]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.coverage-matrix-table[data-v-ab42e15a]{border-collapse:collapse;inline-size:100%;min-inline-size:max-content}.coverage-matrix-caption[data-v-ab42e15a]{color:var(--color-text-subtle);font-size:var(--text-sm);text-align:start;margin-block-end:var(--space-4)}th[data-v-ab42e15a],td[data-v-ab42e15a]{padding:var(--space-3);border-block-end:1px solid var(--color-border);text-align:start;vertical-align:baseline}thead th[data-v-ab42e15a]{font-size:var(--text-sm);color:var(--color-text);border-block-end:2px solid var(--color-border);font-weight:700}.coverage-matrix-method[data-v-ab42e15a]{text-align:center;inline-size:8rem}.coverage-matrix-method-sub[data-v-ab42e15a]{color:var(--color-text-subtle);font-weight:400;display:block}.coverage-matrix-issue[data-v-ab42e15a]{font-weight:600}.coverage-matrix-issue-name[data-v-ab42e15a]{display:block}.coverage-matrix-sc[data-v-ab42e15a]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle);margin-block-start:2px;font-weight:400;display:block}.coverage-matrix-cell[data-v-ab42e15a]{text-align:center}.coverage-matrix-glyph[data-v-ab42e15a]{font-size:var(--text-lg);line-height:1}.is-caught .coverage-matrix-glyph[data-v-ab42e15a]{color:var(--color-success)}.is-partial .coverage-matrix-glyph[data-v-ab42e15a]{color:var(--color-warning)}.is-missed .coverage-matrix-glyph[data-v-ab42e15a]{color:var(--color-text-subtle)}.coverage-matrix-takeaway[data-v-ab42e15a]{max-inline-size:65ch;padding:var(--space-4);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);color:var(--color-text-subtle)}@media (prefers-contrast:more){.coverage-matrix-takeaway[data-v-ab42e15a]{border-color:currentColor}}.coverage-matrix-takeaway strong[data-v-ab42e15a]{color:var(--color-text)}tbody tr[data-v-ab42e15a]:nth-child(2n){background-color:color-mix(in oklch, var(--color-bg-subtle) 50%, transparent)}@media (forced-colors:active){tbody tr[data-v-ab42e15a]:nth-child(2n){background-color:#0000}}.toc[data-v-68ad4138]{z-index:5;margin-block-end:var(--space-6);margin-inline:calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);border-block-end:1px solid var(--color-border);background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-start:0}@media (width>=64em){.toc[data-v-68ad4138]{max-block-size:calc(100dvh - var(--space-12));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;align-self:start;margin:0;padding:0;inset-block-start:var(--space-6);overflow-y:auto}}@media (prefers-reduced-transparency:reduce){.toc[data-v-68ad4138]{background-color:var(--color-bg-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.toc[data-v-68ad4138]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:canvas}}.toc-heading[data-v-68ad4138]{display:none}@media (width>=64em){.toc-heading[data-v-68ad4138]{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle);margin-block-end:var(--space-4);font-weight:700;display:block}}.toc-groups[data-v-68ad4138]{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width>=64em){.toc-groups[data-v-68ad4138]{gap:var(--space-4);display:grid}}.toc-group-link[data-v-68ad4138]{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-full);color:var(--color-text-subtle);white-space:nowrap;font-weight:600;text-decoration:none;display:flex}@media (width>=64em){.toc-group-link[data-v-68ad4138]{min-block-size:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-items:baseline;font-weight:700}}@media (hover:hover) and (pointer:fine){.toc-group-link[data-v-68ad4138]:hover{color:var(--color-text)}}.toc-group-link[data-v-68ad4138]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.toc-group-n[data-v-68ad4138]{display:none}@media (width>=64em){.toc-group-n[data-v-68ad4138]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);display:inline}}.toc-sections[data-v-68ad4138]{display:none}@media (width>=64em){.toc-sections[data-v-68ad4138]{margin:var(--space-1) 0 0;border-inline-start:1px solid var(--color-border);gap:1px;padding-inline-start:var(--space-3);list-style:none;display:grid}}.toc-section-link[data-v-68ad4138]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-subtle);text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.toc-section-link[data-v-68ad4138]:hover{color:var(--color-text)}}.toc-section-link[data-v-68ad4138]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@supports (animation-timeline:view()){.app-shell[data-v-68ad4138]{timeline-scope:--vt-standard, --vt-craft, --vt-showcase, --vt-testing}#standard[data-v-68ad4138]{view-timeline-name:--vt-standard}#craft[data-v-68ad4138]{view-timeline-name:--vt-craft}#showcase[data-v-68ad4138]{view-timeline-name:--vt-showcase}#testing[data-v-68ad4138]{view-timeline-name:--vt-testing}.toc-group-link[data-v-68ad4138]{animation:linear both toc-group-active-68ad4138;animation-range:cover}@keyframes toc-group-active-68ad4138{0%,to{color:var(--color-text-subtle);background-color:#0000}12%,88%{background-color:var(--color-bg-subtle);color:var(--color-text)}}@media (forced-colors:active){@keyframes toc-group-active-68ad4138{0%,to{border:1px solid #0000}12%,88%{border:1px solid highlight}}}}.hero-brand[data-v-68ad4138]{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text);font-weight:600;display:inline-flex}.hero-brand-mark[data-v-68ad4138]{block-size:1.9rem;inline-size:1.9rem}.hero-brand-dim[data-v-68ad4138]{color:var(--color-text-subtle)}.hero-title[data-v-68ad4138]{inline-size:fit-content;letter-spacing:var(--tracking-tight);background:var(--gradient-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,9rem);font-weight:800;line-height:1}@media (forced-colors:active){.hero-title[data-v-68ad4138]{-webkit-text-fill-color:CanvasText;color:canvastext;background:0 0}}.hero-lede[data-v-68ad4138]{max-inline-size:60ch;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-subtle)}.hero-watermark[data-v-68ad4138]{z-index:-1;block-size:14rem;inline-size:14rem;color:var(--color-primary);opacity:.08;pointer-events:none;position:absolute}@media (width>=48em){.hero-watermark[data-v-68ad4138]{block-size:30rem;inline-size:30rem}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hero-watermark[data-v-68ad4138]{animation:linear both hero-watermark-parallax-68ad4138;animation-timeline:view();animation-range:cover}}}@media (forced-colors:active){.hero-watermark[data-v-68ad4138]{display:none}}.hero-watermark[data-v-68ad4138] svg{stroke-width:1px;block-size:100%;inline-size:100%}.hero-watermark-lead[data-v-68ad4138]{inset-block-start:12%;inset-inline-start:0;transform:translate(-46%)rotate(-12deg)}.hero-watermark-trail[data-v-68ad4138]{inset-block-end:9%;inset-inline-end:0;transform:translate(46%)rotate(10deg)}@keyframes hero-watermark-parallax-68ad4138{0%{translate:0 -22%}to{translate:0 22%}}.hero-icons[data-v-68ad4138]{--hero-glyph:clamp(2.75rem, 7vw, 5rem);transform:translateX(calc((var(--hero-glyph) - 25%) / 2));grid-template-columns:repeat(4,1fr);display:grid}@media (width>=48em){.hero-icons[data-v-68ad4138]{transform:translateX(calc((var(--hero-glyph) - 16.6667%) / 2));grid-template-columns:repeat(6,1fr)}}.hero-icon[data-v-68ad4138]{padding:var(--space-3);color:var(--color-text);place-items:center;display:grid}.hero-icon[data-kind=concept][data-v-68ad4138]{color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.hero-icon[data-v-68ad4138]{animation:hero-icon-in-68ad4138 .5s var(--easing-enter) both;animation-delay:calc(var(--i,0) * 45ms)}}@media (hover:hover) and (pointer:fine){.hero-icon[data-v-68ad4138]{transition:color var(--duration-normal) var(--easing-standard)}}@keyframes hero-icon-in-68ad4138{0%{opacity:0;transform:translateY(.7rem)}}@media (hover:hover) and (pointer:fine){.hero-icon[data-v-68ad4138]:hover{color:var(--color-accent)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-icon[data-v-68ad4138]:hover{z-index:1}.hero-icon:hover .hero-icon-svg[data-v-68ad4138]{scale:1.65}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (width<48em){.hero-icon:hover:not(:nth-child(4n))+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:hover:not(:nth-child(4n))+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon[data-v-68ad4138]:has(+.hero-icon:hover:not(:nth-child(4n+1))){color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:has(+.hero-icon:hover:not(:nth-child(4n+1))) .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon:hover+.hero-icon+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:hover+.hero-icon+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover){color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover) .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon:hover:not(:nth-child(4n))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:hover:not(:nth-child(4n))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon:hover:not(:nth-child(4n+1))+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:hover:not(:nth-child(4n+1))+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(4n))){color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(4n))) .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(4n+1))){color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(4n+1))) .hero-icon-svg[data-v-68ad4138]{scale:1.16}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (width>=48em){.hero-icon:hover:not(:nth-child(6n))+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:hover:not(:nth-child(6n))+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon[data-v-68ad4138]:has(+.hero-icon:hover:not(:nth-child(6n+1))){color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:has(+.hero-icon:hover:not(:nth-child(6n+1))) .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon:hover+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:hover+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover){color:color-mix(in oklab, var(--color-accent) 60%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover) .hero-icon-svg[data-v-68ad4138]{scale:1.34}.hero-icon:hover:not(:nth-child(6n))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:hover:not(:nth-child(6n))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon:hover:not(:nth-child(6n+1))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon[data-v-68ad4138]{color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:hover:not(:nth-child(6n+1))+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(6n))){color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(6n))) .hero-icon-svg[data-v-68ad4138]{scale:1.16}.hero-icon[data-v-68ad4138]:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(6n+1))){color:color-mix(in oklab, var(--color-accent) 25%, var(--color-primary))}.hero-icon:has(+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon+.hero-icon:hover:not(:nth-child(6n+1))) .hero-icon-svg[data-v-68ad4138]{scale:1.16}}.hero-icon-svg[data-v-68ad4138]{inline-size:var(--hero-glyph);block-size:var(--hero-glyph);fill:currentColor;pointer-events:none}@media (hover:hover) and (pointer:fine){.hero-icon-svg[data-v-68ad4138]{transition:scale var(--duration-slow) var(--easing-standard)}}@media (forced-colors:active){.hero-icon-svg[data-v-68ad4138]{fill:canvastext}}.hero-scroll[data-v-68ad4138]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--color-text-subtle);font-size:var(--text-sm);justify-self:center;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.hero-scroll[data-v-68ad4138]:hover{color:var(--color-text)}}.hero-scroll[data-v-68ad4138]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.hero-scroll-icon[data-v-68ad4138]{fill:currentColor;block-size:1.25rem;inline-size:1.25rem;animation:1.8s ease-in-out infinite hero-bob-68ad4138}@media (prefers-reduced-motion:reduce){.hero-scroll-icon[data-v-68ad4138]{animation:none}}@keyframes hero-bob-68ad4138{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.demo>h2[data-v-68ad4138]{font-size:var(--text-display-sm);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.demo>p[data-v-68ad4138]{max-inline-size:65ch;color:var(--color-text-subtle)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.demo[data-v-68ad4138]{animation:linear both section-reveal-68ad4138;animation-timeline:view();animation-range:entry entry 420px}@keyframes section-reveal-68ad4138{0%{opacity:0;transform:translateY(4rem)scale(.94)}}}}.footer-title[data-v-68ad4138]{font-size:var(--text-display-sm);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.footer-lede[data-v-68ad4138]{max-inline-size:65ch;color:var(--color-text-subtle)}.footer-details[data-v-68ad4138]{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);max-inline-size:65ch}@media (prefers-contrast:more){.footer-details[data-v-68ad4138]{border-color:currentColor}}.footer-summary[data-v-68ad4138]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-weight:600}.footer-summary[data-v-68ad4138]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.footer-details-body[data-v-68ad4138]{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);max-inline-size:65ch;color:var(--color-text-subtle);display:grid}.footer-meta[data-v-68ad4138]{align-items:center;gap:var(--space-2) var(--space-4);border-block-start:1px solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-8);padding-block-start:var(--space-4);display:flex}@media (prefers-contrast:more){.footer-meta[data-v-68ad4138]{border-color:currentColor}}.footer-copy[data-v-68ad4138]{color:var(--color-text-subtle);margin-inline-start:auto}.spinner[data-v-68ad4138]{inline-size:var(--space-8);block-size:var(--space-8);border:4px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:var(--radius-full);animation:1s linear infinite spin-68ad4138}@keyframes spin-68ad4138{to{rotate:1turn}}}@layer layout{.app-shell[data-v-68ad4138]{min-block-size:100dvh;position:relative;overflow-x:clip}.app-shell[data-v-68ad4138]:before{content:"";z-index:-1;background:var(--page-glow);pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-transparency:reduce){.app-shell[data-v-68ad4138]:before{display:none}}.hero[data-v-68ad4138]{gap:var(--space-8);min-block-size:100dvh;max-inline-size:80rem;padding:var(--space-6) var(--space-4) var(--space-8);isolation:isolate;grid-template-rows:auto 1fr auto;margin-inline:auto;display:grid;position:relative}.hero-top[data-v-68ad4138]{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-actions[data-v-68ad4138]{align-items:center;gap:var(--space-3);display:flex}.hero-github[data-v-68ad4138]{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.hero-github[data-v-68ad4138]:hover{color:var(--color-text)}}.hero-github-icon[data-v-68ad4138]{block-size:1.25rem;inline-size:1.25rem}.hero-body[data-v-68ad4138]{align-content:center;gap:var(--space-8);display:grid}@media (width>=48em){.hero-body[data-v-68ad4138]{gap:var(--space-12)}}.app-body[data-v-68ad4138]{max-inline-size:72rem;padding-inline:var(--space-4);margin-inline:auto}@media (width>=64em){.app-body[data-v-68ad4138]{gap:var(--space-12);grid-template-columns:14rem minmax(0,1fr);align-items:start;display:grid}}.site-main[data-v-68ad4138]{gap:var(--space-24);min-inline-size:0;padding-block-end:var(--space-16);display:grid}@media (width>=48em){.site-main[data-v-68ad4138]{gap:var(--space-40)}}.pillar[data-v-68ad4138]{gap:var(--space-12);isolation:isolate;scroll-margin-block-start:var(--space-16);display:grid;position:relative}.demo[data-v-68ad4138]{gap:var(--space-6);display:grid}.demo-row[data-v-68ad4138]{gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-stack[data-v-68ad4138],.showcase-list[data-v-68ad4138]{gap:var(--space-6);display:grid}.site-footer[data-v-68ad4138]{gap:var(--space-4);max-inline-size:72rem;padding:var(--space-12) var(--space-4) var(--space-16);border-block-start:1px solid var(--color-border);margin-inline:auto;display:grid}}