/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--mono);
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .break-all {
    word-break: break-all;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
  body {
    line-height: 1.5;
  }
  svg, img {
    display: inline-block;
    vertical-align: middle;
  }
}
:root {
  --navy: #0f1b2b;
  --navy-2: #16283d;
  --navy-line: #23374d;
  --bg: #f6f8f9;
  --card: #ffffff;
  --ink: #10161c;
  --muted: #6b7885;
  --faint: #97a3ad;
  --line: #e4e9ec;
  --line-2: #eef2f4;
  --teal: #0f766e;
  --teal-soft: #eaf5f2;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --surface: #ffffff;
  --surface-2: #f4f7f8;
  --input-bg: #ffffff;
  --hover-row: #fafcfc;
  --shadow: rgba(12,40,37,.28);
  --shadow-strong: rgba(12,40,37,.5);
  --ghost: #cfd6db;
  --danger: #b3261e;
  --danger-soft: #fdefef;
  --danger-border: #f0d6d3;
  --danger-ink: #8a1f18;
  --danger-fg: #cc6b6b;
  --vbad: rgba(179,38,30,.14);
  --vbad-hover: rgba(179,38,30,.2);
  --warn: #e2b04a;
  --warn-ink: #b5820b;
  --warn-fg: #bd8a2a;
  --warn-soft: #fbf3e2;
  --warn-border: #e6c98a;
  --vt-soft: #f0e9fd;
  --vt-fg: #7c3aed;
  --region-soft: #e6effd;
  --region-fg: #2563eb;
  --ok: #128a5b;
  --ok-2: #16a34a;
  --ok-soft: #edfaf1;
  --dirty: #d9a406;
  --fitdrop: #db2777;
  --accent: #14b8a6;
  --accent-front: #2563eb;
  --accent-front-soft: #eef4fb;
  --accent-rear: #c2620a;
  --accent-rear-soft: #fdf1e7;
  --cat-1: #2a78d6;
  --cat-2: #eb6834;
  --cat-3: #1baf7a;
  --cat-4: #eda100;
  --cat-5: #e87ba4;
  --cat-6: #008300;
  --cat-7: #4a3aa7;
  --cat-8: #e34948;
  --cat-other: #9aa7b2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1216;
    --card: #171d23;
    --ink: #e6ecf1;
    --muted: #9fb0bd;
    --faint: #6f8090;
    --line: #2a343d;
    --line-2: #232c35;
    --teal: #17a394;
    --teal-soft: #123a35;
    --surface: #171d23;
    --surface-2: #1e262e;
    --input-bg: #141a20;
    --hover-row: #1c242b;
    --shadow: rgba(0,0,0,.55);
    --shadow-strong: rgba(0,0,0,.7);
    --ghost: #3a4650;
    --danger: #e5484d;
    --danger-soft: #3a1d1c;
    --danger-border: #5c2b28;
    --danger-ink: #ff9a92;
    --danger-fg: #f08a84;
    --vbad: rgba(229,72,77,.22);
    --vbad-hover: rgba(229,72,77,.3);
    --warn: #e8b84e;
    --warn-ink: #e6c15c;
    --warn-fg: #d9a441;
    --warn-soft: #33280f;
    --warn-border: #5a4a24;
    --vt-soft: #2a1e46;
    --vt-fg: #c4b5fd;
    --region-soft: #16233f;
    --region-fg: #93b4fb;
    --ok: #3fb96a;
    --ok-2: #2ea043;
    --ok-soft: #10281a;
    --dirty: #e8b93a;
    --fitdrop: #ef6da8;
    --accent: #14b8a6;
    --accent-front: #6ea8ff;
    --accent-front-soft: #16233d;
    --accent-rear: #f0a35a;
    --accent-rear-soft: #33230f;
    --cat-1: #3987e5;
    --cat-2: #d95926;
    --cat-3: #199e70;
    --cat-4: #c98500;
    --cat-5: #d55181;
    --cat-6: #008300;
    --cat-7: #9085e9;
    --cat-8: #e66767;
    --cat-other: #5f6f7c;
  }
}
:root[data-theme="dark"] {
  --bg: #0e1216;
  --card: #171d23;
  --ink: #e6ecf1;
  --muted: #9fb0bd;
  --faint: #6f8090;
  --line: #2a343d;
  --line-2: #232c35;
  --teal: #17a394;
  --teal-soft: #123a35;
  --surface: #171d23;
  --surface-2: #1e262e;
  --input-bg: #141a20;
  --hover-row: #1c242b;
  --shadow: rgba(0,0,0,.55);
  --shadow-strong: rgba(0,0,0,.7);
  --ghost: #3a4650;
  --danger: #e5484d;
  --danger-soft: #3a1d1c;
  --danger-border: #5c2b28;
  --danger-ink: #ff9a92;
  --danger-fg: #f08a84;
  --vbad: rgba(229,72,77,.22);
  --vbad-hover: rgba(229,72,77,.3);
  --warn: #e8b84e;
  --warn-ink: #e6c15c;
  --warn-fg: #d9a441;
  --warn-soft: #33280f;
  --warn-border: #5a4a24;
  --vt-soft: #2a1e46;
  --vt-fg: #c4b5fd;
  --region-soft: #16233f;
  --region-fg: #93b4fb;
  --ok: #3fb96a;
  --ok-2: #2ea043;
  --ok-soft: #10281a;
  --dirty: #e8b93a;
  --fitdrop: #ef6da8;
  --accent: #14b8a6;
  --accent-front: #6ea8ff;
  --accent-front-soft: #16233d;
  --accent-rear: #f0a35a;
  --accent-rear-soft: #33230f;
  --cat-1: #3987e5;
  --cat-2: #d95926;
  --cat-3: #199e70;
  --cat-4: #c98500;
  --cat-5: #d55181;
  --cat-6: #008300;
  --cat-7: #9085e9;
  --cat-8: #e66767;
  --cat-other: #5f6f7c;
}
:root[data-theme="light"] {
  --bg: #f6f8f9;
  --card: #ffffff;
  --ink: #10161c;
  --muted: #6b7885;
  --faint: #97a3ad;
  --line: #e4e9ec;
  --line-2: #eef2f4;
  --teal: #0f766e;
  --teal-soft: #eaf5f2;
  --surface: #ffffff;
  --surface-2: #f4f7f8;
  --input-bg: #ffffff;
  --hover-row: #fafcfc;
  --shadow: rgba(12,40,37,.28);
  --shadow-strong: rgba(12,40,37,.5);
  --ghost: #cfd6db;
  --danger: #b3261e;
  --danger-soft: #fdefef;
  --danger-border: #f0d6d3;
  --danger-ink: #8a1f18;
  --danger-fg: #cc6b6b;
  --warn: #e2b04a;
  --warn-ink: #b5820b;
  --warn-fg: #bd8a2a;
  --warn-soft: #fbf3e2;
  --warn-border: #e6c98a;
  --vt-soft: #f0e9fd;
  --vt-fg: #7c3aed;
  --region-soft: #e6effd;
  --region-fg: #2563eb;
  --ok: #128a5b;
  --ok-2: #16a34a;
  --ok-soft: #edfaf1;
  --dirty: #d9a406;
  --fitdrop: #db2777;
  --accent: #14b8a6;
  --accent-front: #2563eb;
  --accent-front-soft: #eef4fb;
  --accent-rear: #c2620a;
  --accent-rear-soft: #fdf1e7;
}
:root {
  --sb-thumb: rgba(15, 27, 43, 0.28);
  --sb-thumb-hover: rgba(15, 27, 43, 0.46);
}
@media (prefers-color-scheme: dark) {
  :root {
    --sb-thumb: rgba(222, 232, 245, 0.24);
    --sb-thumb-hover: rgba(222, 232, 245, 0.40);
  }
}
:root[data-theme="light"] {
  --sb-thumb: rgba(15, 27, 43, 0.28);
  --sb-thumb-hover: rgba(15, 27, 43, 0.46);
}
:root[data-theme="dark"] {
  --sb-thumb: rgba(222, 232, 245, 0.24);
  --sb-thumb-hover: rgba(222, 232, 245, 0.40);
}
@layer base {
  html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) transparent;
  }
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--sb-thumb);
    border-radius: 8px;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: var(--sb-thumb-hover);
  }
  *::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
  *::-webkit-scrollbar-corner {
    background: transparent;
  }
  h1:focus {
    outline: none;
  }
  code {
    color: #c02d76;
  }
}
@layer components {
  .content {
    padding-top: 1.1rem;
  }
  .valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
  }
  .invalid {
    outline: 1px solid red;
  }
  .validation-message {
    color: red;
  }
  #blazor-error-ui {
    background: var(--warn-soft, lightyellow);
    color: var(--ink, #10161c);
    bottom: 0;
    box-shadow: 0 -1px 2px var(--shadow, rgba(0, 0, 0, 0.2));
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
  #blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
  }
  .blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
  }
  .blazor-error-boundary::after {
    content: "An error has occurred.";
  }
  .loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
  }
  .loading-progress circle {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
  }
  .loading-progress circle:last-child {
    stroke: #1b6ec2;
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
  }
  .loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
  }
  .loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
  }
  .shell {
    display: flex;
    height: 100%;
    background: var(--bg);
    color: var(--ink);
    font-size: 14px;
  }
  .side {
    position: relative;
    z-index: 60;
    flex: 0 0 60px;
    width: 60px;
  }
  .side__panel {
    position: absolute;
    inset: 0 auto 0 0;
    width: 60px;
    overflow: hidden;
    background: var(--navy);
    color: #c7d2dc;
    display: flex;
    flex-direction: column;
    transition: width .16s ease, box-shadow .16s ease;
  }
  :root[data-nav-pinned="true"] .side {
    flex-basis: 216px;
    width: 216px;
  }
  :root[data-nav-pinned="true"] .side__panel {
    width: 216px;
  }
  :root:not([data-nav-pinned="true"]) .side:hover .side__panel, :root:not([data-nav-pinned="true"]) .side:focus-within .side__panel {
    width: 216px;
    box-shadow: 12px 0 34px -14px rgba(0,0,0,.55);
  }
  .navlabel {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .12s ease;
  }
  :root[data-nav-pinned="true"] .navlabel, :root:not([data-nav-pinned="true"]) .side:hover .navlabel, :root:not([data-nav-pinned="true"]) .side:focus-within .navlabel {
    opacity: 1;
  }
  .side__brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 17px 14px 20px 13px;
  }
  .side__logo {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: linear-gradient(150deg, var(--accent), var(--teal));
    color: #fff;
    font-weight: 800;
    display: grid;
    place-items: center;
    font-size: 17px;
  }
  .side__logo--btn, .side__name--btn {
    cursor: pointer;
  }
  .side__logo--btn {
    transition: filter .12s, transform .12s;
  }
  .side__logo--btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
  }
  .side__name--btn:hover {
    color: #fff;
  }
  .side__logo--btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  .side__name {
    font-weight: 700;
    letter-spacing: .01em;
    color: #fff;
    line-height: 1.05;
  }
  .side__name small {
    display: block;
    font-size: 10px;
    letter-spacing: .14em;
    color: #6b8196;
    font-weight: 600;
    margin-top: 2px;
  }
  .side__pin {
    flex: 0 0 auto;
    margin-left: auto;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #6b8196;
    cursor: pointer;
    transition: color .12s, background .12s, transform .16s;
  }
  .side__pin:hover {
    background: var(--navy-2);
    color: #cdd8e2;
  }
  :root[data-nav-pinned="true"] .side__pin {
    color: var(--accent);
    transform: rotate(45deg);
  }
  .side__theme {
    flex: 0 0 auto;
    margin-left: auto;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #6b8196;
    cursor: pointer;
    transition: color .12s, background .12s;
  }
  .side__theme:hover {
    background: var(--navy-2);
    color: #cdd8e2;
  }
  .side__nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 8px;
    flex: 1;
  }
  .side__nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 8px;
    border-radius: 8px;
    color: #aebccb;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    position: relative;
  }
  .side__nav a:hover {
    background: var(--navy-2);
    color: #e9eef3;
  }
  .side__nav a.active {
    background: var(--teal);
    color: #fff;
  }
  .side__nav .ico {
    flex: 0 0 28px;
    width: 28px;
    height: 22px;
    display: grid;
    place-items: center;
    opacity: .95;
  }
  .side__nav .ico svg {
    width: 18px;
    height: 18px;
    display: block;
  }
  .side__user {
    border-top: 1px solid var(--navy-line);
    padding: 14px 15px;
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .side__avatar {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--navy-2);
    color: #cdd8e2;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
  }
  .side__user a {
    color: #7f93a6;
    font-size: 12px;
    text-decoration: none;
    margin-left: auto;
  }
  .side__user a:hover {
    color: #cdd8e2;
  }
  .side__foot {
    padding: 6px 8px;
    border-top: 1px solid var(--navy-line);
  }
  .side__foot a, .side__foot .side__act {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 8px;
    border-radius: 8px;
    color: #aebccb;
    text-decoration: none;
    font-size: 14px;
  }
  .side__foot .side__act {
    width: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
  }
  .side__foot a:hover, .side__foot .side__act:hover {
    background: var(--navy-2);
    color: #e9eef3;
  }
  .side__foot .ico {
    flex: 0 0 28px;
    width: 28px;
    height: 22px;
    display: grid;
    place-items: center;
    opacity: .95;
  }
  .side__foot .ico svg {
    width: 18px;
    height: 18px;
    display: block;
  }
  .main {
    flex: 1;
    min-width: 0;
    overflow: auto;
  }
  .wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 26px 30px 60px;
  }
  .wrap:has(.dash), .wrap:has(.camd) {
    max-width: none;
    padding: 0;
  }
  .mono {
    font-family: var(--mono);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lbl {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: .05em;
    letter-spacing: .05em;
    color: var(--faint);
    text-transform: uppercase;
  }
  .pill {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    background-color: var(--line-2);
    padding-inline: 9px;
    padding-block: 3px;
    font-family: var(--mono);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--muted);
  }
  .ftags {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
    vertical-align: middle;
  }
  .ftag {
    border-radius: 5px;
    padding-inline: 6px;
    padding-block: 0px;
    font-family: var(--mono);
    font-size: 11px;
    line-height: 1.55;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
  }
  .ftag--code {
    background: var(--surface-2);
    color: var(--muted);
  }
  .ftag--fix {
    background: var(--warn-soft);
    color: var(--warn-fg);
    border: 1px solid var(--warn-border);
  }
  .ftag--fl {
    background: var(--teal-soft);
    color: var(--teal);
  }
  .ftag--vt {
    background: var(--vt-soft);
    color: var(--vt-fg);
  }
  .ftag--elec {
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
  }
  .ftag--elec svg {
    width: 11px;
    height: 11px;
  }
  .ftag--region {
    background: var(--region-soft);
    color: var(--region-fg);
  }
  .ftag--region-out {
    background: var(--region-soft);
    color: var(--region-fg);
    opacity: .5;
    text-decoration: line-through;
  }
  .ftag--globe {
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.55em;
    box-sizing: border-box;
  }
  .ftag--globe svg {
    width: 1.25em;
    height: 1.25em;
    display: block;
  }
  .ftags--lg .ftag--globe {
    height: calc(1.7em + 2px);
  }
  .ftags--lg .ftag--globe svg {
    width: 1.3em;
    height: 1.3em;
  }
  .ftags--type {
    flex: none;
  }
  .ftags--rest {
    flex: none;
    margin-left: auto;
  }
  .ftag--none {
    background: var(--vt-soft);
    color: var(--vt-fg);
  }
  .ftags--lg {
    gap: 7px;
  }
  .ftags--lg .ftag {
    font-size: 12.5px;
    padding: 1px 8px;
    border-radius: 6px;
    line-height: 1.7;
  }
  .ftags--lg .ftag--elec svg {
    width: 13px;
    height: 13px;
  }
  .badgepick {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .badgechip {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    padding: 1px 8px;
    border-radius: 5px;
    border: 1px solid var(--line);
    background: var(--surface-2);
    color: var(--muted);
    opacity: .55;
    cursor: pointer;
    transition: opacity .12s, background .12s, color .12s;
  }
  .badgechip:hover {
    opacity: .85;
  }
  .badgechip.on {
    opacity: 1;
    border-color: transparent;
  }
  .badgechip--region.on {
    background: var(--region-soft);
    color: var(--region-fg);
  }
  .badgechip--vt.on {
    background: var(--vt-soft);
    color: var(--vt-fg);
  }
  .card {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--line);
    background-color: var(--card);
  }
  .btn {
    cursor: pointer;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--line);
    background-color: var(--surface);
    padding-inline: 15px;
    padding-block: 9px;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ink);
  }
  .btn:hover {
    background: var(--surface-2);
    color: var(--ink);
    border-color: var(--line);
  }
  .btn:focus-visible {
    outline: none;
    background: var(--surface);
    color: var(--ink);
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .btn__ico {
    vertical-align: -2px;
    margin-right: 6px;
    opacity: .8;
  }
  .btn__key {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    color: var(--muted);
    background: rgba(0,0,0,.06);
    border-radius: 4px;
    padding: 1px 5px;
    margin-left: 7px;
    vertical-align: 1px;
  }
  .btn--teal {
    border-color: var(--teal);
    background-color: var(--teal);
    color: var(--color-white);
  }
  .btn--teal:hover {
    background: #0c5f58;
    color: #fff;
    border-color: #0c5f58;
  }
  .btn--teal:focus-visible {
    background: var(--teal);
    color: #fff;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.32);
  }
  .btn--ghost {
    border-color: transparent;
    background-color: transparent;
    color: var(--teal);
  }
  .btn--ghost:hover {
    background: var(--teal-soft);
    color: var(--teal);
    border-color: transparent;
  }
  .btn--ghost:focus-visible {
    background: var(--teal-soft);
    color: var(--teal);
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .muted {
    color: var(--muted);
  }
  .spin {
    color: var(--muted);
    padding: 40px 0;
    text-align: center;
  }
  .main:has(.veditor) {
    overflow: hidden;
  }
  .wrap:has(.veditor) {
    max-width: none;
    padding: 0;
    height: 100%;
  }
  .veditor {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
  }
  .veditor__body {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 22px 12px;
  }
  .vtop {
    display: grid;
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
  }
  .vzone {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 0;
    padding: 8px 12px;
    cursor: pointer;
    text-align: left;
    color: inherit;
    font: inherit;
    position: relative;
  }
  .vzone:hover {
    background: var(--teal-soft);
  }
  .vzone:focus-visible {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .vzone__edit {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--teal);
    opacity: 0;
    transition: opacity .12s;
  }
  .vzone:hover .vzone__edit, .vzone:focus-visible .vzone__edit {
    opacity: 1;
  }
  .ftid {
    background: linear-gradient(150deg, var(--accent), var(--teal));
    color: #fff;
    border-radius: 8px;
    padding: 7px 12px;
    font-family: var(--mono);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .02em;
  }
  .vtitle {
    font-size: 19px;
    font-weight: 700;
  }
  .vtitle small {
    color: var(--muted);
    font-weight: 500;
    margin-left: 8px;
    font-size: 14px;
  }
  .vzone--bad {
    background: var(--vbad);
  }
  .vzone--bad:hover {
    background: var(--vbad-hover);
  }
  .vpart--bad {
    background: var(--vbad);
    border-radius: 10px;
  }
  .vpart--bad:hover {
    background: var(--vbad-hover);
  }
  .yearbadge {
    display: inline-flex;
    align-items: center;
    font-family: var(--mono);
    font-weight: 700;
    font-size: 15px;
    color: var(--muted);
    background: var(--line-2);
    border-radius: 6px;
    padding: 2px 9px;
    white-space: pre;
  }
  .yearbadge__to {
    display: inline-block;
    min-width: 2.8ch;
  }
  .yearbadge--none {
    color: var(--danger);
    background: var(--danger-soft);
  }
  .spec {
    display: inline-flex;
    gap: 22px;
    flex-wrap: wrap;
  }
  .spec__i {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
  }
  .spec .v {
    font-family: var(--mono);
    font-weight: 600;
    font-size: 14px;
  }
  .vmeta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 12px;
    row-gap: 3px;
  }
  .vzone--id {
    align-items: stretch;
  }
  .vpart {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .vspec {
    gap: 18px;
    align-items: flex-end;
  }
  .vspec .v {
    font-size: 13px;
  }
  .dirty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
  }
  .dirty::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dirty);
  }
  .clean {
    color: var(--ok);
  }
  .clean::before {
    background: var(--ok);
  }
  .tabstatus {
    margin-left: auto;
    align-self: center;
    padding-right: 6px;
  }
  button.tabstatus {
    border: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
  }
  button.tabstatus:hover {
    text-decoration: underline;
  }
  .vacts {
    margin-left: auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-right: 6px;
  }
  .tabs button.vact, .vacts .vact {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--teal);
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    box-shadow: 0 4px 12px -8px var(--shadow);
    white-space: nowrap;
  }
  .tabs button.vact:hover:not(:disabled) {
    background: var(--teal-soft);
    color: var(--teal);
  }
  .vact:disabled {
    opacity: .55;
    cursor: default;
  }
  .vact--danger {
    color: var(--danger) !important;
  }
  .tabs button.vact--danger:hover:not(:disabled) {
    background: var(--danger-soft);
  }
  .vact__ico {
    display: inline-flex;
  }
  .vact__ico svg {
    width: 14px;
    height: 14px;
    display: block;
  }
  .vact--state {
    color: var(--muted);
  }
  .vact--state::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex: none;
  }
  .vact--ok::before {
    background: var(--teal);
  }
  .vact--amber {
    color: var(--warn-fg) !important;
  }
  .vact--amber::before {
    background: var(--warn);
  }
  .vact--err {
    color: var(--danger-fg) !important;
  }
  .vact--err::before {
    background: var(--danger);
  }
  .tabs button.vact--state:hover:not(:disabled) {
    background: var(--surface-2);
  }
  span.vact--static {
    cursor: default;
    box-shadow: none;
  }
  .veditor__errs {
    padding: 10px 16px;
    background: var(--danger-soft);
    border-bottom: 1px solid var(--danger-border);
    color: var(--danger-ink);
    font-size: 13px;
  }
  .veditor__errs ul {
    margin: 6px 0 0;
    padding-left: 20px;
  }
  .veditor__errs li {
    margin: 1px 0;
  }
  .gridhead {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 22px 0 12px;
  }
  .gridhead h2 {
    font-size: 15px;
    margin: 0;
  }
  .gridhead .btn {
    margin-left: auto;
  }
  table.fit {
    width: 100%;
    border-collapse: collapse;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
  }
  table.fit th, table.fit td {
    padding: 9px 12px;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px solid var(--line-2);
    white-space: nowrap;
  }
  table.fit thead .band {
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--faint);
    font-weight: 700;
    border-bottom: 0;
    padding-bottom: 2px;
  }
  table.fit thead .col {
    font-size: 11px;
    color: var(--muted);
    font-weight: 600;
  }
  table.fit thead th {
    position: sticky;
    z-index: 3;
    background: var(--surface);
  }
  .fitgrid table.fit thead tr.bandrow th {
    top: 0;
    height: 24px;
    padding-top: 6px;
    padding-bottom: 2px;
    box-shadow: 0 1px 0 var(--surface);
  }
  .fitgrid table.fit thead tr.colrow th {
    top: 24px;
  }
  .tablescroll table.fit thead tr.colrow th {
    top: 0;
  }
  table.fit .front {
    border-left: 2px solid var(--line);
  }
  table.fit .rear {
    border-left: 2px solid var(--line);
  }
  table.fit .ktband {
    border-left: 2px solid var(--line);
  }
  table.fit td.ktcell {
    text-align: center;
    cursor: pointer;
  }
  .ktbadge {
    display: inline-grid;
    height: calc(var(--spacing) * 5);
    min-width: 22px;
    place-items: center;
    border-radius: var(--radius-md);
    background-color: var(--teal-soft);
    padding-inline: 6px;
    padding-block: 0px;
    font-family: var(--mono);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--teal);
  }
  table.fit tbody tr {
    cursor: pointer;
  }
  table.fit tbody tr:hover {
    background: var(--hover-row);
  }
  table.fit tbody tr.sel {
    background: var(--teal-soft);
  }
  table.fit td.axle-invalid {
    color: var(--danger-fg);
  }
  table.fit td.axle-warn {
    color: var(--warn-fg);
  }
  .cbo {
    position: relative;
    width: 100%;
  }
  .cbo__input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-family: var(--mono);
    font-size: 14px;
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .cbo__input:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .cbo--bad .cbo__input {
    border-color: var(--danger);
  }
  .cbo--bad .cbo__input:focus {
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .cbo__badge {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--teal);
    background: var(--teal-soft);
    padding: 2px 7px;
    border-radius: 5px;
  }
  .cbo__menu {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 30px -10px var(--shadow);
    padding: 4px;
  }
  .cbo__opt {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 6px 9px;
    border-radius: 6px;
    cursor: pointer;
  }
  .cbo__opt.on, .cbo__opt:hover {
    background: var(--teal-soft);
  }
  .cbo__opt-v {
    font-family: var(--mono);
    font-weight: 700;
    font-size: 13px;
    color: var(--ink);
    min-width: 28px;
  }
  .cbo__opt-m {
    font-size: 12px;
    color: var(--muted);
  }
  .range {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--input-bg);
    overflow: hidden;
  }
  .range:focus-within {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .range--bad {
    border-color: var(--danger);
  }
  .range--bad:focus-within {
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .range--warn {
    border-color: var(--warn);
  }
  .range--warn:focus-within {
    box-shadow: 0 0 0 3px rgba(181,130,11,.13);
  }
  .range .range__in {
    width: 100%;
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    padding: 9px 4px;
    font-family: var(--mono);
    font-size: 14px;
    color: var(--ink);
  }
  .range .range__in:focus {
    border: 0;
    box-shadow: none;
  }
  .range__in--min {
    text-align: right;
  }
  .range__in--max {
    text-align: left;
  }
  .range__sep, .range__cap {
    display: flex;
    align-items: center;
    color: var(--faint);
    font-family: var(--mono);
  }
  .range__sep {
    font-size: 14px;
  }
  .range__cap {
    padding: 0 4px;
    font-size: 11px;
    font-weight: 700;
  }
  .range .vflag {
    position: static;
    right: auto;
    top: auto;
    transform: none;
    flex: 0 0 auto;
    align-self: center;
    margin: 0 6px 0 2px;
  }
  :root:not([data-show-ids="true"]) .idcol {
    display: none;
  }
  table.fit th.fitgroup, table.fit td.fitgroup {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    padding: 0 6px;
  }
  table.fit th.titlecol, table.fit td.titlecol {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  table.fit td.titlecol {
    color: var(--muted);
    font-size: 12.5px;
  }
  table.fit td.fitgroup .ftag {
    vertical-align: middle;
  }
  table.fit td.fitgroup .winterflag + .ftag {
    margin-left: 4px;
  }
  .winterflag {
    display: inline-flex;
    vertical-align: middle;
    color: var(--accent-front);
    opacity: .5;
  }
  .winterflag svg {
    width: 15px;
    height: 15px;
    display: block;
  }
  .wintertoggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 38px;
    padding: 0 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--input-bg);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    user-select: none;
    transition: background .12s, border-color .12s;
  }
  .wintertoggle:hover {
    background: var(--hover-row);
  }
  .wintertoggle:focus-visible {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .wintertoggle__icon {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: var(--muted);
    flex: 0 0 auto;
    transition: color .14s;
  }
  .wintertoggle__icon svg {
    width: 18px;
    height: 18px;
    display: block;
  }
  .wintertoggle__label {
    font-weight: 600;
    font-size: 14px;
  }
  .wintertoggle.on {
    border-color: #bcd3f7;
    background: var(--accent-front-soft);
  }
  .wintertoggle.on .wintertoggle__icon {
    color: var(--accent-front);
  }
  .wintertoggle.on .wintertoggle__label {
    color: var(--accent-front);
  }
  .scrollwrap {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
  }
  .fitgrid, .tablescroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    outline: none;
    scrollbar-width: none;
  }
  .fitgrid::-webkit-scrollbar, .tablescroll::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .fitgrid:focus-visible table.fit, .tablescroll:focus-visible table.fit {
    box-shadow: 0 0 0 3px rgba(15,118,110,.18);
  }
  .fitgrid {
    position: relative;
  }
  .del-strip {
    position: absolute;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-radius: 6px;
    pointer-events: none;
    clip-path: inset(0 0 0 100%);
    animation: delWipeIn .18s ease forwards;
  }
  .del-strip__cam {
    color: #fff;
    background: linear-gradient(150deg, #a78bfa, #7c3aed);
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 7px;
    white-space: nowrap;
  }
  .del-strip--front {
    background: rgba(179,38,30,.15);
    box-shadow: inset 0 0 0 1px rgba(179,38,30,.45);
  }
  .del-strip--rear {
    background: rgba(183,121,26,.20);
    box-shadow: inset 0 0 0 1px rgba(183,121,26,.55);
  }
  .del-strip--closing {
    animation: delWipeOut .16s ease forwards;
  }
  @keyframes delWipeIn {
    from {
      clip-path: inset(0 0 0 100%);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
  }
  @keyframes delWipeOut {
    from {
      clip-path: inset(0 0 0 0);
    }
    to {
      clip-path: inset(0 0 0 100%);
    }
  }
  .del-strip__btn {
    pointer-events: auto;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 12px -4px rgba(12,40,37,.5);
  }
  .del-strip--front .del-strip__btn {
    background: var(--danger);
  }
  .del-strip--rear .del-strip__btn {
    background: #b7791a;
  }
  .del-strip__btn kbd {
    font-family: var(--mono);
    font-size: 10px;
    background: rgba(255,255,255,.25);
    border-radius: 4px;
    padding: 1px 5px;
  }
  .tablescroll table.fit tbody tr.cur {
    background: var(--teal-soft);
  }
  .tablescroll table.fit tbody tr.cur td:first-child {
    box-shadow: inset 3px 0 0 var(--teal);
  }
  .scrollwrap::before, .scrollwrap::after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    height: 26px;
    pointer-events: none;
    z-index: 4;
    opacity: 0;
    transition: opacity .18s ease;
  }
  .scrollwrap::before {
    top: var(--head-h, 44px);
    background: linear-gradient(to bottom, var(--surface), rgba(255,255,255,0));
  }
  .scrollwrap::after {
    bottom: 1px;
    background: linear-gradient(to top, var(--surface), rgba(255,255,255,0));
  }
  .scrollwrap.has-above::before {
    opacity: 1;
  }
  .scrollwrap.has-below::after {
    opacity: 1;
  }
  .side__sep {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--muted);
    padding: 14px 14px 5px;
    opacity: .65;
  }
  .side__nav a.nav-notready {
    opacity: .38;
    filter: grayscale(1);
    transition: opacity .5s ease, filter .5s ease;
  }
  .side__nav a.nav-notready:hover {
    opacity: .6;
  }
  .onb {
    min-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    text-align: center;
    padding: 40px 24px;
  }
  .onb__prompt {
    animation: fadeIn .4s ease;
  }
  .onb__lead {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.01em;
    margin: 0 0 6px;
  }
  .onb__cta {
    font: inherit;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: var(--teal);
    border: none;
    border-radius: 12px;
    padding: 16px 34px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(15,118,110,.28);
    transition: all .5s cubic-bezier(.4,0,.2,1);
  }
  .onb__cta:hover:not(:disabled) {
    transform: translateY(-1px);
  }
  .onb__cta:disabled {
    cursor: default;
  }
  .onb__cta--title {
    font-size: 34px;
    letter-spacing: -.02em;
    background: none;
    color: var(--ink);
    box-shadow: none;
    padding: 4px;
    transform: none;
  }
  .pipe {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin: 10px 0 4px;
    animation: fadeIn .5s ease .15s both;
  }
  .pipe__arrow {
    font-size: 26px;
    color: #cbd3dd;
    align-self: center;
    padding-bottom: 34px;
    transition: color .4s ease;
  }
  .pipe__arrow.on {
    color: var(--teal);
  }
  .tank {
    width: 116px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    opacity: .55;
    transition: opacity .4s ease;
  }
  .tank.active, .tank.done {
    opacity: 1;
  }
  .tank__vat {
    position: relative;
    width: 84px;
    height: 170px;
    border: 2px solid var(--line);
    border-top: none;
    border-radius: 0 0 14px 14px;
    background: linear-gradient(#f8fafc, #eef1f5);
    overflow: hidden;
    box-shadow: inset 0 2px 6px rgba(20,30,50,.06);
  }
  .tank.active .tank__vat {
    border-color: var(--teal);
  }
  .tank__fill {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    transition: height .6s cubic-bezier(.4,0,.2,1);
    opacity: .9;
  }
  .tank__edits {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    transition: height .6s ease;
    background: repeating-linear-gradient(45deg, #f59e0b, #f59e0b 6px, #fbbf24 6px, #fbbf24 12px);
    opacity: .5;
  }
  .tank__label {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink);
  }
  .tank__count {
    font-size: 11px;
    color: var(--muted);
    font-family: var(--mono);
    min-height: 14px;
  }
  .finale {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: center;
    padding-bottom: 30px;
    animation: fadeIn .5s ease;
  }
  .finale__brace {
    font-size: 90px;
    font-weight: 200;
    color: #cbd3dd;
    line-height: .8;
  }
  .finale__exports {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .ex {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
  }
  .ex .ok {
    color: #22c55e;
    font-weight: 800;
  }
  .onb__status {
    color: var(--muted);
    font-size: 13px;
    min-height: 18px;
  }
  .onb__status.err {
    color: #dc2626;
  }
  .onb__activate {
    font: inherit;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background: var(--teal);
    border: none;
    border-radius: 12px;
    padding: 15px 40px;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(15,118,110,.3);
    animation: popIn .5s cubic-bezier(.34,1.56,.64,1) both;
  }
  .main:has(div.dash) {
    overflow: hidden;
  }
  .wrap:has(div.dash) {
    height: 100%;
  }
  div.dash {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0;
    padding: 8px 12px 6px;
  }
  .dash__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .dash__h {
    font-size: 20px;
    margin: 0;
  }
  .dtabs {
    display: flex;
    gap: 2px;
    margin-top: 8px;
    border-bottom: 1px solid var(--line);
  }
  .dtabs__dl {
    margin-left: auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 8px;
    white-space: nowrap;
    border: 0;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
  }
  .dtabs__dl:hover:not(:disabled) {
    color: var(--teal);
    background: var(--teal-soft);
  }
  .dtabs__dl:disabled {
    opacity: .65;
    cursor: default;
  }
  .dtabs:focus, .dtabs:focus-visible {
    outline: none;
  }
  .dtab {
    display: flex;
    flex-direction: column;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    padding: 4px 15px 6px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--muted);
  }
  .dtab:hover {
    color: var(--ink);
  }
  .dtab.on {
    color: var(--ink);
    border-bottom-color: var(--teal);
  }
  .dtab:focus-visible {
    outline: none;
    background: var(--teal-soft);
    border-radius: 7px 7px 0 0;
  }
  .dtab__n {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
  }
  .dtab__l {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }
  .dtab.is-warn .dtab__n {
    color: var(--danger);
  }
  .dres {
    min-height: 0;
    overflow-y: auto;
    padding: 0 0 2px;
  }
  .dres:focus, .dres:focus-visible {
    outline: none;
  }
  .dres .pal-name {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dres .ftags {
    flex: none;
  }
  .dres .pal-year {
    margin-left: 0;
    flex: none;
    min-width: 80px;
  }
  .dres__meta {
    flex: none;
    min-width: 80px;
    text-align: right;
    font-family: var(--mono);
    font-size: 12px;
    white-space: nowrap;
  }
  .dres__chips {
    display: inline-flex;
    gap: 6px;
    flex: none;
    min-width: 96px;
    justify-content: flex-end;
  }
  .ftbadge {
    position: relative;
    display: inline-flex;
    min-width: 46px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: var(--teal);
    padding-inline: 9px;
    padding-block: 3px;
    font-family: var(--mono);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .ftbadge--blocked {
    background: var(--danger);
  }
  .ftbadge--held {
    background: transparent;
    color: var(--muted);
    box-shadow: inset 0 0 0 1.5px var(--line);
  }
  .statdot {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--surface);
  }
  .statdot--err {
    background: var(--danger);
  }
  .statdot--fit {
    background: var(--fitdrop);
  }
  .statdot--chg {
    background: var(--dirty);
  }
  .data-in {
    animation: dataFade .34s ease both;
  }
  @keyframes dataFade {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .dash__acts {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .dash__acts .btn {
    white-space: nowrap;
  }
  .dash__new {
    white-space: nowrap;
  }
  .dash__tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
  }
  .dash__tile {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 128px;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid var(--line, #e2e7ea);
    border-radius: 10px;
    background: var(--surface);
    color: var(--ink, #10161c);
    transition: border-color .14s, box-shadow .14s;
  }
  .dash__tile:hover {
    border-color: var(--teal, #0f766e);
    box-shadow: 0 6px 18px -12px rgba(12,40,37,.4);
  }
  .dash__tile:focus-visible {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.16);
  }
  .dash__tile-n {
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
  }
  .dash__tile-l {
    font-size: 12px;
    color: var(--muted, #5c6b76);
    font-weight: 600;
  }
  .dash__tile.is-warn .dash__tile-n {
    color: var(--danger);
  }
  .dash__panels {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 16px;
    min-height: 0;
  }
  @media (max-width: 940px) {
    .dash__panels {
      grid-template-columns: 1fr;
    }
  }
  .dpanel {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 14px 18px 16px;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .dpanel__h {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    flex: none;
  }
  .dpanel__h h2 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
  }
  .dpanel__h .muted {
    font-size: 12px;
  }
  .dpanel__empty {
    color: var(--muted);
    font-size: 14px;
    padding: 10px 0 4px;
  }
  .wins {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  .wins__row {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 8px;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
  }
  .wins__row:hover {
    background: var(--teal-soft);
  }
  .wins__row:focus-visible {
    outline: none;
    background: var(--teal-soft);
    box-shadow: 0 0 0 3px rgba(15,118,110,.16);
  }
  .wins__title {
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }
  .wins__chips {
    display: inline-flex;
    gap: 6px;
    flex: none;
  }
  .chip {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: 2px;
    font-family: var(--mono);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: .02em;
    letter-spacing: .02em;
    white-space: nowrap;
  }
  .chip--err {
    background: var(--danger-soft);
    color: var(--danger-ink);
    border: 1px solid var(--danger-border);
  }
  .chip--warn {
    background: var(--warn-soft);
    color: var(--warn-ink);
    border: 1px solid var(--warn-border);
  }
  .dstats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-content: start;
    padding: 4px 0 8px;
    overflow-y: auto;
    min-height: 0;
  }
  .dstats .dpanel--wide {
    grid-column: 1 / -1;
  }
  @media (max-width: 720px) {
    .dstats {
      grid-template-columns: 1fr;
    }
  }
  .donutwrap {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .donut {
    width: 158px;
    height: 158px;
    flex: none;
  }
  .donut__track {
    fill: transparent;
    stroke: var(--line-2);
    stroke-width: 4.4;
  }
  .donut__seg {
    fill: transparent;
    stroke-width: 4.4;
    stroke-linecap: butt;
    transition: stroke-width .12s ease;
  }
  .donut__seg:hover {
    stroke-width: 5.4;
  }
  .donut__total {
    fill: var(--ink);
    font: 700 6.6px var(--mono);
    text-anchor: middle;
  }
  .donut__totall {
    fill: var(--muted);
    font-size: 2.5px;
    text-anchor: middle;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .legend {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    min-width: 0;
    flex: 1;
  }
  .legend li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .legend__sw {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex: none;
  }
  .legend__n {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .legend__v {
    margin-left: auto;
    font-family: var(--mono);
    font-weight: 600;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
  }
  .wl__back {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: var(--teal, #0f766e);
    text-decoration: none;
    margin-bottom: 6px;
  }
  .wl__back:hover {
    text-decoration: underline;
  }
  .dash__cards {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    margin-top: 28px;
  }
  .dash__card {
    flex: 1 1 420px;
    max-width: 660px;
    border: 1px solid var(--line, #e2e7ea);
    border-radius: 12px;
    padding: 15px 18px;
  }
  .dash__card-h {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .provlist {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .provlist__i {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    border-top: 1px solid var(--line, var(--line-2));
  }
  .provlist__i:first-child {
    border-top: 0;
  }
  .provlist__title {
    flex: 1;
    font-weight: 600;
    color: var(--teal, #0f766e);
    text-decoration: none;
  }
  .provlist__title:hover {
    text-decoration: underline;
  }
  .provlist__when {
    font-size: 12px;
    white-space: nowrap;
  }
  .provlist__discard {
    border: 1px solid var(--danger-border);
    background: var(--surface);
    color: var(--danger);
    border-radius: 999px;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }
  .provlist__discard:hover:not(:disabled) {
    background: var(--danger-soft);
  }
  .provlist__discard:disabled {
    opacity: .55;
    cursor: default;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes popIn {
    from {
      opacity: 0;
      transform: scale(.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .hsnwrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
  }
  .hsnbar {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 4px 2px 8px;
    font-size: 13px;
  }
  .hsngrid td.num, .hsngrid th.num {
    text-align: right;
  }
  .hsngrid td.chk, .hsngrid th.chk {
    text-align: center;
    width: 48px;
  }
  .hsngrid td.chk input {
    pointer-events: none;
  }
  .hsngrid td.hsncol, .hsngrid th.hsncol {
    width: 56px;
    color: var(--ink-soft, #6b7280);
  }
  .hsngrid tbody tr.assigned {
    background: var(--teal-soft);
  }
  .hsngrid tbody tr.assigned td:first-child {
    box-shadow: inset 3px 0 0 var(--teal);
  }
  .hsnfilters {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 2px 2px 12px;
  }
  .fcombo {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .fcombo__lbl {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #8a94a6;
    padding-left: 2px;
  }
  .fcombo__in {
    width: 130px;
    height: 32px;
    padding: 0 9px;
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: 13px;
    background: var(--input-bg);
    outline: none;
  }
  .fcombo__in:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.15);
  }
  .fcombo:nth-child(n+2) .fcombo__in {
    width: 78px;
  }
  .fcombo__menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    margin-top: 3px;
    min-width: 100%;
    max-height: 240px;
    overflow: auto;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(20,30,50,.14);
    padding: 3px;
  }
  .fcombo__opt {
    padding: 5px 9px;
    border-radius: 5px;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
  }
  .fcombo__opt.hi, .fcombo__opt:hover {
    background: var(--teal-soft);
  }
  .fclear {
    height: 32px;
    align-self: flex-end;
  }
  table.fit tbody tr.cur {
    background: var(--teal-soft);
  }
  table.fit td.sidecur {
    background: var(--teal-soft);
    box-shadow: inset 0 0 0 9999px rgba(15,118,110,.06);
  }
  table.fit td.sidecur.edge-l {
    border-left: 2px solid var(--teal);
  }
  table.fit td.sidecur.edge-r {
    border-right: 2px solid var(--teal);
  }
  table.fit tbody tr.cur td.sidecur {
    background: var(--teal-soft);
  }
  table.fit td.mono {
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
  }
  table.fit .dash {
    color: var(--faint);
  }
  .badge {
    border-radius: 5px;
    padding-inline: 7px;
    padding-block: 2px;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .badge--std {
    background: var(--teal-soft);
    color: var(--teal);
  }
  .badge--winter {
    background: var(--accent-front-soft);
    color: var(--accent-front);
  }
  .gridnote {
    color: var(--muted);
    font-size: 12px;
    padding: 10px 2px 0;
  }
  .newfit {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px 7px 16px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--teal);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 6px 18px -6px var(--shadow);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease, background .15s ease;
  }
  .scrollwrap:focus-within .newfit {
    opacity: .6;
    pointer-events: auto;
  }
  .scrollwrap:focus-within .newfit:hover {
    opacity: 1;
    background: var(--teal-soft);
  }
  .newfit__key {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    color: var(--muted);
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 5px;
    padding: 1px 6px;
  }
  .panel {
    margin-top: 22px;
  }
  .panel__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
  }
  .panel__head h3 {
    margin: 0;
    font-size: 15px;
  }
  .axles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
  }
  @media (max-width: 780px) {
    .axles {
      grid-template-columns: 1fr;
    }
  }
  .axle h4 {
    font-size: 11px;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--faint);
    margin: 0 0 12px;
  }
  .field {
    margin-bottom: 13px;
  }
  .field.row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .field.row3 {
    display: grid;
    grid-template-columns: 1.7fr 1.15fr 0.85fr;
    gap: 12px;
  }
  @media (max-width: 460px) {
    .field.row3 {
      grid-template-columns: 1fr 1fr;
    }
  }
  .lockedval--empty {
    color: var(--muted);
    justify-content: flex-start;
  }
  .field span.lbl {
    display: block;
    margin-bottom: 5px;
  }
  .field input {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .field input:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .seg {
    display: inline-flex;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
  }
  .seg button {
    border: 0;
    background: var(--surface);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    cursor: pointer;
  }
  .seg button.on {
    background: var(--teal);
    color: #fff;
  }
  .seg--key {
    outline: none;
  }
  .seg--key:focus-visible {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .selin {
    width: 100%;
    height: 38px;
    padding: 0 32px 0 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background-color: var(--input-bg);
    color: var(--ink);
    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%23889099' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
  }
  .selin:focus-visible {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .panel__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
  }
  .enter {
    display: flex;
    gap: 10px;
    max-width: 420px;
    margin-top: 16px;
  }
  .enter input {
    flex: 1;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-family: var(--mono);
    font-size: 15px;
    color: var(--ink);
    background: var(--input-bg);
  }
  .tabs {
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
  }
  .tabs button {
    border: 0;
    background: transparent;
    padding: 11px 16px 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
  }
  .tabs button:hover {
    color: var(--ink);
  }
  .tabs button.on {
    color: var(--ink);
    border-bottom-color: var(--teal);
  }
  .tabs .tabcount {
    display: inline-block;
    margin-left: 5px;
    font-family: var(--mono);
    font-size: 12px;
    color: var(--faint);
  }
  .tabs button, .side__nav a, .btn[data-ak], .cmap__ftbanner[data-ak] {
    position: relative;
  }
  [data-ak]::after {
    content: attr(data-ak);
    position: absolute;
    top: -5px;
    right: -2px;
    z-index: 5;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 6px;
    display: none;
    place-items: center;
    font: 700 15px/22px var(--mono);
    text-align: center;
    background: var(--teal);
    color: #fff;
    box-shadow: 0 1px 3px rgba(12,40,37,.4);
  }
  .side__nav [data-ak]::after {
    background: var(--accent);
  }
  .drawer [data-ak]::after {
    top: -10px;
    right: -10px;
    background: var(--navy);
    color: #fff;
  }
  .cmap__ftbanner[data-ak] {
    cursor: pointer;
  }
  .cmap__ftbanner[data-ak]:hover {
    background: linear-gradient(90deg, var(--teal-soft), var(--teal-soft) 40%);
  }
  .cmap__ftbanner[data-ak]::after {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  body.alt-hints [data-ak]::after {
    display: grid;
  }
  body.alt-hints:has(.drawer.open) [data-ak]::after {
    display: none;
  }
  body.alt-hints:has(.drawer.open) .drawer.open [data-ak]::after {
    display: grid;
  }
  .scrim {
    position: fixed;
    inset: 0;
    z-index: 940;
    background: rgba(15,27,43,.30);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
  }
  .scrim.on {
    opacity: 1;
    pointer-events: auto;
  }
  .scrim--blur.on {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
  .scrim--top {
    z-index: 950;
  }
  .drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 941;
    width: min(440px, 92vw);
    background: var(--surface);
    box-shadow: -24px 0 60px -24px var(--shadow-strong);
    transform: translateX(100%);
    transition: transform .22s cubic-bezier(.4,0,.2,1);
    display: flex;
    flex-direction: column;
  }
  .drawer.open {
    transform: translateX(0);
  }
  .drawer__head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--line);
  }
  .drawer__head h3 {
    margin: 0;
    font-size: 16px;
  }
  .drawer__head .band {
    font-size: 10px;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 5px;
  }
  .drawer__head .band.front {
    background: var(--accent-front-soft);
    color: var(--accent-front);
  }
  .drawer__head .band.rear {
    background: var(--accent-rear-soft);
    color: var(--accent-rear);
  }
  .drawer__head .st {
    margin-left: auto;
    font-size: 12px;
    color: var(--muted);
  }
  .drawer__body {
    padding: 20px 24px;
    overflow: auto;
    flex: 1;
  }
  .drawer__body.axle-rear input::placeholder {
    color: var(--accent-front);
    opacity: .7;
  }
  .drawer__body.axle-rear .ph-plain input::placeholder {
    color: var(--faint);
    opacity: 1;
  }
  .field.ph-inherit input::placeholder, .field.ph-inherit-max .range__in--max::placeholder {
    color: var(--accent-front);
    opacity: .7;
  }
  .dgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 14px;
  }
  .dgrid .field {
    margin: 0;
  }
  .dgrid .field.span2 {
    grid-column: 1 / -1;
  }
  .dgrid select {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .dgrid select:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .ktwrap {
    padding: 18px 2px;
    max-width: 680px;
  }
  .ktadd {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
  }
  .ktadd input {
    flex: 1;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .ktadd input:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .ktfilter {
    width: 100%;
    margin-bottom: 14px;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .ktfilter:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .ktchips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .ktchip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 6px 5px 11px;
    border-radius: 8px;
    background: var(--line-2);
    color: var(--muted);
    font-size: 13px;
  }
  .ktchip button {
    border: 0;
    background: transparent;
    color: var(--faint);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 4px;
    border-radius: 5px;
  }
  .ktchip button:hover {
    background: var(--surface-2);
    color: var(--danger);
  }
  .drawer__foot {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--line);
  }
  .drawer__hint {
    color: var(--faint);
    font-size: 11px;
    margin-right: auto;
    align-self: center;
    font-family: var(--mono);
  }
  .chassis {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 900px;
  }
  .chassis h3 {
    margin: 0 0 16px;
    font-size: 15px;
  }
  .cgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 18px;
  }
  @media (max-width: 720px) {
    .cgrid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .cgrid .field {
    margin: 0;
  }
  .cgrid input, .cgrid select {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    outline: none;
    background: var(--input-bg);
  }
  .cgrid input:focus, .cgrid select:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .pal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(15,27,43,.28);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    animation: palBackdropIn .2s ease both;
  }
  .pal-backdrop--closing {
    animation: palBackdropOut .16s ease both;
  }
  .pal {
    position: fixed;
    z-index: 901;
    top: 14vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(680px, 92vw);
    background: var(--surface);
    border-radius: 16px;
    box-shadow: 0 30px 80px -20px var(--shadow-strong), 0 4px 12px rgba(16,22,28,.1);
    overflow: hidden;
    animation: palIn .2s cubic-bezier(.2,.7,.2,1) both;
  }
  .pal--closing {
    animation: palOut .16s ease both;
  }
  @media (min-width: 1400px) and (min-height: 800px) {
    .pal {
      width: min(1020px, 92vw);
      top: 12vh;
    }
    .pal .pal-results {
      max-height: 56vh;
    }
  }
  @keyframes palIn {
    from {
      opacity: 0;
      transform: translateX(-50%) translateY(12px);
    }
    to {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
  }
  @keyframes palOut {
    from {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
    to {
      opacity: 0;
      transform: translateX(-50%) translateY(8px);
    }
  }
  @keyframes palBackdropIn {
    from {
      opacity: 0;
      backdrop-filter: blur(0);
      -webkit-backdrop-filter: blur(0);
    }
    to {
      opacity: 1;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
  }
  @keyframes palBackdropOut {
    from {
      opacity: 1;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }
    to {
      opacity: 0;
      backdrop-filter: blur(0);
      -webkit-backdrop-filter: blur(0);
    }
  }
  .pal-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 22px 4px;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
  }
  .pal-head .muted {
    font-size: 12px;
    font-weight: 500;
  }
  .pal-inputwrap {
    position: relative;
    margin: 14px 22px 6px;
  }
  .pal-input, .pal-ghost {
    width: 100%;
    font: 500 17px/1.4 var(--mono);
    padding: 13px 15px;
    letter-spacing: 0;
    border-radius: 10px;
  }
  .pal-input {
    position: relative;
    z-index: 2;
    border: 1.5px solid var(--teal);
    background: transparent;
    color: var(--ink);
    outline: none;
    box-shadow: 0 0 0 3px rgba(15,118,110,.12);
  }
  .pal-ghost {
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 1.5px solid transparent;
    white-space: pre;
    overflow: hidden;
    pointer-events: none;
  }
  .pal-ghost .g-typed {
    color: transparent;
  }
  .pal-ghost .g-suffix {
    color: var(--faint);
  }
  .pal-results {
    max-height: 46vh;
    overflow: auto;
    padding: 8px 10px 12px;
  }
  .pal-hint {
    padding: 14px 12px 18px;
    color: var(--muted);
    font-size: 13px;
  }
  .pal-hint .mono {
    color: var(--ink);
    background: var(--surface-2);
    padding: 1px 6px;
    border-radius: 5px;
  }
  .pal-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 9px;
    cursor: pointer;
  }
  .pal-row.on {
    background: var(--teal-soft);
  }
  .pal-name {
    font-size: 15px;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pal-name b {
    font-weight: 700;
  }
  .pal-year {
    font-family: var(--mono);
    font-size: 13px;
  }
  .pal-more {
    padding: 8px 12px 2px;
    font-size: 12px;
  }
  .tsi {
    position: relative;
    width: 100%;
  }
  .tsi__input, .tsi__overlay {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-family: var(--mono);
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .tsi__input {
    position: relative;
    z-index: 2;
    border-color: var(--line);
    background: transparent;
    color: transparent;
    caret-color: var(--ink);
    outline: none;
  }
  .tsi__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    white-space: pre;
    overflow: hidden;
    pointer-events: none;
  }
  .field .tsi__input {
    background: transparent;
    color: transparent;
  }
  .tsi__overlay .d {
    color: var(--ink);
  }
  .tsi__overlay .s {
    color: var(--faint);
  }
  .tsi__overlay .g {
    color: var(--ghost);
  }
  .tsi--focus .tsi__input {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .tsi--ok .tsi__input {
    border-color: #b7d9cf;
  }
  .tsi--bad .tsi__input {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .field input.mismatch {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .tsi__badge {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--teal);
    background: var(--teal-soft);
    padding: 2px 7px;
    border-radius: 5px;
  }
  .tsi--warn .tsi__input {
    border-color: var(--warn);
    box-shadow: 0 0 0 3px rgba(181,130,11,.13);
  }
  .cbo--bad .cbo__input {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .cbo--warn .cbo__input {
    border-color: var(--warn);
    box-shadow: 0 0 0 3px rgba(181,130,11,.13);
  }
  .qin {
    position: relative;
    width: 100%;
  }
  .qin__input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: var(--mono);
    color: var(--ink);
    background: var(--input-bg);
    outline: none;
  }
  .qin__input:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .pcdrow {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .pcdrow__studs {
    flex: 0 0 64px;
    text-align: center;
  }
  .pcdrow__x {
    color: var(--muted);
    font-weight: 600;
  }
  .reveal {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .24s cubic-bezier(.4, 0, .2, 1);
  }
  .reveal.open {
    grid-template-rows: 1fr;
  }
  .reveal__inner {
    overflow: hidden;
    min-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, visibility 0s linear .24s;
  }
  .reveal.open .reveal__inner {
    opacity: 1;
    visibility: visible;
    transition: opacity .18s ease;
  }
  .reveal__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 14px;
    padding-top: 12px;
  }
  .reveal__seat {
    padding-top: 12px;
  }
  @media (prefers-reduced-motion: reduce) {
    .reveal, .reveal__inner {
      transition: none;
    }
  }
  .seatin {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
  }
  .seatin__col .qin {
    width: auto;
  }
  .seatin__param {
    flex: 1 1 auto;
    min-width: 6rem;
  }
  .seatin__param .qin {
    width: 100%;
  }
  .lockedval {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 10px;
    color: var(--muted);
    background: var(--line-2);
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: default;
  }
  .lockedval__lock {
    display: inline-flex;
    opacity: .75;
  }
  .qin--bad .qin__input {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(179,38,30,.12);
  }
  .qin--warn .qin__input {
    border-color: var(--warn);
    box-shadow: 0 0 0 3px rgba(181,130,11,.13);
  }
  .qin:has(.vflag) .qin__input {
    padding-right: 30px;
  }
  .tsi:has(.vflag) .tsi__badge, .cbo:has(.vflag) .cbo__badge {
    right: 32px;
  }
  .qin__unit {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--teal);
    background: var(--teal-soft);
    padding: 2px 7px;
    border-radius: 5px;
  }
  .qin:has(.qin__unit) .qin__input {
    padding-right: 58px;
  }
  .qin:has(.vflag):has(.qin__unit) .qin__input {
    padding-right: 82px;
  }
  .qin:has(.vflag) .qin__unit {
    right: 32px;
  }
  .vflag {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    outline: none;
  }
  .vflag svg {
    width: 15px;
    height: 15px;
    display: block;
  }
  .vflag--err {
    color: var(--danger);
  }
  .vflag--warn {
    color: var(--warn-ink);
  }
  .lbl .vflag {
    position: static;
    right: auto;
    top: auto;
    transform: none;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    vertical-align: -2px;
  }
  .vflag__tip {
    position: fixed;
    z-index: 60;
    display: none;
    width: max-content;
    max-width: 280px;
    background: var(--card);
    color: var(--ink);
    border: 1px solid var(--line);
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: 0 12px 30px -8px var(--shadow);
    white-space: normal;
  }
  .vflag__tip::before, .vflag__tip::after {
    content: "";
    position: absolute;
    left: var(--arrow-x, 50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 6px solid transparent;
  }
  .vflag__tip::after {
    top: 100%;
    border-top-color: var(--card);
  }
  .vflag__tip::before {
    top: calc(100% + 1px);
    border-top-color: var(--line);
  }
  .vflag__tip--below::after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: var(--card);
  }
  .vflag__tip--below::before {
    top: auto;
    bottom: calc(100% + 1px);
    border-top-color: transparent;
    border-bottom-color: var(--line);
  }
  .vflag__tip--err {
    border-top: 2px solid var(--danger);
  }
  .vflag__tip--warn {
    border-top: 2px solid var(--warn-ink);
  }
  .vflag__tip--info {
    border-top: 2px solid var(--teal);
  }
  .vflag__tip-title {
    display: block;
    font-weight: 800;
    margin-bottom: 5px;
    color: var(--ink);
  }
  .vflag__tip span {
    display: block;
  }
  .vflag__tip span + span {
    margin-top: 4px;
  }
  .vflag__tip--wide {
    max-width: 460px;
  }
  .vflag__tip-line {
    position: relative;
    padding-left: 14px;
  }
  .vflag__tip-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--warn-ink);
  }
  .vflag__tip-line--err::before {
    background: var(--danger);
  }
  .vflag__tip-line--err {
    font-weight: 600;
  }
  .vflag__tip-note {
    color: var(--muted);
    font-weight: 500;
    margin-top: 7px !important;
    padding-top: 6px;
    border-top: 1px solid var(--line);
  }
  .vtip {
    cursor: help;
  }
  button.vtip {
    cursor: pointer;
  }
  .unitbadge {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 5px;
    border-radius: 4px;
    vertical-align: baseline;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: help;
    color: var(--faint);
    background: var(--line-2);
    transition: color .12s, background .12s;
  }
  .unitbadge--on {
    color: #fff;
    background: #16a34a;
  }
  .impbars {
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .impbar__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 5px;
  }
  .impbar__label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
  }
  .impbar.pending .impbar__label {
    color: var(--faint);
  }
  .impbar__count {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--muted);
  }
  .impbar__track {
    height: 8px;
    border-radius: 5px;
    background: var(--line-2);
    overflow: hidden;
  }
  .impbar__fill {
    height: 100%;
    border-radius: 5px;
    background: var(--teal);
    transition: width .3s ease;
  }
  .impbar.pending .impbar__fill {
    background: transparent;
  }
  .impbar.done .impbar__fill {
    background: var(--ok);
  }
  .impbar.done .impbar__count {
    color: var(--ok);
    font-weight: 700;
  }
  .impbar.fail .impbar__fill {
    background: var(--danger, var(--danger));
  }
  .impbar.active .impbar__fill {
    background-image: linear-gradient(45deg, rgba(255,255,255,.28) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.28) 50%, rgba(255,255,255,.28) 75%, transparent 75%);
    background-size: 18px 18px;
    animation: impstripes 1s linear infinite;
  }
  @keyframes impstripes {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 18px 0;
    }
  }
  .impfoot {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    font-size: 13px;
  }
  .impfail {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--danger-soft);
    color: var(--danger, var(--danger));
    font-size: 13px;
  }
  .fr {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: var(--surface);
    color: var(--ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
    text-align: center;
    padding: 6vh 24px;
    overflow: hidden;
    transition: opacity .9s ease, transform .9s ease;
  }
  .fr--out {
    opacity: 0;
    transform: scale(1.035);
    pointer-events: none;
  }
  .fr__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    transition: opacity .45s ease, transform .45s ease;
  }
  .fr__intro.leaving {
    opacity: 0;
    transform: translateY(-16px);
  }
  .fr__welcome {
    margin: 0;
    font-size: clamp(34px, 6vw, 64px);
    font-weight: 800;
    letter-spacing: -.025em;
    animation: frUp 1s cubic-bezier(.2,.7,.2,1) both;
  }
  .fr__welcome b {
    background: linear-gradient(120deg, var(--accent), var(--teal));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
  }
  .fr__prompt {
    font-size: clamp(17px, 2.2vw, 22px);
    color: var(--muted);
    margin: 0;
    animation: frUp 1s cubic-bezier(.2,.7,.2,1) .85s both;
  }
  .fr__cta {
    font: inherit;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(120deg, var(--accent), var(--teal));
    border: none;
    border-radius: 14px;
    padding: 16px 34px;
    box-shadow: 0 12px 30px -12px rgba(15,118,110,.6);
    transition: transform .15s ease, box-shadow .15s ease;
    animation: frUp 1s cubic-bezier(.2,.7,.2,1) 1.15s both;
  }
  .fr__cta:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px -12px rgba(15,118,110,.7);
  }
  .fr__cta:disabled {
    opacity: .6;
    cursor: default;
  }
  .fr__step {
    width: min(720px, 90vw);
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .fr__step.entering {
    animation: frUp .6s cubic-bezier(.2,.7,.2,1) both;
  }
  .fr__step.leaving {
    animation: frOut .38s ease both;
  }
  .fr__step-h {
    margin: 0;
    font-size: clamp(40px, 6vw, 62px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.12;
    color: #6f7987;
    text-align: center;
    min-height: 2.24em;
  }
  .fr__bar {
    height: 12px;
    border-radius: 999px;
    background: var(--line-2);
    overflow: hidden;
  }
  .fr__bar-fill {
    height: 100%;
    border-radius: 999px;
    width: 0;
    background: linear-gradient(90deg, var(--accent), var(--teal));
    transition: width .45s cubic-bezier(.4,0,.2,1);
  }
  .frpies {
    display: flex;
    gap: clamp(24px, 6vw, 76px);
    justify-content: center;
    flex-wrap: wrap;
  }
  .frpie {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }
  .frpie__ring {
    width: clamp(184px, 26vw, 236px);
    height: auto;
  }
  .frpie__track {
    fill: none;
    stroke: var(--line-2);
    stroke-width: 13;
  }
  .frpie__seg {
    fill: none;
    stroke-width: 13;
    stroke-linecap: butt;
    transform: rotate(-90deg);
    transform-origin: 65px 65px;
    transition: stroke-dasharray .6s cubic-bezier(.2,.7,.2,1), stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1);
  }
  .frpie__seg--pub {
    stroke: var(--accent);
  }
  .frpie__seg--held {
    stroke: var(--accent-rear);
  }
  .frpie__seg--dropped {
    stroke: #e5484d;
  }
  .frpie__seg--pending {
    stroke: transparent;
  }
  .frpie__num {
    fill: var(--ink);
    font-size: 27px;
    font-weight: 800;
    text-anchor: middle;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
  }
  .frpie__cap {
    fill: var(--muted);
    font-size: 8.5px;
    font-weight: 700;
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: .1em;
  }
  .frpie__legend {
    display: flex;
    gap: 20px;
  }
  .frleg {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
  }
  .frdot {
    width: 11px;
    height: 11px;
    border-radius: 3px;
    display: inline-block;
    flex: 0 0 auto;
  }
  .frdot--pub {
    background: var(--accent);
  }
  .frdot--held {
    background: var(--accent-rear);
  }
  .frdot--dropped {
    background: #e5484d;
  }
  .fr__ready {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .fr__ready-h {
    margin: 0 0 8px;
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 800;
    letter-spacing: -.02em;
    animation: frUp .7s cubic-bezier(.2,.7,.2,1) both;
  }
  .fr__ready-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 21px;
    font-weight: 700;
    opacity: 0;
    animation: frUp .7s cubic-bezier(.2,.7,.2,1) both;
  }
  .fr__ready-item:nth-of-type(1) {
    animation-delay: .30s;
  }
  .fr__ready-item:nth-of-type(2) {
    animation-delay: .70s;
  }
  .fr__ready-item:nth-of-type(3) {
    animation-delay: 1.10s;
  }
  .fr__continue {
    font: inherit;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
    background: linear-gradient(120deg, var(--accent), var(--teal));
    border: none;
    border-radius: 14px;
    padding: 15px 40px;
    box-shadow: 0 12px 30px -12px rgba(15,118,110,.6);
    transition: transform .15s ease;
    opacity: 0;
    animation: frUp .8s cubic-bezier(.2,.7,.2,1) 1.6s both;
  }
  .fr__continue:hover {
    transform: translateY(-2px);
  }
  @keyframes frUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes frOut {
    from {
      opacity: 1;
      transform: none;
    }
    to {
      opacity: 0;
      transform: translateY(-12px);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .fr, .fr__intro, .fr__welcome, .fr__prompt, .fr__cta, .fr__step, .fr__ready-h, .fr__ready-item, .fr__continue, .frpie__seg {
      animation-duration: .01ms !important;
      transition-duration: .01ms !important;
    }
  }
  .camd {
    padding: 18px 24px;
  }
  .camd__head {
    margin-bottom: 22px;
  }
  .camd__title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    margin: 0 0 6px;
  }
  .camd__hero {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 24px 28px;
    margin-bottom: 22px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
  }
  .camd__ring {
    --pct: 0;
    flex: 0 0 auto;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: conic-gradient(var(--teal) calc(var(--pct) * 1%), var(--line-2) 0);
    display: grid;
    place-items: center;
  }
  .camd__ring-in {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: var(--surface);
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
  }
  .camd__ring-pct {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--teal);
  }
  .camd__ring-lbl {
    font-size: 12px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .camd__hero-big {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.02em;
    transition: color .2s;
  }
  .camd__hero-big.is-pulse {
    animation: camdPulse .9s ease;
  }
  @keyframes camdPulse {
    0% {
      color: inherit;
      transform: scale(1);
    }
    28% {
      color: var(--teal, #0f766e);
      transform: scale(1.06);
    }
    100% {
      color: inherit;
      transform: scale(1);
    }
  }
  .camd__hero-of {
    font-size: 20px;
    font-weight: 600;
    color: var(--muted);
  }
  .camd__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .camd__tile {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
    padding: 20px 22px;
  }
  .camd__tile--wide {
    grid-column: 1 / -1;
  }
  .camd__tile-h {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--muted);
    margin-bottom: 12px;
  }
  .camd__big {
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1;
  }
  .camd__sub {
    margin-top: 6px;
    font-size: 13px;
  }
  .camd__ok {
    font-size: 28px;
    font-weight: 800;
    color: var(--ok-2);
  }
  .camd__pill {
    margin-top: 14px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
  }
  .camd__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
  }
  .camd__mpill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 9px 5px 11px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--surface);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
  }
  .camd__mpill-n {
    font-family: var(--mono);
    font-weight: 700;
    font-size: 11px;
    color: var(--teal);
    background: var(--teal-soft);
    border-radius: 999px;
    padding: 4px 7px 3px;
    line-height: 1;
  }
  .camd__rows {
    margin-top: 18px;
  }
  .camd__row {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 12px;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid var(--line-2);
    font-size: 13.5px;
  }
  .camd__row--head {
    border-top: none;
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
  }
  .camd__uvc {
    font-family: var(--mono);
    font-weight: 700;
    color: var(--teal);
  }
  .camd__desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .camd__hint {
    margin-top: 10px;
    font-size: 12px;
  }
  .camd__mappers {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .camd__mapper-top {
    display: flex;
    justify-content: space-between;
    font-size: 13.5px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .camd__mono {
    font-family: var(--mono);
    color: var(--muted);
  }
  .camd__mbar {
    height: 9px;
    border-radius: 999px;
    background: var(--line-2);
    overflow: hidden;
  }
  .camd__mbar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--teal));
  }
  @media (max-width: 720px) {
    .camd__grid {
      grid-template-columns: 1fr;
    }
    .camd {
      padding: 24px 18px;
    }
  }
  .camd__mpill {
    text-decoration: none;
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease, color .12s ease;
  }
  .camd__mpill:hover {
    border-color: var(--teal);
  }
  .camd__mpill.is-active {
    border-color: var(--teal);
    background: var(--teal-soft);
    color: var(--teal);
  }
  .main:has(.camq) {
    overflow: hidden;
  }
  .wrap:has(.camq) {
    max-width: none;
    padding: 0;
    height: 100%;
  }
  .camq {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 22px 12px;
  }
  .camq__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
  }
  .camq__title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
  }
  .camq__count {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    margin-left: 10px;
  }
  .camq__pager {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13px;
  }
  .camq__plink {
    color: var(--teal);
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
  }
  .camq__plink:hover {
    text-decoration: underline;
  }
  .camq__plink.is-off {
    color: var(--faint);
    cursor: default;
    text-decoration: none;
  }
  .camq__pageno {
    color: var(--muted);
    font-variant-numeric: tabular-nums;
  }
  .camq__filterbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
  }
  .camq__makes {
    flex: 1;
    min-width: 0;
    margin-top: 0;
    outline: none;
    padding: 3px;
    border-radius: 10px;
  }
  .camq__makes:focus-visible {
    box-shadow: 0 0 0 3px rgba(15,118,110,.16);
  }
  .camq__filterbar .camq__pager {
    flex: none;
    padding-bottom: 7px;
  }
  .camq__fade {
    animation: camqIn .35s ease both;
  }
  @keyframes camqIn {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .main:has(.cmap) {
    overflow: hidden;
  }
  .wrap:has(.cmap) {
    max-width: none;
    padding: 0;
    height: 100%;
  }
  .cmap {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    animation: camqIn .3s ease both;
  }
  .cmap__banner {
    flex: none;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 14px 22px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
  }
  .cmap__ftbanner {
    flex: none;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 22px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(90deg, var(--teal-soft), var(--surface) 34%);
  }
  .cmap__ftbanner--in {
    animation: ftSlam .42s cubic-bezier(.16, 1.25, .3, 1) both;
  }
  .cmap__ftbanner--out {
    animation: ftSlam .28s cubic-bezier(.4, 0, .8, .4) reverse both;
  }
  @keyframes ftSlam {
    from {
      opacity: 0;
      transform: translateY(52px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .cmap__body--out {
    animation: ftBodyOut .22s ease both;
    pointer-events: none;
  }
  @keyframes ftBodyOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .cmap__change {
    flex: none;
    white-space: nowrap;
  }
  .cmap__id {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
  }
  .uvc-badge {
    background: linear-gradient(150deg, #a78bfa, #7c3aed);
    color: #fff;
    border-radius: 8px;
    padding: 7px 12px;
    font-family: var(--mono);
    font-weight: 700;
    font-size: 13px;
  }
  .camdot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(150deg, #a78bfa, #7c3aed);
  }
  .camdot--chassis {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 11px;
    height: 11px;
    box-shadow: 0 0 0 2px var(--surface);
  }
  .camdot--fit {
    opacity: .45;
  }
  .ftid {
    position: relative;
  }
  .camdotcol {
    width: 22px;
    text-align: center;
  }
  .cmap__idtitle {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
  }
  .cmap__name {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cmap__sub {
    font-size: 12.5px;
  }
  .cmap__yr--bad {
    color: var(--danger);
    font-weight: 700;
  }
  .cmap__yearflag {
    display: inline-flex;
    align-items: center;
    vertical-align: -2px;
    color: var(--danger);
    margin: 0 3px 0 4px;
    cursor: help;
  }
  .cmap__yearflag svg {
    width: 13px;
    height: 13px;
  }
  .cmap__note {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    margin-top: 3px;
    font-size: 12.5px;
    max-width: 560px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cmap__note-l {
    flex: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
    background: var(--line-2);
    border-radius: 4px;
    padding: 1px 6px;
  }
  .cmap__desc {
    display: inline-block;
    margin-top: 3px;
    max-width: 560px;
    font-size: 13px;
    font-style: italic;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cmap__spec {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex: none;
    justify-content: flex-end;
    max-width: 58%;
  }
  .cmap__chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
  }
  .cmap__chip .v {
    font-family: var(--mono);
    font-weight: 600;
    font-size: 14px;
  }
  .cmap__body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 16px 22px 14px;
    gap: 12px;
  }
  .cmap__pickhead {
    font-size: 14px;
  }
  .cmap__search {
    width: 100%;
    font: inherit;
    font-size: 15px;
    padding: 11px 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    outline: none;
    background: var(--input-bg);
    color: var(--ink);
  }
  .cmap__search::placeholder {
    color: var(--muted);
  }
  .cmap__search:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15,118,110,.13);
  }
  .cmap__hint {
    padding: 14px 4px;
    font-size: 13px;
  }
  .cmap table.fit {
    table-layout: fixed;
  }
  .cmap table.fit td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cmap table.fit td.uvccol {
    width: 92px;
    color: var(--teal);
    font-weight: 700;
  }
  .cmap table.fit td.uvccol .pill {
    min-width: 58px;
    justify-content: center;
    background: var(--teal);
    color: #fff;
  }
  .cmap__ftrow {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .cmap__ftname {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cmap__ftname b {
    font-weight: 700;
  }
  .cmap__ftrow .ftags {
    flex: none;
    flex-wrap: nowrap;
  }
  .cmap table.fit td.bfcol {
    width: 120px;
  }
  .cmap table.fit td.matchcol {
    width: 366px;
    overflow: visible;
    padding-right: 22px;
  }
  .cmap__match {
    display: grid;
    grid-template-columns: 72px 128px 128px;
    gap: 8px;
    align-items: center;
  }
  .cmap__slot {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
  }
  .cmap__mp {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 7px;
    font-size: 10.5px;
    font-weight: 600;
    font-family: var(--mono);
    white-space: nowrap;
    letter-spacing: -.01em;
  }
  .cmap__mp.is-green {
    background: var(--ok-soft);
    color: var(--ok);
  }
  .cmap__mp.is-amber {
    background: var(--warn-soft);
    color: var(--warn-ink);
  }
  .cmap__mp.is-red {
    background: var(--danger-soft);
    color: var(--danger-fg);
  }
  .cmap__mp.is-neutral {
    background: var(--surface-2);
    color: var(--muted);
  }
  .cmap table.fit tbody tr.cur {
    background: var(--teal-soft);
  }
  .cmap table.fit tbody tr.cur td:first-child {
    box-shadow: inset 3px 0 0 var(--teal);
  }
  .cmap__aligned {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
  }
  .cmap table.fit th.idcol, .cmap table.fit td.idcol {
    width: 96px;
    color: var(--teal);
    font-weight: 700;
  }
  .cmap table.fit td.segcol, .cmap table.fit th.segcol {
    width: 292px;
  }
  .cmap table.fit tbody td {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  :root:not([data-show-ids="true"]) .cmap table.fit tbody tr.cur td.segcol {
    box-shadow: inset 3px 0 0 var(--teal);
  }
  .cmap__title {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
  }
  .cmap__axle {
    line-height: 1.3;
  }
  .cmap__axle .t {
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.01em;
  }
  .cmap__axle .w {
    display: block;
    font-size: 12px;
    font-family: var(--mono);
    color: var(--muted);
  }
  .cmap__winter {
    color: var(--accent-front);
    margin-right: 6px;
  }
  .cmap__seg {
    display: inline-flex;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
  }
  .cmap__opt {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    padding: 5px 13px;
    border: none;
    border-left: 1px solid var(--line);
    background: var(--surface);
    color: var(--muted);
    cursor: pointer;
  }
  .cmap__opt:first-child {
    border-left: none;
  }
  .cmap__opt.on {
    color: #fff;
  }
  .cmap__opt.on--na {
    background: #94a3b8;
  }
  .cmap__opt.on--standard {
    background: var(--teal);
  }
  .cmap__opt.on--optional {
    background: #3b82f6;
  }
  .cmap__opt:disabled {
    opacity: .3;
    cursor: not-allowed;
  }
  .cmap__opt.on:disabled {
    opacity: 1;
    cursor: default;
  }
  .cmap__row--ghost .cmap__title, .cmap__row--ghost .cmap__axle, .cmap__row--ghost .idcol {
    opacity: .38;
  }
  .cmap__segrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 10px;
  }
  .cmap table.fit th.segcol, .camq__batch-list table.fit th.segcol {
    width: 600px;
  }
  .cmap__ghostwhy {
    font-size: 11px;
    font-weight: 600;
    color: var(--danger, #dc2626);
    white-space: nowrap;
  }
  .cmap__allghost {
    margin: 0 0 8px;
    padding: 8px 12px;
    border: 1px solid var(--danger, #dc2626);
    border-radius: 8px;
    background: var(--danger, #dc2626);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--danger, #dc2626) 8%, transparent);
    }
    color: var(--danger, #dc2626);
    font-size: 13px;
    font-weight: 600;
  }
  .cmap__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 2px;
  }
  .cmap__saveerr {
    margin-left: auto;
    color: var(--danger, #dc2626);
    font-size: 12.5px;
    font-weight: 600;
  }
  .btn--teal.btn--saved {
    background: var(--ok-2);
    border-color: var(--ok-2);
  }
  .camq__tag {
    margin-left: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--warn-ink);
    background: var(--warn-soft);
    border-radius: 999px;
    padding: 2px 7px;
    vertical-align: middle;
  }
  .camq table.fit {
    table-layout: fixed;
  }
  .camq table.fit th.uvccol, .camq table.fit td.uvccol {
    width: 118px;
    color: var(--teal);
    font-weight: 700;
  }
  .camq table.fit th.bfcol, .camq table.fit td.bfcol {
    width: 220px;
  }
  .camq table.fit th.yrcol, .camq table.fit td.yrcol {
    width: 108px;
    font-variant-numeric: tabular-nums;
  }
  .camq table.fit th.engcol, .camq table.fit td.engcol {
    width: 132px;
    font-variant-numeric: tabular-nums;
  }
  .camq__cap {
    color: var(--muted);
  }
  .camq__pw {
    color: var(--ink);
    font-weight: 600;
    margin-left: 8px;
  }
  .camq table.fit td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .camq__topsearch {
    width: 100%;
    max-width: 560px;
    padding: 9px 14px;
    font-size: 14.5px;
    margin: 4px 0 4px;
    border: 1px solid var(--line-2);
    border-radius: 9px;
    background: var(--card);
    color: var(--ink);
    outline: none;
  }
  .camq__topsearch::placeholder {
    color: var(--muted);
  }
  .camq__topsearch:focus-visible {
    box-shadow: 0 0 0 3px rgba(15,118,110,.16);
    border-color: var(--teal);
  }
  .camq__filters2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    margin: 0 0 10px;
  }
  .camq__filters2--one {
    grid-template-columns: minmax(0, 1fr);
  }
  .camq__facetcol {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }
  .camq__excludecol {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
    min-width: 0;
  }
  .camq__exwrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
  }
  .camq__exlabel {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--faint);
  }
  .camq__exhint {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: var(--faint);
  }
  .camq__excludebox {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-content: flex-start;
    max-height: 200px;
    overflow: auto;
    border: 1px solid var(--line-2);
    border-radius: 9px;
    padding: 9px;
    background: var(--card);
  }
  .camq__exempty {
    font-size: 13px;
  }
  .camq__exword {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--muted);
    background: var(--surface-2);
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 4px 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }
  .camq__exword:hover {
    border-color: var(--line-2);
  }
  .camq__exword.is-excluded {
    color: var(--danger, #dc2626);
    border-color: var(--danger, #dc2626);
    background: transparent;
    text-decoration: line-through;
  }
  .camq__exword-n {
    font-family: var(--mono);
    font-size: 11.5px;
    color: var(--faint);
  }
  .camq__facets {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 4px 0 10px;
  }
  .camq__search {
    width: 100%;
    max-width: 520px;
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid var(--line-2);
    border-radius: 9px;
    background: var(--card);
    color: var(--ink);
    outline: none;
  }
  .camq__search:focus-visible {
    box-shadow: 0 0 0 3px rgba(15,118,110,.16);
    border-color: var(--teal);
  }
  .camq__facet {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
  }
  .camq__facet-l {
    flex: none;
    width: 58px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--faint);
    text-align: right;
    padding-right: 6px;
  }
  .camq__fv {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    background: var(--surface-2);
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 3px 9px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .camq__fv:hover {
    border-color: var(--line-2);
  }
  .camq__fv.is-on {
    background: var(--teal-soft);
    color: var(--teal);
    border-color: var(--teal);
  }
  .camq__fv-n {
    font-family: var(--mono);
    font-size: 10.5px;
    font-variant-numeric: tabular-nums;
    color: var(--faint);
    line-height: 1;
    align-self: center;
    padding-top: 1px;
  }
  .camq__fv.is-on .camq__fv-n {
    color: var(--teal);
  }
  .camq__clear {
    align-self: flex-start;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--teal);
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 0;
  }
  .camq__clear:hover {
    text-decoration: underline;
  }
  .camq__resline {
    font-size: 12.5px;
    margin-bottom: 6px;
  }
  .camq__selcount {
    margin-left: 10px;
    color: var(--teal);
    font-weight: 700;
  }
  .camq__mapbtn {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: 6;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-radius: 999px;
    border: 1px solid var(--teal);
    background: var(--teal);
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 22px -8px var(--shadow);
    opacity: .38;
    transition: opacity .18s ease, transform .18s ease;
  }
  .camq__mapbtn.is-ready {
    opacity: 1;
  }
  .camq__mapbtn:disabled {
    cursor: default;
  }
  .camq__mapbtn.is-ready:hover {
    transform: translate(-50%, 50%) scale(1.03);
  }
  .camq__hero {
    flex: none;
    display: flex;
    align-items: center;
    gap: 18px;
    height: 66px;
    padding: 0 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: linear-gradient(90deg, var(--teal-soft), var(--surface) 62%);
    animation: heroIn .34s cubic-bezier(.16, 1, .3, 1) both;
  }
  @keyframes heroIn {
    from {
      max-height: 0;
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      max-height: 66px;
      opacity: 1;
      transform: none;
    }
  }
  .camq__hero-main {
    display: flex;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
  }
  .camq__hero-title {
    flex: none;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
  }
  .camq__hero-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    overflow: hidden;
  }
  .camq__hero-chip {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 3px 11px;
    white-space: nowrap;
  }
  .camq__hero-chip-l {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--faint);
    margin-right: 6px;
  }
  .camq__hero-count {
    flex: none;
    font-size: 13px;
    font-weight: 700;
    color: var(--teal);
  }
  .camq__hero-edit {
    flex: none;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--teal);
    background: none;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
  }
  .camq__hero-edit:hover {
    background: var(--surface-2);
  }
  .camq__batch {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    overflow: hidden;
    max-height: 48vh;
  }
  .camq__batch > .camq__batch-head, .camq__batch > .cmap__search, .camq__batch > .camq__batch-foot {
    margin: 0 14px;
  }
  .camq__batch > .camq__batch-head:first-child {
    margin-top: 12px;
  }
  .camq__batch-head {
    font-size: 13.5px;
    font-weight: 600;
  }
  .camq__batch-list {
    overflow: auto;
    min-height: 0;
    margin: 0 4px;
    padding: 0 10px;
  }
  .camq__batch--classify {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
  }
  .camq__batch--classify .camq__batch-list {
    flex: 1 1 auto;
  }
  .camq__batch-foot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
  }
  .camq__batch-foot > .btn:first-child {
    margin-right: auto;
  }
  .camq__batch-foot .cmap__saveerr {
    margin-left: 0;
  }
  .gvwcol {
    white-space: nowrap;
  }
  .camq__batch-note {
    margin-left: auto;
    font-size: 12px;
  }
  .cmap__match--2 {
    grid-template-columns: 96px 140px;
  }
  .camq__results--batch {
    flex: 0 1 auto;
    max-height: 40vh;
  }
  .camq table.fit th.chkcol, .camq table.fit td.chkcol {
    width: 34px;
    text-align: center;
    padding-left: 8px;
    padding-right: 4px;
  }
  .camq__chk {
    accent-color: var(--teal);
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: middle;
  }
  .camq__chk:disabled {
    opacity: .3;
    cursor: not-allowed;
  }
  .camq__vrow {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  .camq__vname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  }
  .camq__vrow .ftags--rest, .camq__vrow .ftag--series {
    flex: none;
  }
  .ftag--series {
    background: transparent;
    color: var(--muted);
    border: 1px solid var(--line-2);
  }
  .ftag--fuel {
    background: var(--surface-2);
    color: var(--muted);
  }
  .ftag--drive {
    background: var(--surface-2);
    color: var(--muted);
  }
  .ftag--offroad {
    background: var(--warn-soft);
    color: var(--warn-fg);
  }
  .toasts {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 945;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    pointer-events: none;
  }
  .toast {
    pointer-events: auto;
    position: relative;
    display: flex;
    gap: 11px;
    align-items: flex-start;
    width: 340px;
    max-width: calc(100vw - 40px);
    padding: 12px 38px 12px 13px;
    background: var(--surface);
    color: var(--ink);
    border: 1px solid var(--line);
    border-left: 3px solid var(--faint);
    border-radius: 12px;
    box-shadow: 0 12px 34px var(--shadow), 0 2px 8px rgba(0,0,0,.10);
    transform-origin: bottom right;
    animation: toast-in .5s cubic-bezier(.22,1,.36,1) both;
  }
  .toasts .toast {
    display: flex;
  }
  .ico-spin {
    animation: ft-spin .9s linear infinite;
    transform-origin: 50% 50%;
  }
  @keyframes ft-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .toast--success {
    border-left-color: var(--ok);
  }
  .toast--warning {
    border-left-color: var(--warn);
  }
  .toast--error {
    border-left-color: var(--danger);
  }
  .toast--info {
    border-left-color: var(--teal);
  }
  .toast__icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font: 700 12px/1 var(--mono);
    color: #fff;
  }
  .toast--success .toast__icon {
    background: var(--ok);
  }
  .toast--warning .toast__icon {
    background: var(--warn);
    color: #3a2a05;
  }
  .toast--error .toast__icon {
    background: var(--danger);
  }
  .toast--info .toast__icon {
    background: var(--teal);
  }
  .toast__body {
    min-width: 0;
    flex: 1 1 auto;
  }
  .toast__title {
    margin: 0;
    font-size: 13.5px;
    font-weight: 650;
    letter-spacing: -.01em;
  }
  .toast__detail {
    margin: 2px 0 0;
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.35;
  }
  .toast__x {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--faint);
    cursor: pointer;
    border-radius: 6px;
    font: 12px/1 var(--mono);
    display: grid;
    place-items: center;
  }
  .toast__x:hover {
    background: var(--surface-2);
    color: var(--ink);
  }
  .toast--exit {
    animation: toast-out .42s cubic-bezier(.4,0,.9,.3) both;
    pointer-events: none;
    overflow: hidden;
  }
  @keyframes toast-in {
    0% {
      transform: rotate(-88deg) translateX(26px);
      opacity: 0;
    }
    50% {
      transform: rotate(6deg);
      opacity: 1;
    }
    65% {
      transform: rotate(-3.5deg);
    }
    78% {
      transform: rotate(2deg);
    }
    88% {
      transform: rotate(-1.2deg);
    }
    94% {
      transform: rotate(.5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @keyframes toast-out {
    0% {
      transform: translateX(0);
      opacity: 1;
      max-height: 200px;
      margin-bottom: 0;
    }
    60% {
      transform: translateX(115%);
      opacity: 0;
      max-height: 200px;
    }
    100% {
      transform: translateX(115%);
      opacity: 0;
      max-height: 0;
      margin-bottom: -10px;
      padding-top: 0;
      padding-bottom: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .toast {
      animation: toast-fade .2s ease both;
    }
    .toast--exit {
      animation: toast-fade .2s ease both reverse;
    }
  }
  @keyframes toast-fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mte {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 18px;
  }
  .mte__empty {
    color: var(--ink-dim, #8b8b98);
    padding: 48px 0;
    text-align: center;
  }
  .mte__bar, .mte__verdicts {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .mte__back {
    font-size: 13px;
  }
  .mte__sha {
    font-family: var(--mono, ui-monospace, monospace);
    font-size: 11px;
    color: var(--ink-dim, #8b8b98);
  }
  .mte__spacer {
    flex: 1;
  }
  .mte__st {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--ink-dim, #8b8b98);
  }
  .mte__btn {
    border: 1px solid var(--rule, #2a2a33);
    background: var(--panel, #1e1e25);
    color: inherit;
    border-radius: 7px;
    padding: 5px 12px;
    font-size: 13px;
    cursor: pointer;
  }
  .mte__btn:disabled {
    opacity: .45;
    cursor: default;
  }
  .mte__btn--go {
    background: #b45f06;
    border-color: #b45f06;
    color: #fff;
  }
  .mte__btn--ok {
    border-color: #1d5c3a;
    color: #3ddc8a;
  }
  .mte__btn--bad {
    border-color: #5a2a2a;
    color: #ff8f8f;
  }
  .mte__mini {
    border: none;
    background: none;
    color: var(--ink-dim, #8b8b98);
    font-size: 11px;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 8px;
  }
  .mte__panes {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  @media (max-width: 1100px) {
    .mte__panes {
      grid-template-columns: 1fr;
    }
  }
  .mte__pane figcaption {
    font-size: 12px;
    color: var(--ink-dim, #8b8b98);
    margin-bottom: 6px;
  }
  .mte__canvas {
    width: 100%;
    display: block;
    border: 1px solid var(--rule, #2a2a33);
    border-radius: 10px;
    cursor: crosshair;
    touch-action: none;
  }
  .mte__hint {
    font-size: 12px;
    color: var(--ink-dim, #8b8b98);
  }
  .mtq {
    padding: 14px 18px;
  }
  .mtq__bands {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--ink-dim, #8b8b98);
    margin: 6px 0 14px;
  }
  .mtq__bands b {
    color: inherit;
    font-variant-numeric: tabular-nums;
  }
  .mtq__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .mtq__tile {
    border: 1px solid var(--rule, #2a2a33);
    border-radius: 10px;
    overflow: hidden;
    display: block;
  }
  .mtq__tile img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    display: block;
    background: repeating-conic-gradient(#1b1b22 0% 25%, #23232b 0% 50%) 0 0/22px 22px;
  }
  .mtq__meta {
    padding: 6px 9px 8px;
    font-size: 11px;
    color: var(--ink-dim, #8b8b98);
    display: flex;
    justify-content: space-between;
    gap: 6px;
  }
  .mtq__score--bad {
    color: #ff8f8f;
    font-weight: 700;
  }
  .mtq__score--warn {
    color: #ffca80;
    font-weight: 600;
  }
  .mtq__verdict {
    color: #3ddc8a;
  }
  .mte__legend {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--ink-dim, #8b8b98);
  }
  .mte__key {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .mte__key i {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    display: inline-block;
  }
  .mte__key--x {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: none;
  }
  .mte__key--x::before, .mte__key--x::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: 4px;
    height: 2px;
    background: #ff453a;
  }
  .mte__key--x::before {
    transform: rotate(45deg);
  }
  .mte__key--x::after {
    transform: rotate(-45deg);
  }
  .mte__solve b {
    font-weight: 600;
    color: inherit;
  }
  .mte__pane {
    position: relative;
    margin: 0;
  }
  .mte__wash {
    position: absolute;
    inset: 24px 0 0 0;
    background: rgba(13, 13, 16, .55);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mte__spin {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .18);
    border-top-color: #ff9500;
    animation: mte-spin .8s linear infinite;
  }
  @keyframes mte-spin {
    to {
      transform: rotate(360deg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .mte__spin {
      animation-duration: 2.4s;
    }
  }
  .crashcard {
    max-width: 520px;
    margin: 48px auto;
    padding: 28px 32px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    text-align: center;
  }
  .crashcard h2 {
    margin: 0 0 8px;
    font-size: 17px;
    color: var(--ink);
  }
  .crashcard p {
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 14px;
  }
  .pal {
    color: var(--ink);
  }
  .pal .pal-row .pill {
    min-width: 58px;
    justify-content: center;
    background: var(--teal);
    color: #fff;
  }
  .pal .pal-row .pal-year {
    min-width: 72px;
    margin-left: 10px;
    text-align: left;
  }
  .pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    min-height: 38px;
    padding: 5px 7px;
    cursor: text;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--input-bg);
    transition: border-color .12s, box-shadow .12s;
  }
  .pills--focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .13);
  }
  .pill2 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 5px 2px 9px;
    border-radius: 20px;
    line-height: 1.5;
    border: 1px solid;
    white-space: nowrap;
  }
  .pill2__txt {
    font-size: 12.5px;
  }
  .pill2__x {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    padding: 0 2px;
    opacity: .5;
    color: inherit;
  }
  .pill2__x:hover {
    opacity: 1;
  }
  .pill2--ok {
    border-color: var(--line);
    background: var(--teal-soft);
  }
  .pill2--warn {
    border-color: rgba(181, 130, 11, .4);
    background: rgba(226, 176, 74, .14);
    color: var(--warn-fg);
  }
  .pill2--bad {
    border-color: rgba(179, 38, 30, .42);
    background: var(--vbad);
    color: var(--danger-fg);
  }
  .pills .pills__input {
    flex: 1 1 120px;
    min-width: 90px;
    background: transparent;
    font-size: 13px;
    padding: 3px 2px;
    color: inherit;
  }
  .pills .pills__input, .pills .pills__input:focus {
    border: none;
    outline: none;
    box-shadow: none;
  }
  .modal {
    position: fixed;
    z-index: 951;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(520px, 92vw);
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 24px 60px -20px rgba(12, 40, 37, .45);
    outline: none;
  }
  .modal__head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--line);
  }
  .modal__head h3 {
    margin: 0;
    font-size: 16px;
  }
  .modal__x {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--faint);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
    border-radius: 6px;
  }
  .modal__x:hover {
    background: var(--surface-2);
    color: var(--ink);
  }
  .modal__body {
    padding: 20px 24px;
    overflow: auto;
    flex: 1;
  }
  .modal input, .modal__text {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    color: var(--ink);
    background: var(--surface);
    outline: none;
    resize: vertical;
  }
  .modal input:focus, .modal__text:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .13);
  }
  .modal__err {
    margin-top: 12px;
    font-size: 13px;
    color: var(--danger);
  }
  .modal__done {
    padding: 34px 24px;
    text-align: center;
    color: var(--teal);
    font-weight: 600;
  }
  .modal__foot {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--line);
  }
  .prd {
    position: fixed;
    z-index: 941;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(1180px, 94vw);
    height: min(88vh, 900px);
    display: flex;
    flex-direction: column;
    background: var(--surface);
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 24px 60px -20px rgba(12, 40, 37, .45);
    outline: none;
    overflow: hidden;
    animation: prd-in .18s ease both;
  }
  .prd.prd--closing {
    animation: prd-out .18s ease both;
    pointer-events: none;
  }
  @keyframes prd-in {
    from {
      opacity: 0;
      transform: translate(-50%, -50%) scale(.97);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
  @keyframes prd-out {
    from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(.97);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .prd, .prd.prd--closing {
      animation-duration: .01ms;
    }
  }
  .prd .prd__head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 16px 22px;
    border-bottom: 1px solid var(--line);
    flex: 0 0 auto;
  }
  .prd .prd__head h3 {
    margin: 0;
    font-size: 16px;
  }
  .prd .prd__x {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--faint);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
    border-radius: 6px;
  }
  .prd .prd__x:hover {
    background: var(--surface-2);
    color: var(--ink);
  }
  .prd .prd__loading {
    flex: 1;
    display: grid;
    place-items: center;
    color: var(--muted);
  }
  .prd .prd__loading--err {
    color: var(--danger);
  }
  .prd .prd__split {
    flex: 1;
    display: grid;
    grid-template-columns: 62fr 38fr;
    min-height: 0;
  }
  .prd .prd__pane {
    overflow: auto;
    min-height: 0;
    padding: 22px 24px;
  }
  .prd .prd__hist {
    border-left: 1px solid var(--line);
    background: var(--surface-2);
  }
  .prd .prd__doc {
    background: var(--bg);
  }
  .prd .paper {
    max-width: 640px;
    margin: 0 auto;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 30px 34px 36px;
    font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  }
  .prd .paper__head {
    border-bottom: 2px solid var(--ink);
    padding-bottom: 12px;
    margin-bottom: 6px;
  }
  .prd .paper__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.01em;
  }
  .prd .paper__ver {
    margin-top: 5px;
    font-family: var(--mono);
    font-size: 12px;
    color: var(--muted);
  }
  .prd .paper__block {
    padding: 16px 0;
    border-bottom: 1px solid var(--line-2);
  }
  .prd .paper__block:last-child {
    border-bottom: 0;
  }
  .prd .paper__h {
    margin: 0 0 10px;
    font-family: system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--faint);
  }
  .prd .spec {
    margin: 0;
  }
  .prd .spec__row {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 14px;
    padding: 4px 0;
    align-items: baseline;
  }
  .prd .spec__row dt {
    color: var(--muted);
    font-size: 14px;
  }
  .prd .spec__row dd {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
  }
  .prd .muted {
    color: var(--muted);
    font-weight: 400;
  }
  .prd .fits {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .prd .fit {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--surface);
  }
  .prd .fit__title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
  }
  .prd .fit__line {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    padding: 1px 0;
  }
  .prd .fit__ax {
    display: inline-block;
    width: 46px;
    font-family: system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--faint);
  }
  .prd .fit__note {
    margin-top: 5px;
    font-size: 13px;
    font-style: italic;
    color: var(--muted);
  }
  .prd .chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .prd .advisory {
    margin-bottom: 12px;
    padding: 8px 11px;
    font-family: system-ui, sans-serif;
    font-size: 13px;
    background: var(--warn-soft);
    border: 1px solid var(--warn-border);
    color: var(--warn-ink);
    border-radius: 8px;
  }
  .prd .cantpub {
    background: var(--danger-soft);
    border: 1px solid var(--danger-border);
    border-radius: 8px;
    padding: 14px 16px;
    font-family: system-ui, sans-serif;
  }
  .prd .cantpub__hd {
    font-weight: 700;
    color: var(--danger-ink);
    margin-bottom: 8px;
  }
  .prd .cantpub__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .prd .cantpub__list li {
    display: flex;
    align-items: baseline;
    gap: 10px;
    justify-content: space-between;
  }
  .prd .cantpub__msg {
    font-size: 14px;
    color: var(--ink);
  }
  .prd .cantpub__code {
    flex: 0 0 auto;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 5px;
    background: var(--surface-2);
    color: var(--muted);
  }
  .prd .prd__histhd {
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--faint);
  }
  .prd .tl__sep {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 12px;
    font-family: system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .prd .tl__sep::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--line);
  }
  .prd .tl__sep--pending {
    color: var(--warn-fg);
  }
  .prd .tl__sep--pub {
    color: var(--teal);
  }
  .prd .tl {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
  }
  .prd .tl:last-child {
    margin-bottom: 0;
  }
  .prd .tl__item {
    position: relative;
    padding: 0 0 18px 20px;
    border-left: 1px solid var(--line);
  }
  .prd .tl__item:last-child {
    border-left-color: transparent;
    padding-bottom: 0;
  }
  .prd .tl__dot {
    position: absolute;
    left: -5px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--muted);
    box-shadow: 0 0 0 3px var(--surface-2);
  }
  .prd .tl__dot.op-add {
    background: var(--teal);
  }
  .prd .tl__dot.op-edit {
    background: var(--warn);
  }
  .prd .tl__dot.op-rem {
    background: var(--danger);
  }
  .prd .tl__hd {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
  }
  .prd .tl__op {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .prd .tl__op.op-add {
    color: var(--teal);
  }
  .prd .tl__op.op-edit {
    color: var(--warn-fg);
  }
  .prd .tl__op.op-rem {
    color: var(--danger);
  }
  .prd .tl__where {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
  }
  .prd .tl__meta {
    font-size: 12px;
    color: var(--muted);
    margin-top: 2px;
  }
  .prd .chg {
    list-style: none;
    margin: 7px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .prd .chg__row {
    display: flex;
    gap: 8px;
    font-size: 12.5px;
    line-height: 1.4;
  }
  .prd .chg__field {
    flex: 0 0 auto;
    color: var(--muted);
  }
  .prd .chg__field::after {
    content: ":";
  }
  .prd .chg__val {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--ink);
    word-break: break-word;
  }
  .prd .prd__foot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 22px;
    border-top: 1px solid var(--line);
    flex: 0 0 auto;
  }
  .prd .prd__note {
    font-size: 12px;
    color: var(--muted);
  }
  @media (max-width: 820px) {
    .prd {
      width: 96vw;
      height: 92vh;
    }
    .prd .prd__split {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr;
    }
    .prd .prd__hist {
      border-left: 0;
      border-top: 1px solid var(--line);
    }
  }
  .veditor .ftid {
    white-space: nowrap;
    flex: 0 0 auto;
  }
  .veditor .vtop {
    display: flex;
  }
  .veditor .vzone {
    min-width: 0;
  }
  .veditor .vzone--id {
    flex: 1 1 auto;
    min-width: 50%;
  }
  .veditor .vzone--spec {
    flex: 0 1 auto;
    min-width: min-content;
    justify-content: flex-end;
  }
  .veditor .vzone--spec .spec {
    justify-content: flex-end;
    text-align: left;
  }
  .veditor .vzone--id {
    padding: 0;
    gap: 0;
  }
  .veditor .vzone--id:hover {
    background: transparent;
  }
  .veditor .vzone--id.vzone--bad, .veditor .vzone--id.vzone--bad:hover {
    background: var(--vbad);
  }
  .veditor .vpart {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: inherit;
    font: inherit;
    position: relative;
  }
  .veditor .vpart--ident {
    flex: 1 1 auto;
  }
  .veditor .vpart--spec {
    flex: 0 1 auto;
  }
  .veditor .vpart:hover {
    background: var(--teal-soft);
  }
  .veditor .vzone--bad .vpart:hover {
    background: var(--vbad-hover);
  }
  .veditor .vpart--bad {
    background: var(--vbad);
    border-radius: 10px;
  }
  .veditor .vpart--bad:hover {
    background: var(--vbad-hover);
  }
  .veditor .vpart:focus-visible {
    outline: none;
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .13);
  }
  .veditor .vpart[data-ak]::after {
    top: 5px;
    right: 5px;
  }
  .veditor .dtitle {
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.45;
  }
  .veditor .fit tr.ghost-hdr td {
    border: none;
    padding-top: 15px;
    padding-bottom: 3px;
  }
  .veditor .ghost-hdr__cell {
    font-size: 11px;
    letter-spacing: .07em;
    text-transform: uppercase;
    opacity: .5;
    font-weight: 600;
  }
  .veditor .altrange {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 10px;
    padding: 7px 12px;
    border: 1px solid var(--line-2);
    border-radius: 8px;
    background: var(--surface-2);
  }
  .veditor .altrange__k {
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--muted);
  }
  .veditor .altrange__v {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
  }
  .veditor .altrange__note {
    font-size: 12px;
    color: var(--muted);
  }
  .veditor .altsugg {
    margin-top: 8px;
  }
  .veditor .altsugg__lbl {
    display: block;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--muted);
    margin-bottom: 5px;
  }
  .veditor .altsugg__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .veditor .pill2--ghost {
    border: 1px dashed var(--line);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 2px 5px 2px 9px;
    border-radius: 20px;
    line-height: 1.5;
    font-size: 12.5px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .veditor .pill2--ghost:hover {
    border-color: var(--teal);
    color: var(--teal);
    background: var(--teal-soft);
  }
  .veditor .pill2__plus {
    font-size: 13px;
    opacity: .7;
  }
  .veditor .pill2--count {
    border: 1px dashed var(--teal);
    background: var(--teal-soft);
    color: var(--teal);
    font-weight: 700;
    padding: 2px 8px;
    opacity: .85;
  }
  .veditor .fit tr.ghost-row {
    cursor: pointer;
    font-style: italic;
    opacity: .68;
  }
  .veditor .fit tr.ghost-row td {
    border-top: 1px dashed var(--line, rgba(128,128,128,.28));
  }
  .veditor .fit tr.ghost-row:hover {
    opacity: 1;
    background: var(--teal-soft);
    font-style: normal;
  }
  .veditor .ghost-row .ghost-plus {
    color: var(--teal);
    font-style: normal;
    font-weight: 700;
  }
  .veditor .ghost-row .ghost-dim {
    opacity: .45;
  }
  .veditor .ghost-delta {
    font-size: 11px;
    opacity: .6;
    margin-left: 8px;
  }
  .veditor .fit tr.altrow-bad td:not(.tyrescol) {
    color: var(--danger-fg);
  }
  .veditor .fit tr.altrow-warn td:not(.tyrescol) {
    color: var(--warn-fg);
  }
  .veditor .fit td.tyrescol {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .veditor .fit td.tyrescol .pill2 {
    margin: 1px 5px 1px 0;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}