@font-face{font-family:Chakra Petch;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-variable-CaVRRdDk.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-variable-CaVRRdDk.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-variable-CaVRRdDk.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-variable-CaVRRdDk.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-400-DMJ8VG8y.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-700-7sUh57Bg.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--clr-petrol-50: #f4f6f5;--clr-petrol-100: #dfe4e2;--clr-petrol-200: #c3cac8;--clr-petrol-300: #93a19e;--clr-petrol-400: #6b7d79;--clr-petrol-500: #4a5a57;--clr-petrol-600: #3a4448;--clr-petrol-700: #232b2f;--clr-petrol-800: #1a2124;--clr-petrol-900: #12171a;--clr-petrol-950: #0b0e10;--clr-teal-50: #e6f4f1;--clr-teal-100: #cdebe6;--clr-teal-300: #2dd4c0;--clr-teal-500: #0fb5a3;--clr-teal-700: #065a51;--clr-teal-800: #054a43;--clr-teal-900: #0f2e2b;--clr-gold-100: #faf3de;--clr-gold-500: #cfa53b;--clr-gold-700: #8a6a1f;--clr-gold-900: #2a2312;--clr-danger-300: #f0765f;--clr-danger-500: #7a1f16;--clr-success-300: #9bc36a;--clr-success-500: #3d5c1f;--clr-warning-300: #e0a83f;--clr-warning-500: #7a5410;--clr-test-500: #6b21c9;--clr-white: #ffffff;--clr-black: #000000;--clr-chart-1: #2f7d6e;--clr-chart-2: #3a6ea5;--clr-chart-3: #6b7a2f;--clr-chart-4: #4a548a;--clr-chart-5: #8a5a3a;--clr-chart-6: #5a7d8a;--clr-chart-7: #7a4a6e;--clr-chart-8: #4a7a5a;--color-canvas: var(--clr-petrol-100);--color-surface: var(--clr-petrol-50);--color-surface-sunken: var(--clr-petrol-200);--color-border: var(--clr-petrol-300);--color-border-strong: var(--clr-petrol-950);--color-border-card: var(--clr-petrol-400);--color-border-input: var(--clr-petrol-400);--color-text: var(--clr-petrol-950);--color-text-secondary: var(--clr-petrol-700);--color-text-muted: var(--clr-petrol-600);--color-accent: var(--clr-teal-700);--color-accent-hover: var(--clr-teal-800);--color-accent-contrast: #ffffff;--color-accent-tint: var(--clr-teal-50);--color-accent-tint-text: var(--clr-teal-800);--color-gold: var(--clr-gold-700);--color-gold-contrast: #ffffff;--color-gold-tint: var(--clr-gold-100);--color-danger: var(--clr-danger-500);--color-danger-contrast: #ffffff;--color-success: var(--clr-success-500);--color-success-contrast: #ffffff;--color-warning: var(--clr-warning-500);--color-warning-contrast: #ffffff;--color-focus-ring: var(--color-border-strong);--color-test: var(--clr-test-500);--color-test-contrast: #ffffff}[data-surface=stage]{--color-canvas: var(--clr-petrol-950);--color-surface: var(--clr-petrol-900);--color-surface-sunken: var(--clr-petrol-800);--color-border: var(--clr-petrol-700);--color-border-strong: var(--clr-petrol-50);--color-border-card: var(--clr-petrol-400);--color-border-input: var(--clr-petrol-400);--color-text: var(--clr-petrol-50);--color-text-secondary: var(--clr-petrol-300);--color-text-muted: var(--clr-petrol-400);--color-accent: var(--clr-teal-300);--color-accent-hover: var(--clr-teal-500);--color-accent-contrast: var(--clr-petrol-950);--color-accent-tint: var(--clr-teal-900);--color-accent-tint-text: var(--clr-teal-300);--color-gold: var(--clr-gold-500);--color-gold-contrast: var(--clr-petrol-950);--color-gold-tint: var(--clr-gold-900);--color-danger: var(--clr-danger-300);--color-danger-contrast: var(--clr-petrol-950);--color-success: var(--clr-success-300);--color-success-contrast: var(--clr-petrol-950);--color-warning: var(--clr-warning-300);--color-warning-contrast: var(--clr-petrol-950);--color-focus-ring: var(--color-border-strong)}:root{--font-display: "Chakra Petch", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, "Roboto Mono", monospace;--text-3xs: .6875rem;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.3125rem;--text-xl: 1.625rem;--text-2xl: 2.0625rem;--text-3xl: 2.5625rem;--text-4xl: 3.1875rem;--text-5xl: 4rem;--text-6xl: 6rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-mono: 1;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .02em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--bevel-md: 6px;--bevel-lg: 9px;--cut-lg: 16px;--border-hairline: 1px;--border-strong: 2px;--max-width-content: 72rem;--max-width-reading: 42rem;--tap-target-min: 2.75rem;--focus-ring-width: 2px;--focus-ring-offset: 2px;--opacity-disabled: .5}:root{--dur-press: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-stage: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1)}.brand-lockup{display:inline-flex;align-items:baseline;gap:.6em;min-width:0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--brand-lockup-size, 1.0625rem);line-height:1.25;letter-spacing:var(--tracking-wide);color:inherit;white-space:nowrap}.brand-lockup-mark{display:inline-flex;flex:none;width:1.08em;height:.926em;color:var(--color-accent);transform:translateY(.029em)}.brand-lockup-mark svg{display:block;width:100%;height:100%}.brand-lockup-name{min-width:0}:root{--radius-field: var(--radius-sm);--radius-selector: var(--radius-sm);--radius-box: var(--radius-md);--radius-dialog: var(--radius-lg)}:root,[data-surface],[data-brand]{--btn-primary-bg: var(--color-accent);--btn-primary-fg: var(--color-accent-contrast);--btn-primary-hover: var(--color-accent-hover);--btn-danger-bg: var(--color-danger);--btn-danger-fg: var(--color-danger-contrast);--btn-outline-edge: var(--color-border-strong);--field-edge: var(--color-border-input);--field-edge-error: var(--color-danger);--box-edge: var(--color-border-card);--selected-bg: var(--color-accent-tint);--selected-fg: var(--color-accent-tint-text);--selected-edge: var(--color-accent)}[data-density=compact]{--density-stack: var(--space-4);--density-card-pad: var(--space-3);--density-row-pad-y: var(--space-1);--density-row-pad-x: var(--space-3);--density-cell-pad: var(--space-1);--density-gap: var(--space-2)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.font-mono-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;line-height:var(--leading-mono)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}[data-input-modality=pointer] :focus-visible{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-test-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:repeating-linear-gradient(-45deg,var(--color-test),var(--color-test) var(--space-3),var(--clr-petrol-950) var(--space-3),var(--clr-petrol-950) calc(var(--space-3) * 2));color:var(--color-test-contrast);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}[data-surface=stage] .is-test-banner{font-size:clamp(var(--text-base),2.5vw,var(--text-xl))}.tap-target{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.status-live-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--radius-selector);background:var(--color-accent)}@media(prefers-reduced-motion:no-preference){.status-live-dot{animation:status-live-pulse 4s ease-in-out infinite}}@keyframes status-live-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-bevel.btn-bevel{border-radius:var(--bevel-lg) var(--radius-field) var(--bevel-lg) var(--radius-field)}@supports (corner-shape: bevel){.btn-bevel.btn-bevel{corner-shape:bevel round bevel round}}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border:var(--border-hairline) solid var(--tag-edge, var(--color-border));border-radius:var(--radius-selector);color:var(--tag-ink, var(--color-text-secondary));font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.tag-solid{--tag-ink: var(--color-accent-contrast);border-color:var(--color-accent);background:var(--color-accent)}.tag-dashed{border-style:dashed}.panel{border:var(--border-hairline) solid var(--box-edge);border-radius:var(--radius-box)}.icon-frame{display:grid;place-items:center;border:var(--border-hairline) solid var(--frame-edge, var(--color-accent));border-radius:var(--radius-selector);color:var(--frame-ink, var(--color-accent))}.menu-toggle{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);padding:0;border:var(--border-hairline) solid var(--field-edge);border-radius:var(--radius-field);background:transparent;color:var(--color-text);cursor:pointer}.action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);border:var(--border-hairline) solid transparent;border-radius:var(--radius-field);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.action-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.action-primary:hover{background:var(--btn-primary-hover)}.action-outline{background:transparent;color:var(--color-text);border-color:var(--field-edge)}.action-outline:hover{border-color:var(--color-accent)}.page-hero{position:relative;isolation:isolate;padding-block:clamp(3.5rem,8vw,6rem) clamp(3rem,6vw,4.5rem)}.page-hero-grid{position:absolute;z-index:-2;top:0;right:-12vw;bottom:0;left:-12vw;opacity:.55;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:3.5rem 3.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,var(--clr-black) 18%,var(--clr-black) 82%,transparent);mask-image:linear-gradient(90deg,transparent,var(--clr-black) 18%,var(--clr-black) 82%,transparent);pointer-events:none}.page-hero-kicker{margin:0 0 var(--space-4);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.page-hero h1{max-width:54rem;margin:0;font-family:var(--font-display);font-size:clamp(2.75rem,8vw,6rem);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-transform:uppercase}.page-hero h1 span{color:var(--color-accent)}.page-hero-intro{max-width:42rem;margin:var(--space-6) 0 0;color:var(--color-text-secondary);font-size:clamp(var(--text-base),2vw,var(--text-xl));line-height:var(--leading-relaxed)}.cut-lg{clip-path:polygon(var(--cut-lg) 0,100% 0,100% calc(100% - var(--cut-lg)),calc(100% - var(--cut-lg)) 100%,0 100%,0 var(--cut-lg))}.form-field-error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--color-danger)}.form-field-error:before{content:"!";flex:none;display:inline-grid;place-items:center;width:1.125rem;height:1.125rem;margin-top:1px;border-radius:var(--radius-selector);background:var(--color-danger);color:var(--color-danger-contrast);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);line-height:1}.form-field-error:empty{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.form-field-error:empty:before{content:none}.fb-btn{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);border:var(--border-hairline) solid var(--btn-outline-edge);border-radius:var(--radius-field);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.fb-btn:hover{background:var(--color-surface-sunken)}.fb-btn--primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.fb-btn--primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.fb-btn--danger{background:var(--btn-danger-bg);border-color:var(--btn-danger-bg);color:var(--btn-danger-fg)}.fb-btn--danger:hover{background:var(--btn-danger-bg);border-color:var(--btn-danger-bg);filter:brightness(.9)}.fb-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback-test{align-self:flex-start;margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-selector);background:var(--color-test);color:var(--color-test-contrast);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.feedback-title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.feedback-body{margin:0;white-space:pre-line;font-size:var(--text-sm);color:var(--color-text-secondary)}.confirm-panel{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-hairline) solid var(--box-edge);border-inline-start:4px solid var(--color-warning);border-radius:var(--radius-box);grid-column:1 / -1;animation:feedback-in var(--dur-base) var(--ease-out) both}.confirm-panel[data-tone=danger]{border-inline-start-color:var(--color-danger)}@keyframes feedback-in{0%{opacity:0;transform:translateY(4px)}}.dialog{box-sizing:border-box;width:min(32rem,calc(100vw - var(--space-5)));margin:auto;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);border:var(--border-strong) solid var(--color-border-strong);border-radius:var(--radius-dialog)}.dialog[open]{display:flex;flex-direction:column;gap:var(--space-3);animation:feedback-in var(--dur-base) var(--ease-out) both}.dialog::backdrop{background:color-mix(in srgb,var(--clr-petrol-950) 72%,transparent)}.toast-region{position:fixed;inset-inline:var(--space-4);bottom:var(--space-4);z-index:50;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-field);background:var(--color-text);color:var(--color-canvas);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);animation:feedback-in var(--dur-base) var(--ease-out) both}.toast:before{content:"✓";flex:none;font-weight:var(--font-weight-bold)}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-4);background:var(--color-surface);border:var(--border-hairline) dashed var(--box-edge);border-radius:var(--radius-box);color:var(--color-text-secondary)}.empty[hidden]{display:none}.empty[data-kind]:before{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border:1.5px solid var(--color-text-secondary);border-radius:var(--radius-selector);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1}.empty[data-kind=first-use]:before{content:"+"}.empty[data-kind=done]:before{content:"✓"}.empty[data-kind=no-results]:before{content:"?"}.empty-title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-text{margin:0}.status{--status-ink: var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2) 2px 6px;border:var(--border-hairline) solid currentColor;border-radius:var(--radius-selector);color:var(--status-ink);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);text-transform:uppercase;white-space:nowrap}.status:before{content:"";box-sizing:border-box;flex:none;display:inline-grid;place-items:center;width:.875rem;height:.875rem;border-radius:var(--radius-selector);font-family:var(--font-mono);font-size:var(--text-3xs);font-weight:var(--font-weight-bold);line-height:1}.status[data-state=live]{--status-ink: var(--color-accent)}.status[data-state=live]:before{background:currentColor}.status[data-state=queued]:before{border:var(--border-strong) solid currentColor}.status[data-state=done]{--status-ink: var(--color-success)}.status[data-state=done]:before{content:"✓";content:"✓" / "";background:var(--status-ink);color:var(--color-success-contrast)}.status[data-state=attention]{--status-ink: var(--color-warning)}.status[data-state=attention]:before{content:"!";content:"!" / "";background:var(--status-ink);color:var(--color-warning-contrast)}.status[data-state=failed]{--status-ink: var(--color-danger)}.status[data-state=failed]:before{content:"×";content:"×" / "";background:var(--status-ink);color:var(--color-danger-contrast)}.status[data-state=offline]:before{border:var(--border-strong) dashed currentColor}.status[data-state=test]{--status-ink: var(--color-test-contrast);background:var(--color-test);border-color:var(--color-test)}.status[data-state=test]:before{border:var(--border-hairline) solid currentColor;background:repeating-linear-gradient(45deg,currentColor 0 2px,transparent 2px 4px)}.status--light:not([data-state=test]){border-color:transparent;background:color-mix(in srgb,currentColor 14%,transparent)}@media(prefers-reduced-motion:no-preference){.status[data-state=live]:before{animation:status-live-pulse 4s ease-in-out infinite}}@media(forced-colors:active){.status--light{border-color:currentColor}.meter-fill,.meter-active{background:CanvasText;forced-color-adjust:none}.status[data-state=live]:before,.status[data-state=done]:before,.status[data-state=attention]:before,.status[data-state=failed]:before{background:CanvasText;color:Canvas;forced-color-adjust:none}}.tabs{display:flex;gap:var(--space-1);inline-size:fit-content;max-inline-size:100%;padding:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-selector);overflow-x:auto}.tab{flex:none;min-block-size:var(--tap-target-min);padding:0 var(--space-4);border:0;border-block-end:var(--border-strong) solid transparent;border-radius:var(--radius-selector);background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{background:var(--color-surface);border-block-end-color:var(--selected-edge);color:var(--color-text)}.tab:focus-visible{outline-offset:calc(var(--focus-ring-offset) * -1)}.tabpanel[hidden]{display:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-hairline) solid var(--box-edge);border-radius:var(--radius-box)}.stat[data-tone=ok]{border-inline-start:var(--border-strong) solid var(--color-success)}.stat[data-tone=warn]{border-inline-start:var(--border-strong) solid var(--color-warning)}.stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary)}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);overflow-wrap:anywhere}.stat-unit{font-size:var(--text-md);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.stat-sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.meter{display:flex;inline-size:100%;block-size:.5rem;background:var(--color-surface-sunken);border:var(--border-hairline) solid var(--box-edge);border-radius:var(--radius-selector);box-sizing:content-box;overflow:hidden}.meter-fill{background:var(--color-accent)}.meter-active{background:repeating-linear-gradient(-45deg,var(--color-accent),var(--color-accent) 2px,transparent 2px,transparent 4px)}.steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:steps}.steps>li{counter-increment:steps;display:inline-flex;align-items:center;gap:var(--space-2);min-inline-size:0;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-selector);color:var(--color-text-secondary);font-size:var(--text-sm)}.steps>li:before{content:counter(steps);flex:none;display:inline-grid;place-items:center;box-sizing:border-box;inline-size:1.5rem;block-size:1.5rem;border:var(--border-strong) solid currentColor;border-radius:var(--radius-selector);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.steps>li[data-state=done]:before{content:"✓";content:"✓" / "Done: ";background:var(--color-success);border-color:var(--color-success);color:var(--color-success-contrast)}.steps>li[aria-current=step]{padding:calc(var(--space-1) - 1px) calc(var(--space-3) - 1px) calc(var(--space-1) - 1px) calc(var(--space-1) - 1px);background:var(--selected-bg);border:var(--border-strong) solid var(--selected-edge);color:var(--selected-fg);font-weight:var(--font-weight-bold)}.steps>li[aria-current=step]:before{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.steps>li:has(>.steps-link){padding:0}.steps-link{display:flex;align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--tap-target-min);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}