@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:block;src:url(../media/fraunces-latin-600-normal.0wyge32a9_ucv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:block;src:url(../media/atkinson-hyperlegible-latin-400-normal.2_4quiuxbm00_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:block;src:url(../media/atkinson-hyperlegible-latin-700-normal.3ij26zqblfe95.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:block;src:url(../media/jetbrains-mono-latin-400-normal.37baup9wa8gsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--c-cream-50:#f5efe0;--c-cream-100:#ede6d6;--c-cream-200:#e4dbc6;--c-cream-300:#dcd2ba;--c-cream-400:#d8cfbc;--c-cream-500:#c2b69e;--c-umber-950:#11120d;--c-umber-600:#51483f;--c-terra-300:#b06a4a;--c-terra-500:#713520;--c-terra-700:#5d2b1a;--c-success-100:#dcfce7;--c-success-700:#15803d;--c-success-800:#166534;--c-warning-100:#fef3c7;--c-warning-700:#b45309;--c-warning-800:#92400e;--c-danger-100:#fee2e2;--c-danger-700:#b91c1c;--c-danger-800:#991b1b;--c-ink-950:#141614;--c-ink-900:#1b1e1b;--c-ink-800:#212525;--c-ink-700:#2e332e;--c-ink-600:#3d423d;--c-ink-400:#a9c2a0;--c-ink-50:#eef7ea;--c-green-900:#16301a;--c-green-500:#80ee64;--c-green-300:#bff9b4;--c-amber-300:#f2cf7c;--c-amber-900:#3b2c10;--c-red-300:#ffa8a0;--c-red-500:#c93035;--c-red-600:#b4272c;--c-red-900:#3d1a18;--color-bg:var(--c-cream-100);--color-bg-subtle:var(--c-cream-200);--color-bg-muted:var(--c-cream-300);--color-border:var(--c-cream-400);--color-border-strong:var(--c-cream-500);--color-text:var(--c-umber-950);--color-text-muted:var(--c-umber-600);--color-text-inverted:var(--c-cream-50);--color-accent:var(--c-terra-500);--color-accent-hover:var(--c-terra-700);--color-accent-subtle:#71352014;--color-focus-ring:var(--c-terra-300);--color-success-surface:var(--c-success-100);--color-success-fg:var(--c-success-700);--color-warning-surface:var(--c-warning-100);--color-warning-fg:var(--c-warning-700);--color-danger-surface:var(--c-danger-100);--color-danger-fg:var(--c-danger-700);--color-danger-solid:var(--c-danger-700);--color-danger-solid-hover:var(--c-danger-800);--color-on-danger-solid:var(--c-cream-50);--color-success-text:var(--c-success-800);--color-warning-text:var(--c-warning-800);--color-danger-text:var(--c-danger-800);--color-skeleton-base:var(--c-cream-300);--color-skeleton-sheen:var(--c-cream-100);--color-code-bg:var(--c-cream-50);--color-code-fg:var(--c-umber-950);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--font-display:"Fraunces", serif;--font-sans:"Atkinson Hyperlegible", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--weight-normal:400;--weight-semibold:600;--weight-bold:700;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s;--duration-shimmer:1.6s;--duration-spin:.8s;--duration-pulse:1.1s;--width-prose:68ch;--width-container:72rem}[data-theme=dark]{--color-bg:var(--c-ink-950);--color-bg-subtle:var(--c-ink-900);--color-bg-muted:var(--c-ink-800);--color-border:var(--c-ink-700);--color-border-strong:var(--c-ink-600);--color-text:var(--c-ink-50);--color-text-muted:var(--c-ink-400);--color-text-inverted:var(--c-ink-950);--color-accent:var(--c-green-500);--color-accent-hover:var(--c-green-300);--color-accent-subtle:#80ee6424;--color-focus-ring:var(--c-green-500);--color-success-surface:var(--c-green-900);--color-success-fg:var(--c-green-300);--color-warning-surface:var(--c-amber-900);--color-warning-fg:var(--c-amber-300);--color-danger-surface:var(--c-red-900);--color-danger-fg:var(--c-red-300);--color-success-text:var(--c-green-300);--color-warning-text:var(--c-amber-300);--color-danger-text:var(--c-red-300);--color-danger-solid:var(--c-red-600);--color-danger-solid-hover:var(--c-red-500);--color-on-danger-solid:var(--c-ink-50);--color-skeleton-base:var(--c-ink-800);--color-skeleton-sheen:var(--c-ink-700);--color-code-bg:var(--c-ink-900);--color-code-fg:var(--c-ink-50)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}:where(a){color:var(--color-accent);text-underline-offset:2px;text-decoration-thickness:1px}:where(button){font:inherit}:where(img,svg){max-width:100%;display:block}:where(:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}
.ds-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-stack{min-width:0;display:flex}.ds-container{width:100%;max-width:var(--width-container);padding-inline:var(--space-6);margin-inline:auto}.ds-container--full{max-width:none}
.ds-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:2rem}.ds-btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:2.5rem}.ds-btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:3rem}.ds-btn--primary{background:var(--color-accent);color:var(--color-text-inverted)}.ds-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ds-btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.ds-btn--ghost{color:var(--color-text-muted);background:0 0}.ds-btn--ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.ds-btn--danger{background:var(--color-danger-solid);color:var(--color-on-danger-solid)}.ds-btn--danger:hover:not(:disabled){background:var(--color-danger-solid-hover)}
.ds-link{text-underline-offset:2px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);text-decoration:none;text-decoration-thickness:1px}.ds-link:hover,.ds-link:focus-visible{text-decoration:underline}.ds-link--default{color:var(--color-accent);font-weight:var(--weight-bold)}.ds-link--muted{color:var(--color-text-muted);font-weight:var(--weight-normal)}
.ds-badge{align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;line-height:1.4;display:inline-flex}.ds-badge--neutral{background:var(--color-bg-muted);color:var(--color-text-muted)}.ds-badge--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.ds-badge--success{background:var(--color-success-surface);color:var(--color-success-fg)}.ds-badge--warning{background:var(--color-warning-surface);color:var(--color-warning-fg)}.ds-badge--danger{background:var(--color-danger-surface);color:var(--color-danger-fg)}
.ds-tag{align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;line-height:1.4;text-decoration:none;display:inline-flex}.ds-tag:hover{background:var(--color-accent-subtle);color:var(--color-accent)}
.ds-theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-muted);cursor:pointer;width:3.25rem;height:1.75rem;transition:background-color var(--duration-fast) var(--ease-out);justify-content:flex-start;align-items:center;padding:.1875rem;display:inline-flex}.ds-theme-toggle[aria-pressed=true]{background:var(--color-accent-subtle);justify-content:flex-end}.ds-theme-toggle__knob{border-radius:var(--radius-full);background:var(--color-bg);width:1.375rem;height:1.375rem;box-shadow:var(--shadow-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.ds-theme-toggle[aria-pressed=true] .ds-theme-toggle__knob{color:var(--color-accent)}.ds-theme-toggle__icon{fill:currentColor;width:.8125rem;height:.8125rem}
.ds-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--duration-base) var(--ease-out)}.ds-card--padded{padding:var(--space-5)}.ds-card--interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.ds-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ds-card__title{font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}
.ds-post-meta{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}
.ds-prose{max-width:var(--width-prose);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.ds-prose :where(p,ul,ol,blockquote){margin:0}.ds-prose>*+*{margin-top:var(--space-5)}.ds-prose h2{margin-top:var(--space-12);margin-bottom:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em}.ds-prose h3{margin-top:var(--space-8);margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.ds-prose ul,.ds-prose ol{padding-left:var(--space-6)}.ds-prose li+li{margin-top:var(--space-2)}.ds-prose code{font-family:var(--font-mono);background:var(--color-bg-muted);border-radius:var(--radius-sm);padding:.15em .35em;font-size:.875em}.ds-prose pre{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-fg);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-x:auto}.ds-prose pre code{font-size:inherit;background:0 0;padding:0}.ds-prose blockquote{padding-left:var(--space-4);border-left:3px solid var(--color-border-strong);color:var(--color-text-muted)}.ds-prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ds-prose th,.ds-prose td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.ds-prose th{font-weight:var(--weight-bold);color:var(--color-text-muted)}
.ds-code{min-width:0}.ds-code__language{margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:block}.ds-code__pre{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-fg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;overflow-x:auto}.ds-code__pre code{font-family:var(--font-mono);font-size:inherit;background:0 0;padding:0}.ds-code__pre code span[style]{color:var(--shiki-light)}[data-theme=dark] .ds-code__pre code span[style]{color:var(--shiki-dark)}
.ds-empty{align-items:center;gap:var(--space-3);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-bg-subtle);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.ds-empty__message{font-size:var(--text-sm);margin:0}
.ds-skeleton{border-radius:var(--radius-md);background-color:var(--color-skeleton-base);background-image:linear-gradient(90deg, transparent 33.33%, var(--color-skeleton-sheen) 50%, transparent 66.66%);animation:ds-skeleton-shimmer var(--duration-shimmer) linear infinite;background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;display:block}@keyframes ds-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.ds-skeleton--line{width:100%;height:var(--space-3);border-radius:var(--radius-sm)}.ds-skeleton--block{width:100%;height:var(--space-16)}.ds-skeleton-group{gap:var(--space-2);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none}}
.ds-skip-link:focus-visible,.ds-skip-link--force-visible{top:var(--space-2);left:var(--space-2);width:auto;height:auto;padding:var(--space-2) var(--space-4);clip:auto;white-space:normal;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-lg);margin:0;position:fixed;overflow:visible}.ds-skip-link--force-visible{position:static}
.ds-site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.ds-site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-4);display:flex}.ds-site-header__brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-site-header__end{align-items:center;gap:var(--space-6);display:flex}.ds-site-header__nav{align-items:center;gap:var(--space-5);font-size:var(--text-sm);display:flex}
.ds-tag-list{margin:0;padding:0;list-style:none}
.ds-step-list{padding-left:var(--space-6);gap:var(--space-2);line-height:var(--leading-relaxed);max-width:var(--width-prose);flex-direction:column;margin:0;display:flex}.ds-step-list__keyword{font-weight:var(--weight-bold);color:var(--color-text-muted)}.ds-step-list--typed{gap:0;padding-left:0;list-style-position:inside}.ds-step-list--typed .ds-step-list__item{border-left:2px solid var(--color-border);padding:var(--space-1) 0 var(--space-1) var(--space-4)}.ds-step-list--typed .ds-step-list__item[data-run-start]:not(:first-child){margin-top:var(--space-3)}.ds-step-list--typed .ds-step-list__item[data-run=context]{border-left-color:var(--color-border-strong)}.ds-step-list--typed .ds-step-list__item[data-run=action]{border-left-color:var(--color-accent)}.ds-step-list--typed .ds-step-list__item[data-run=outcome]{border-left-color:var(--color-success-fg)}
.ds-post-template__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.02em}
.ds-site-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}
.ds-post-card{position:relative}.ds-post-card__title{font-size:var(--text-lg);margin:0}.ds-post-card__link{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-text)}.ds-post-card__link:after{content:"";z-index:0;position:absolute;inset:0}.ds-post-card__description{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.ds-post-card__tags{z-index:1;position:relative}
.ds-blog-index__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}.ds-blog-index__intro{max-width:var(--width-prose);color:var(--color-text-muted);margin:0}
.ds-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--leading-normal)}.ds-table__cell{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.ds-table__row>.ds-table__cell:first-child{padding-inline-start:0}.ds-table__row>.ds-table__cell:last-child{padding-inline-end:0}.ds-table__cell--header{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-strong)}.ds-table__cell--numeric{text-align:right}td.ds-table__cell--numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ds-table__cell--truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ds-table__body .ds-table__row:last-child .ds-table__cell{border-bottom:0}@media not (min-width:768px){.ds-table,.ds-table__body{display:block}.ds-table__head{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-table__row{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.ds-table__row+.ds-table__row{margin-top:var(--space-3)}.ds-table__cell{align-items:baseline;gap:var(--space-1) var(--space-2);text-align:left;border-bottom:0;flex-wrap:wrap;min-width:0;padding:0;display:flex}.ds-table__cell--truncate{white-space:normal;overflow:visible}td.ds-table__cell:before{content:attr(data-label);font-family:var(--font-sans);font-size:var(--text-xs);font-variant-numeric:normal;color:var(--color-text-muted)}}
.ds-bucket-chip{align-items:center;gap:var(--space-2);padding:.125rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1.4;display:inline-flex}.ds-bucket-chip__count{font-family:var(--font-mono);font-weight:var(--weight-normal);font-variant-numeric:tabular-nums}.ds-bucket-chip[aria-pressed=true]{border-color:currentColor}.ds-bucket-chip--danger{background:var(--color-danger-surface);color:var(--color-danger-fg)}.ds-bucket-chip--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.ds-bucket-chip--neutral{background:var(--color-bg-muted);color:var(--color-text-muted)}.ds-bucket-chip--muted{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.ds-bucket-chip--a11y{background:var(--color-warning-surface);color:var(--color-warning-fg)}
.ds-thumbnail{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);max-width:100%;display:block;overflow:hidden}.ds-thumbnail__img{width:100%;height:auto}.ds-thumbnail__img--pending{display:none}.ds-thumbnail__fallback{min-height:var(--space-16);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;justify-content:center;align-items:center;display:flex}.ds-thumbnail--reserved>.ds-skeleton,.ds-thumbnail--reserved>.ds-thumbnail__img{object-fit:cover;height:100%}
.ds-dialog{--ds-dialog-scrim:var(--color-text);z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}[data-theme=dark] .ds-dialog{--ds-dialog-scrim:var(--color-text-inverted)}.ds-dialog__backdrop{background:color-mix(in srgb, var(--ds-dialog-scrim) 87%, transparent);animation:ds-dialog-scrim-in var(--duration-fast) var(--ease-out);position:absolute;inset:0}.ds-dialog__surface{gap:var(--space-2);width:100%;max-height:calc(100% - var(--space-8));padding:var(--space-2) var(--space-4) var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-lg);animation:ds-dialog-sheet-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.ds-dialog__content{overscroll-behavior:contain;overflow-y:auto}.ds-dialog__grabber{padding:var(--space-1) 0;touch-action:none;cursor:grab;justify-content:center;display:flex}.ds-dialog__grabber-bar{width:var(--space-10);height:var(--space-1);border-radius:var(--radius-full);background:var(--color-bg-muted)}.ds-dialog__header{justify-content:flex-end;display:flex}.ds-dialog__close{width:var(--space-10);height:var(--space-10);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-dialog__close:hover{background:var(--color-bg-subtle)}@media (min-width:768px){.ds-dialog{padding:var(--space-8);align-items:center}.ds-dialog__surface{width:auto;min-width:20rem;max-width:var(--width-container);max-height:100%;padding:var(--space-4) var(--space-6) var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);animation-name:ds-dialog-overlay-in}.ds-dialog__grabber{display:none}}@keyframes ds-dialog-scrim-in{0%{opacity:0}}@keyframes ds-dialog-sheet-in{0%{transform:translateY(100%)}}@keyframes ds-dialog-overlay-in{0%{opacity:0;transform:translateY(var(--space-2))}}
.ds-tristate-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);display:inline-flex}.ds-tristate-checkbox__input{opacity:0;cursor:pointer;width:1.125rem;height:1.125rem;margin:0}.ds-tristate-checkbox__box{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);pointer-events:none;width:1.125rem;height:1.125rem;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;margin-left:-1.125rem;display:inline-flex}.ds-tristate-checkbox__input:checked+.ds-tristate-checkbox__box,.ds-tristate-checkbox__input:indeterminate+.ds-tristate-checkbox__box{background:var(--color-accent);border-color:var(--color-accent)}.ds-tristate-checkbox__input:checked+.ds-tristate-checkbox__box:after{content:"";border:2px solid var(--color-text-inverted);border-top:0;border-left:0;width:.25rem;height:.5rem;margin-bottom:.125rem;transform:rotate(45deg)}.ds-tristate-checkbox__input:indeterminate+.ds-tristate-checkbox__box:after{content:"";border:1px solid var(--color-text-inverted);border-radius:var(--radius-full);width:.5rem;height:0;margin:0;transform:none}.ds-tristate-checkbox__input:focus-visible+.ds-tristate-checkbox__box{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ds-tristate-checkbox__box{transition:none}}
.ds-segmented{padding:var(--space-1);align-items:stretch;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted);flex-wrap:wrap;display:inline-flex}.ds-segmented__segment{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);min-height:2.5rem;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000}.ds-segmented__segment:hover{color:var(--color-text)}.ds-segmented__segment[aria-pressed=true]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm)}@media (min-width:768px){.ds-segmented__segment{min-height:2rem}}@media (prefers-reduced-motion:reduce){.ds-segmented__segment{transition:none}}
.ds-icon-btn{appearance:none;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-icon-btn--sm{min-width:2rem;min-height:2rem}.ds-icon-btn--md{min-width:2.5rem;min-height:2.5rem}.ds-icon-btn--secondary{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.ds-icon-btn--ghost{color:var(--color-text-muted);background:0 0;border:1px solid #0000}.ds-icon-btn:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-accent)}.ds-icon-btn:disabled{opacity:.45;pointer-events:none}.ds-icon-btn__glyph{display:inline-flex}.ds-icon-btn__glyph>svg{width:1rem;height:1rem}
.ds-spinner{border:2px solid var(--color-border);border-radius:var(--radius-full);vertical-align:-.125em;block-size:1em;inline-size:1em;animation:ds-spinner-rotate var(--duration-spin) linear infinite;border-block-start-color:currentColor;flex:none;display:inline-block}@keyframes ds-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-spinner{animation:none}}

:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}main{padding-block:var(--space-8);min-height:60vh}.vd-brand{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.vd-brand__mark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}.vd-brand__tagline{font-size:var(--text-xs);color:var(--color-text-muted)}.vd-sample{align-items:center;gap:var(--space-2);margin-block-end:var(--space-6);display:flex}.vd-sample__note{font-size:var(--text-sm);color:var(--color-text-muted)}.vd-count,.vd-report-id,.vd-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.vd-console{gap:var(--space-6);align-items:start;display:grid}.vd-console__column{min-width:0}.vd-panel{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);min-width:0}.vd-panel__title{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0;display:flex}.vd-panel__title:before{content:"";width:var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent);flex:none;height:3px}.vd-set{align-items:center;gap:var(--space-2);min-width:0;display:flex}.vd-set__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-outcome{font-weight:var(--weight-bold);align-items:center;gap:var(--space-1);display:inline-flex}.vd-outcome--success{color:var(--color-success-text)}.vd-outcome--warning{color:var(--color-warning-text)}.vd-outcome--danger{color:var(--color-danger-text)}.vd-outcome--muted{color:var(--color-text-muted)}.vd-picker__label,.vd-retention__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.vd-picker__select,.vd-retention__count{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);touch-action:manipulation;min-height:2rem}.vd-picker__select{max-width:14rem}.vd-retention__count{font-variant-numeric:tabular-nums;width:5rem}
.vd-tabs{gap:var(--space-1);border-block-end:1px solid var(--color-border);flex-wrap:wrap;display:flex}.vd-tab{appearance:none;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;border:0;touch-action:manipulation;transition:color var(--duration-fast) var(--ease-out);background:0 0;border-block-end:2px solid #0000;margin-block-end:-1px}.vd-tab:hover{color:var(--color-text)}.vd-tab--selected{color:var(--color-text);font-weight:var(--weight-bold);border-block-end-color:var(--color-accent)}.vd-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.vd-field__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.vd-field__input{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);touch-action:manipulation;width:100%;min-height:2.25rem}.vd-field__input::placeholder{color:var(--color-text-muted)}.vd-field__control{align-items:stretch;gap:var(--space-2);width:100%;min-width:0;display:flex}.vd-field__control .vd-field__input{flex:auto;min-width:0}.vd-field__status{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.vd-run__running{background:var(--color-accent-subtle);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm)}.vd-run__anchor{color:var(--color-accent)}.vd-run__running .ds-spinner{color:var(--color-accent);margin-inline-end:var(--space-2)}.vd-note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.vd-alert{background:var(--color-danger-surface);color:var(--color-danger-fg);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm)}.vd-alert__line{margin:0}.vd-alert__list{margin:0;padding-inline-start:var(--space-5)}.vd-job{font-size:var(--text-sm)}.vd-job__label{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vd-job__figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.vd-outcome--accent{color:var(--color-accent)}.vd-log{background:var(--color-code-bg);max-block-size:14rem;color:var(--color-code-fg);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.vd-confirm__question{font-size:var(--text-base);margin:0}.vd-confirm__detail{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.vd-confirm__list-title{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.vd-confirm__labels{font-size:var(--text-sm);margin:0;padding-inline-start:var(--space-5)}
.vd-report__header{border-block-end:1px solid var(--color-border);padding-block-end:var(--space-4)}.vd-report__back{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}.vd-report__back:hover{color:var(--color-text)}.vd-report-id{font-size:var(--text-base);font-weight:var(--weight-bold);overflow-wrap:anywhere;margin:0}.vd-report__more{font-size:var(--text-sm)}.vd-report__more summary{cursor:pointer;touch-action:manipulation;color:var(--color-text-muted)}.vd-report__more[open] summary{margin-block-end:var(--space-3)}.vd-report__run-info{font-size:var(--text-sm);color:var(--color-text-muted)}.vd-report__sets{gap:var(--space-1);font-size:var(--text-sm);margin:0;display:grid}.vd-report__side{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.vd-report__identity{min-width:0;margin:0}.vd-report__label{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.vd-report__meta{color:var(--color-text-muted)}.vd-review{padding-block:var(--space-3);border-block:1px solid var(--color-border)}.vd-review__search{min-width:12rem}.vd-canonical{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.vd-canonical__facts{row-gap:var(--space-2)}.vd-filter{border:0;min-width:0;margin:0;padding:0}.vd-filter__tiers{gap:var(--space-2);align-items:start;min-width:0;display:grid}.vd-filter__tier{min-width:0}.vd-filter__toggle{padding:0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0}.vd-filter__toggle:hover{color:var(--color-text)}.vd-filter__components{padding-left:var(--space-5)}.vd-review__bar{inline-size:6rem;block-size:var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted);display:block;overflow:hidden}.vd-review__bar-fill{background:var(--color-accent);block-size:100%;transition:inline-size var(--duration-base) var(--ease-out);display:block}.vd-review__percent{font-size:var(--text-xs);color:var(--color-text-muted)}.vd-warnings{background:var(--color-warning-surface);color:var(--color-warning-fg);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm)}.vd-warnings__list{margin:0;padding-inline-start:var(--space-5)}.vd-section{min-width:0}.vd-section__head{border-block-end:1px solid var(--color-border);padding-block-end:var(--space-2)}.vd-section__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-muted);margin:0}.vd-section__collapse{appearance:none;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin-inline-start:auto}.vd-section__collapse:hover{color:var(--color-text)}.vd-section__note{font-size:var(--text-sm);color:var(--color-warning-text);margin:0}.vd-section__viewports{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}
.vd-card{--vd-card-border:1px;border:var(--vd-card-border) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.vd-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.vd-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);min-width:0;margin:0}.vd-card__worst{font-size:var(--text-sm)}.vd-card__slug{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vd-card__verdict{font-size:var(--text-sm);color:var(--color-danger-text);margin:0}.vd-card__gaps{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;padding-inline-start:var(--space-5)}.vd-variant{gap:var(--space-2);border-inline-start:2px solid var(--color-border);flex-direction:column;min-width:0;padding-inline-start:var(--space-3);display:flex}.vd-variant__mode,.vd-variant__metric,.vd-variant__link{font-size:var(--text-sm)}.vd-variant__metric{color:var(--color-text-muted)}.vd-variant__error{font-size:var(--text-sm);color:var(--color-danger-text);overflow-wrap:anywhere;margin:0}.vd-violations{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);background:var(--color-danger-surface);color:var(--color-danger-fg);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0}.vd-violations__item+.vd-violations__item{margin-block-start:var(--space-2)}.vd-violations__nodes{font-size:var(--text-xs)}.vd-violations__docs{color:inherit}.vd-three-up{min-width:0}.vd-three-up__frames{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.vd-shot{gap:var(--space-1);flex-direction:column;min-width:0;margin:0;display:flex}.vd-shot__label{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-shot__open{appearance:none;border-radius:var(--radius-md);cursor:zoom-in;touch-action:manipulation;background:0 0;border:0;padding:0;display:block}.vd-shot__open:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.vd-shot__absent{font-family:var(--font-mono)}.vd-tool{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-text);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out)}.vd-tool:hover{background:var(--color-bg-muted)}
.vd-compare__head{justify-content:space-between}.vd-compare__modes{width:100%}.vd-compare__title{font-size:var(--text-sm);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.vd-compare__metric,.vd-compare__sides,.vd-compare__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.vd-compare__stage{overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-subtle);block-size:60dvh;position:relative;overflow:auto}.vd-compare__shot{background-image:repeating-conic-gradient(var(--color-bg-muted) 0% 25%, transparent 0% 50%);background-size:var(--space-4) var(--space-4);width:100%;height:auto;display:block}.vd-compare__shot--actual{width:auto;max-width:none;image-rendering:pixelated}.vd-compare__absent{padding:var(--space-6);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.vd-compare__split{position:relative}.vd-compare__over{position:absolute;inset:0}.vd-compare__divider{background:var(--color-accent);cursor:ew-resize;touch-action:none;width:2px;position:absolute;inset-block:0}.vd-compare__handle{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-accent);box-shadow:var(--shadow-md);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vd-scrub{height:var(--space-6);border-radius:var(--radius-full);background:var(--color-bg-muted);cursor:ew-resize;touch-action:none;position:relative}.vd-scrub:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.vd-scrub__fill{border-radius:inherit;background:var(--color-accent-subtle);position:absolute;inset-block:0;inset-inline-start:0}.vd-scrub__knob{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--color-accent);position:absolute;top:50%;transform:translate(-50%,-50%)}
@media (min-width:768px){.vd-console{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vd-filter__tiers{column-gap:var(--space-4);grid-template-rows:repeat(2,auto);grid-auto-flow:column}.vd-field{align-items:center;gap:var(--space-3);flex-direction:row}.vd-field__label{flex:none;width:6rem}.vd-report__sets{column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:baseline}.vd-review__search{min-width:16rem}html{--vd-section-head:var(--space-10);--vd-card-head-max:5.5rem}.vd-section__head{z-index:2;min-block-size:var(--vd-section-head);background:var(--color-bg);padding-block-start:var(--space-2);position:sticky;inset-block-start:0}.vd-card__head{z-index:1;margin:calc((var(--space-4) + var(--vd-card-border)) * -1) calc((var(--space-4) + var(--vd-card-border)) * -1) 0;padding:var(--space-4) var(--space-4) var(--space-2);background:var(--color-bg);border:var(--vd-card-border) solid var(--color-border);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);position:sticky;inset-block-start:var(--vd-section-head)}html{scroll-padding-block-start:calc(var(--vd-section-head) + var(--vd-card-head-max))}.vd-shot__frame{aspect-ratio:5/2}.vd-shot__frame>*{block-size:100%}.vd-shot__frame .ds-thumbnail__img{object-fit:contain;inline-size:100%}.vd-three-up__frames{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-compare__modes{width:auto}.vd-compare__stage{block-size:70dvh}}