:root{--color-paper: oklch(98.5% .004 250);--color-paper-2: oklch(96.5% .006 252);--color-paper-3: oklch(94% .007 252);--color-rule: oklch(90% .008 252);--color-rule-2: oklch(82% .01 253);--color-ink: oklch(24% .02 258);--color-ink-2: oklch(34% .018 257);--color-muted: oklch(55% .014 256);--color-faint: oklch(70% .01 254);--color-accent: oklch(58% .2 256);--color-accent-deep: oklch(45% .17 258);--color-accent-ink: oklch(98% .01 256);--color-focus: oklch(58% .2 256);--color-graphite: oklch(22% .016 260);--color-graphite-2: oklch(28% .018 260);--color-graphite-ink: oklch(94% .008 256);--color-danger: oklch(52% .19 27);--color-danger-bg: oklch(95% .03 27);--color-warn: oklch(56% .13 75);--color-warn-bg: oklch(95% .04 80);--color-ok: oklch(53% .14 155);--cell-1: oklch(93% .012 254);--cell-2: oklch(87% .02 254);--cell-3: oklch(80% .032 255);--cell-4: oklch(72% .045 255);--cell-ink: oklch(30% .06 258);--color-bar: oklch(62% .09 256);--crosshair: oklch(58% .2 256 / .09);--scrim: oklch(24% .02 258 / .32);--font-display: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", monospace;--font-body: "Inter Tight", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--weight-body: 400;--weight-medium: 500;--weight-display: 700;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--track-display: -.01em;--track-label: .06em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-chip: 3px;--radius-control: 6px;--radius-card: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--lift: 0 1px 2px oklch(24% .02 258 / .05);--lift-panel: 0 8px 24px oklch(24% .02 258 / .12);--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-paper: oklch(16% .012 258);--color-paper-2: oklch(19.5% .013 258);--color-paper-3: oklch(23% .014 258);--color-rule: oklch(29% .012 256);--color-rule-2: oklch(38% .014 256);--color-ink: oklch(93% .008 256);--color-ink-2: oklch(85% .01 256);--color-muted: oklch(66% .014 256);--color-faint: oklch(50% .012 256);--color-accent: oklch(68% .17 256);--color-accent-deep: oklch(78% .14 256);--color-accent-ink: oklch(16% .02 258);--color-focus: oklch(68% .17 256);--color-graphite: oklch(21% .016 260);--color-graphite-2: oklch(27% .018 260);--color-danger: oklch(72% .15 27);--color-danger-bg: oklch(26% .06 27);--color-warn: oklch(78% .12 80);--color-warn-bg: oklch(26% .05 75);--color-ok: oklch(72% .13 155);--cell-1: oklch(26% .022 256);--cell-2: oklch(32% .038 256);--cell-3: oklch(39% .058 256);--cell-4: oklch(47% .08 256);--cell-ink: oklch(92% .03 256);--color-bar: oklch(60% .1 256);--crosshair: oklch(68% .17 256 / .13);--scrim: oklch(10% .01 258 / .55);--weight-body: 350;--lift: 0 1px 2px oklch(6% .01 258 / .4);--lift-panel: 0 8px 24px oklch(6% .01 258 / .5)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);font-style:normal;letter-spacing:var(--track-display);color:var(--color-ink);margin:0}h1{font-size:var(--text-xl);line-height:1.2}h2{font-size:var(--text-base);line-height:1.3}h3{font-size:var(--text-sm);line-height:1.35}p{margin:0}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-accent-deep)}table,time,.tabular{font-variant-numeric:tabular-nums}.code,.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0}.label,.field>span,.field>legend{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-muted)}.field{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}input,select,textarea{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-body);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);padding:var(--space-2xs) var(--space-xs);max-width:100%;transition:border-color var(--dur-micro) var(--ease-out)}input[type=search],input[type=url]{font-variant-numeric:tabular-nums}textarea{line-height:1.5;resize:vertical}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-muted)}input::placeholder,textarea::placeholder{color:var(--color-faint)}input:disabled,select:disabled,textarea:disabled{color:var(--color-faint);background:var(--color-paper-2);cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-chip)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;border-color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.2;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.button:hover:not(:disabled){border-color:var(--color-muted);background:var(--color-paper-2)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.button.primary:hover:not(:disabled){background:var(--color-accent-deep);border-color:var(--color-accent-deep)}.button.danger{color:var(--color-danger);border-color:var(--color-rule-2);background:var(--color-paper)}.button.danger:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-bg)}.button:disabled{opacity:.45;cursor:not-allowed}.link{font-family:var(--font-body);font-size:inherit;padding:0;border:none;background:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--dur-micro) var(--ease-out)}.link:hover:not(:disabled){text-decoration-color:currentcolor}.link.danger{color:var(--color-danger)}.link:disabled{color:var(--color-faint);cursor:not-allowed}.page{max-width:62rem;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-rule)}.head .lede{flex:1 1 22rem;max-width:60ch;font-size:var(--text-sm);color:var(--color-muted)}.panel,.card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-sm)}.criteria{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.crit{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);min-width:2.75rem;padding:var(--space-2xs) 0;border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.crit:hover:not(.on){border-color:var(--color-muted);background:var(--color-paper-2)}.crit.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.badge{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.06em;background:var(--cell-2);color:var(--cell-ink);border-radius:var(--radius-chip);padding:1px var(--space-2xs)}.segmented{display:inline-flex;border:1px solid var(--color-rule-2);border-radius:var(--radius-control);overflow:hidden}.segmented button{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-3xs) var(--space-xs);border:none;background:var(--color-paper);color:var(--color-muted);cursor:pointer}.segmented button:hover:not(.on){background:var(--color-paper-3);color:var(--color-ink)}.segmented button+button{border-left:1px solid var(--color-rule-2)}.segmented button.on{background:var(--color-accent);color:var(--color-accent-ink)}.checkbox{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-muted);cursor:pointer}.checkbox input{accent-color:var(--color-accent)}.empty{padding:var(--space-xl) var(--space-md);text-align:center;font-size:var(--text-sm);color:var(--color-muted);border:1px dashed var(--color-rule-2);border-radius:var(--radius-card)}fieldset.field{border:none;margin:0;padding:0;min-width:0}.status{padding:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--color-muted)}.error{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-danger);border-radius:var(--radius-control);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-sm)}.hint{font-size:var(--text-xs);color:var(--color-muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}