.model-mode-switch {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 220px)) 1fr;
  align-items: end;
  min-height: 68px;
  margin: -10px 0 26px;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  overflow: hidden;
}

.model-mode-switch::before {
  content: "MODEL DOMAIN / 02";
  position: absolute;
  right: 0;
  bottom: 10px;
  color: var(--text-2);
  font: 600 9px/1 var(--font-ui);
  letter-spacing: .18em;
}

.model-mode-switch > i {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: min(220px, 50%);
  height: 3px;
  background: var(--accent);
  box-shadow: 28px 0 0 -1px color-mix(in srgb, var(--accent) 35%, transparent);
  transition: transform 420ms var(--ease-ceremonial), background-color 280ms ease;
  pointer-events: none;
}

[data-model-mode-active="live"] .model-mode-switch > i { transform: translateX(100%); }

.model-mode-switch a {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: end;
  min-height: 60px;
  padding: 11px 18px 12px;
  color: var(--text-2);
  text-decoration: none;
  transition: color 220ms ease, background-color 220ms ease;
}

.model-mode-switch a::after {
  content: "";
  position: absolute;
  inset: 8px 0 8px auto;
  width: 1px;
  background: color-mix(in srgb, var(--line) 72%, transparent);
}

.model-mode-switch a:hover,
.model-mode-switch a.is-active { color: var(--text-1); }

.model-mode-switch a.is-active {
  background: linear-gradient(105deg, color-mix(in srgb, var(--surface-2) 72%, transparent), transparent 72%);
}

.model-mode-switch a > span {
  grid-row: 1 / 3;
  align-self: center;
  color: var(--accent);
  font: 700 10px/1 var(--font-ui);
  letter-spacing: .12em;
}

.model-mode-switch a b { font: 650 14px/1.2 var(--font-display); letter-spacing: .03em; }
.model-mode-switch a small { margin-top: 5px; font: 600 8px/1 var(--font-ui); letter-spacing: .19em; }

[data-model-mode-active="live"] #model-catalog-toolbar,
[data-model-mode-active="live"] #model-grid,
[data-model-mode-active="live"] #model-empty { display: none !important; }

.model-performance {
  --performance-red: #e4544f;
  --performance-cyan: #55bbc4;
  --performance-gold: #d8ae61;
  --performance-ink: color-mix(in srgb, var(--text-1) 95%, #172734);
  position: relative;
  isolation: isolate;
  min-height: 560px;
  padding-bottom: 72px;
}

.model-performance[hidden] { display: none !important; }

.model-performance::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 72px -28px 14% 12%;
  background:
    linear-gradient(124deg, transparent 0 23%, color-mix(in srgb, var(--accent) 8%, transparent) 23.1% 23.4%, transparent 23.5%),
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--line) 24%, transparent) 0 1px, transparent 1px 72px);
  clip-path: polygon(3% 0, 100% 0, 97% 88%, 80% 100%, 0 94%);
  opacity: .75;
  pointer-events: none;
}

.model-performance__loading-line {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 180ms ease;
}

.model-performance.is-loading .model-performance__loading-line { opacity: 1; }
.model-performance__loading-line i,
.model-performance__loading-line span {
  position: absolute;
  top: 0;
  left: -24%;
  width: 24%;
  height: 100%;
  background: var(--performance-red);
  animation: performance-read-line 1.15s cubic-bezier(.45, 0, .16, 1) infinite;
}
.model-performance__loading-line span { width: 9%; animation-delay: 130ms; background: var(--performance-cyan); }

@keyframes performance-read-line { to { transform: translateX(520%); } }

.model-performance__control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  padding: 26px clamp(20px, 3vw, 44px) 23px;
  color: #f3f5f4;
  background:
    linear-gradient(112deg, rgba(9, 19, 25, .98), rgba(20, 34, 40, .94) 58%, rgba(18, 27, 30, .9)),
    var(--surface-2);
  box-shadow: 0 24px 58px rgba(2, 7, 9, .17);
  clip-path: polygon(0 0, 98.5% 0, 100% 18px, 100% 100%, 2.2% 100%, 0 calc(100% - 22px));
}

.model-performance__control::before {
  content: "";
  position: absolute;
  top: 0;
  left: 6%;
  width: 32%;
  height: 3px;
  background: linear-gradient(90deg, var(--performance-red) 0 68%, transparent 68% 73%, var(--performance-cyan) 73%);
}

.model-performance__control > div:first-child > p:first-child {
  margin: 0 0 9px;
  color: rgba(228, 237, 238, .67);
  font: 600 9px/1.2 var(--font-ui);
  letter-spacing: .13em;
}
.model-performance__control > div:first-child > p:first-child span { color: var(--performance-cyan); }
.model-performance__control h2 { margin: 0; font: 620 clamp(22px, 2vw, 34px)/1.08 var(--font-display); letter-spacing: .01em; }
.model-performance__control > div:first-child > p:last-child { max-width: 780px; margin: 10px 0 0; color: rgba(228, 237, 238, .72); font-size: 12px; line-height: 1.75; }

.model-performance__range {
  display: flex;
  align-items: stretch;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .035);
}
.model-performance__range button {
  min-width: 88px;
  padding: 10px 12px 9px;
  border: 0;
  color: rgba(231, 238, 238, .56);
  background: transparent;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease;
}
.model-performance__range button + button { border-left: 1px solid rgba(255, 255, 255, .1); }
.model-performance__range button b,
.model-performance__range button small { display: block; }
.model-performance__range button b { font: 700 11px/1 var(--font-ui); letter-spacing: .14em; }
.model-performance__range button small { margin-top: 6px; font-size: 9px; }
.model-performance__range button.is-active { color: #fff; background: linear-gradient(135deg, rgba(228, 84, 79, .26), rgba(85, 187, 196, .08)); }
.model-performance__range button:focus-visible { outline: 2px solid var(--performance-cyan); outline-offset: -2px; }

.model-performance__state {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 0 2.2%;
  padding: 0 16px;
  color: var(--text-2);
  border-left: 1px solid var(--performance-red);
  font: 550 10px/1.4 var(--font-ui);
  letter-spacing: .035em;
}

.performance-sheet {
  position: relative;
  margin: 17px 2.2% 0;
  padding: clamp(22px, 3vw, 40px);
  color: var(--performance-ink);
  background:
    radial-gradient(circle at 77% 4%, color-mix(in srgb, var(--performance-cyan) 11%, transparent), transparent 28%),
    linear-gradient(112deg, color-mix(in srgb, var(--surface-1) 97%, white), color-mix(in srgb, var(--surface-2) 91%, white));
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  box-shadow: 0 18px 48px color-mix(in srgb, #071118 12%, transparent);
}
.performance-sheet::before,
.performance-sheet::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.performance-sheet::before {
  inset: 10px -8px -9px 26px;
  z-index: -1;
  border-right: 1px solid color-mix(in srgb, var(--performance-cyan) 44%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--performance-red) 35%, transparent);
}
.performance-sheet::after {
  top: 0;
  right: 8%;
  width: 22%;
  height: 5px;
  background: linear-gradient(90deg, var(--performance-red) 0 42%, transparent 42% 47%, var(--performance-cyan) 47%);
}
.performance-sheet__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 25px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
}
.performance-sheet__head span,
.performance-ledger > header span { color: var(--performance-red); font: 650 9px/1 var(--font-ui); letter-spacing: .18em; }
.performance-sheet__head h3,
.performance-ledger > header h3 { margin: 6px 0 0; font: 620 clamp(18px, 1.5vw, 25px)/1.15 var(--font-display); }
.performance-sheet__head p { margin: 0; color: var(--text-2); font-size: 10px; }
.performance-sheet__head p b { margin-right: 8px; color: var(--performance-red); font: 700 18px/1 var(--font-display); }

.performance-sheet__tracks { display: grid; gap: 14px; }
.performance-track {
  position: relative;
  padding: 19px 20px 16px;
  border-left: 3px solid var(--performance-red);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--performance-red) 5%, transparent), transparent 32%),
    color-mix(in srgb, var(--surface-2) 53%, transparent);
  animation: performance-track-arrive 420ms var(--ease-ceremonial) both;
  animation-delay: calc(var(--track-order) * 55ms);
}
.performance-track.is-estimated { border-left-color: var(--performance-gold); }
@keyframes performance-track-arrive { from { opacity: 0; transform: translateX(18px); } }
.performance-track > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; }
.performance-track > header > div:first-child { display: grid; grid-template-columns: 28px minmax(0, 1fr); }
.performance-track > header > div:first-child span { grid-row: 1 / 3; color: var(--performance-red); font: 700 10px/1 var(--font-ui); }
.performance-track > header > div:first-child b { overflow: hidden; text-overflow: ellipsis; font: 650 14px/1.2 var(--font-display); white-space: nowrap; }
.performance-track > header code { margin-top: 5px; overflow: hidden; color: var(--text-2); font: 500 9px/1.2 var(--font-ui); text-overflow: ellipsis; white-space: nowrap; }
.performance-track__headline { display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 5px; text-align: right; }
.performance-track__headline strong { font: 650 28px/.9 var(--font-display); }
.performance-track__headline > span { color: var(--performance-red); font: 700 9px/1 var(--font-ui); letter-spacing: .12em; }
.performance-track__headline small { grid-column: 1 / 3; margin-top: 6px; color: var(--text-2); font-size: 8px; letter-spacing: .05em; }

.performance-track__scale { position: relative; height: 42px; margin: 14px 0 8px; }
.performance-track__rail,
.performance-track__quartile,
.performance-track__median,
.performance-track__average { position: absolute; display: block; }
.performance-track__rail { top: 18px; right: 0; left: 0; height: 1px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.performance-track__rail::before { content: ""; position: absolute; inset: -5px 0; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--line) 46%, transparent) 0 1px, transparent 1px 10%); mask: linear-gradient(#000 0 0) center / 100% 11px no-repeat; }
.performance-track__quartile { top: 16px; left: var(--p25); width: max(2px, calc(var(--p75) - var(--p25))); height: 5px; background: var(--performance-cyan); box-shadow: 0 0 12px color-mix(in srgb, var(--performance-cyan) 25%, transparent); }
.performance-track__median { top: 13px; left: var(--p50); width: 10px; height: 10px; margin-left: -5px; border: 2px solid var(--performance-ink); border-radius: 50%; background: var(--surface-1); }
.performance-track__average { top: 11px; left: var(--average); width: 13px; height: 13px; margin-left: -6px; background: var(--performance-red); transform: rotate(45deg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--surface-1) 80%, transparent); }
.performance-track__scale > span { position: absolute; bottom: 0; color: var(--text-2); font: 500 8px/1 var(--font-ui); }
.performance-track__scale > span:last-child { right: 0; }
.performance-track__facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: color-mix(in srgb, var(--line) 56%, transparent); }
.performance-track__facts > span { display: grid; gap: 5px; padding: 9px 11px; background: color-mix(in srgb, var(--surface-1) 94%, transparent); }
.performance-track__facts small { color: var(--text-2); font: 600 8px/1 var(--font-ui); letter-spacing: .1em; }
.performance-track__facts b { font: 620 11px/1.2 var(--font-display); }
.performance-track__ttft { position: relative; display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 9px; min-height: 24px; margin-top: 10px; }
.performance-track__ttft > span { color: var(--performance-gold); font: 700 8px/1 var(--font-ui); letter-spacing: .15em; }
.performance-track__ttft > i { height: 1px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.performance-track__ttft > b,
.performance-track__ttft > em { position: absolute; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--performance-gold); }
.performance-track__ttft > b { left: clamp(72px, var(--ttft50), calc(100% - 72px)); }
.performance-track__ttft > em { left: clamp(72px, var(--ttft95), calc(100% - 72px)); background: transparent; border: 1px solid var(--performance-gold); }
.performance-track__ttft small { color: var(--text-2); font-size: 8px; }

.performance-sheet > footer { display: flex; align-items: center; gap: 18px; margin-top: 20px; color: var(--text-2); font: 500 8px/1.5 var(--font-ui); }
.performance-sheet > footer span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.performance-sheet > footer i { width: 8px; height: 8px; background: var(--performance-red); transform: rotate(45deg); }
.performance-sheet > footer span:nth-child(2) i { border: 2px solid var(--performance-ink); border-radius: 50%; background: transparent; transform: none; }
.performance-sheet > footer span:nth-child(3) i { width: 14px; height: 3px; background: var(--performance-cyan); transform: none; }
.performance-sheet > footer p { margin: 0 0 0 auto; text-align: right; }
.performance-compare-empty { padding: 38px; text-align: center; border: 1px dashed color-mix(in srgb, var(--line) 82%, transparent); }
.performance-compare-empty b { font: 620 17px/1.2 var(--font-display); }
.performance-compare-empty p { max-width: 560px; margin: 9px auto 0; color: var(--text-2); font-size: 10px; line-height: 1.7; }

.performance-ledger { margin: 30px 0 0; padding: 0 2.2%; }
.performance-ledger > header { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(220px, .7fr) auto; gap: 18px; align-items: end; margin-bottom: 13px; }
.performance-ledger > header label { position: relative; display: grid; gap: 6px; }
.performance-ledger > header label > span { color: var(--text-2); letter-spacing: .1em; }
.performance-ledger input { width: 100%; height: 38px; padding: 0 52px 0 12px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--text-1); background: color-mix(in srgb, var(--surface-1) 76%, transparent); font: 500 11px/1 var(--font-ui); outline: none; }
.performance-ledger input:focus { border-color: var(--performance-cyan); box-shadow: inset 3px 0 var(--performance-cyan); }
.performance-search-clear { position: absolute; right: 6px; bottom: 7px; padding: 5px 6px; border: 0; color: var(--text-2); background: transparent; font: 600 8px/1 var(--font-ui); cursor: pointer; }
.performance-search-clear:disabled { opacity: 0; pointer-events: none; }
.performance-sort { display: flex; border-bottom: 1px solid var(--line); }
.performance-sort button { padding: 12px 11px; border: 0; color: var(--text-2); background: transparent; font: 600 9px/1 var(--font-ui); cursor: pointer; }
.performance-sort button.is-active { color: var(--text-1); box-shadow: inset 0 -3px var(--performance-red); }
.performance-ledger__table { border-top: 2px solid var(--performance-ink); overflow-x: auto; }
.performance-ledger table { width: 100%; min-width: 1260px; border-collapse: collapse; font-size: 10px; }
.performance-ledger th { padding: 11px 10px; color: var(--text-2); border-bottom: 1px solid var(--line); font: 650 8px/1 var(--font-ui); letter-spacing: .1em; text-align: left; }
.performance-ledger td { padding: 13px 10px; border-bottom: 1px solid color-mix(in srgb, var(--line) 68%, transparent); vertical-align: middle; }
.performance-ledger tbody tr { transition: background-color 180ms ease; }
.performance-ledger tbody tr:hover,
.performance-ledger tbody tr.is-selected { background: color-mix(in srgb, var(--performance-cyan) 7%, transparent); }
.performance-ledger td > small { display: block; margin-top: 4px; color: var(--text-2); font-size: 8px; }
.performance-ledger td:first-child button { display: grid; grid-template-columns: 30px minmax(0, 1fr); width: 100%; padding: 0; border: 0; color: inherit; background: none; text-align: left; cursor: pointer; }
.performance-ledger td:first-child button > span { grid-row: 1 / 3; color: var(--performance-red); font: 700 9px/1 var(--font-ui); }
.performance-ledger td:first-child b { overflow: hidden; text-overflow: ellipsis; font: 620 11px/1.2 var(--font-display); white-space: nowrap; }
.performance-ledger td:first-child small { margin-top: 4px; overflow: hidden; color: var(--text-2); font: 500 8px/1 var(--font-ui); text-overflow: ellipsis; white-space: nowrap; }
.performance-ledger tr.is-selected td:first-child button > span { color: var(--performance-cyan); }
.performance-ledger__mobile { display: none; }
.performance-ledger > footer { display: flex; justify-content: space-between; gap: 18px; padding: 14px 0; color: var(--text-2); font-size: 9px; line-height: 1.6; }
.performance-ledger > footer p { max-width: 680px; margin: 0; }
.performance-ledger > footer span { white-space: nowrap; }

.performance-skeleton { display: grid; gap: 12px; margin: 18px 2.2%; }
.performance-skeleton i { height: 98px; background: linear-gradient(100deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 20%, color-mix(in srgb, var(--surface-2) 92%, transparent) 42%, color-mix(in srgb, var(--surface-1) 82%, transparent) 64%); background-size: 220% 100%; animation: performance-skeleton 1.4s ease infinite; }
@keyframes performance-skeleton { to { background-position: -120% 0; } }
.performance-empty { margin: 18px 2.2%; padding: 76px 24px; color: var(--text-1); border: 1px solid var(--line); background: var(--surface-1); text-align: center; }
.performance-empty > span { display: block; width: 44px; height: 44px; margin: 0 auto 18px; border: 1px solid var(--performance-cyan); border-radius: 50%; box-shadow: inset 0 0 0 9px var(--surface-1), inset 0 0 0 10px var(--performance-red); }
.performance-empty h3 { margin: 0; font: 620 20px/1.2 var(--font-display); }
.performance-empty p { max-width: 560px; margin: 10px auto 18px; color: var(--text-2); font-size: 11px; }
.performance-empty button { padding: 10px 18px; border: 1px solid var(--line); color: var(--text-1); background: transparent; cursor: pointer; }

html[data-member-theme="garden"] .model-performance {
  --performance-red: #9c5d82;
  --performance-cyan: #6f94a3;
  --performance-gold: #b89751;
  --performance-ink: var(--text-1);
}
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__control {
  color: #343043;
  background:
    radial-gradient(circle at 78% 12%, rgba(181, 151, 82, .15), transparent 24%),
    linear-gradient(112deg, rgba(248, 245, 238, .98), rgba(235, 232, 239, .97) 58%, rgba(225, 233, 235, .95));
  box-shadow: 0 24px 54px rgba(56, 48, 74, .12);
}
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__control > div:first-child > p:first-child,
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__control > div:first-child > p:last-child { color: rgba(52, 48, 67, .66); }
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__range { border-color: rgba(67, 58, 82, .13); background: rgba(255, 255, 255, .35); }
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__range button { color: rgba(52, 48, 67, .55); }
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__range button + button { border-color: rgba(67, 58, 82, .11); }
html[data-member-theme="garden"][data-member-scheme="light"] .model-performance__range button.is-active { color: #312c3e; background: linear-gradient(135deg, rgba(156, 93, 130, .17), rgba(184, 151, 81, .13)); }
html[data-member-theme="garden"][data-member-scheme="light"] .performance-sheet {
  background:
    radial-gradient(circle at 78% 4%, rgba(184, 151, 81, .12), transparent 28%),
    linear-gradient(112deg, rgba(250, 248, 243, .96), rgba(238, 237, 243, .94));
}
html[data-member-theme="garden"][data-member-scheme="light"] .performance-track { background: linear-gradient(90deg, rgba(156, 93, 130, .07), transparent 34%), rgba(255, 255, 255, .34); }
html[data-member-theme="garden"][data-member-scheme="light"] .performance-track__facts > span { background: rgba(249, 247, 243, .78); }

@media (min-width: 2200px) {
  .model-mode-switch { min-height: 76px; margin-bottom: 32px; }
  .model-mode-switch a { min-height: 68px; }
  .model-performance__control { padding: 31px 48px 27px; }
  .performance-sheet { padding: 42px 48px; }
  .performance-track { padding: 21px 24px 18px; }
  .performance-ledger table { font-size: 11px; }
}

@media (max-width: 980px) {
  .model-performance__control { grid-template-columns: 1fr; align-items: start; }
  .model-performance__range { justify-self: stretch; }
  .model-performance__range button { flex: 1; }
  .performance-ledger > header { grid-template-columns: 1fr 1fr; }
  .performance-ledger > header > div:first-child { grid-column: 1 / 3; }
  .performance-track__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .performance-sheet > footer { flex-wrap: wrap; }
  .performance-sheet > footer p { width: 100%; margin-left: 0; text-align: left; }
}

@media (max-width: 720px) {
  .model-mode-switch { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 58px; margin-top: -4px; }
  .model-mode-switch::before { display: none; }
  .model-mode-switch a { min-height: 54px; padding: 9px 10px 11px; }
  .model-mode-switch a::after { display: none; }
  .model-mode-switch > i { width: 50%; }
  .model-performance::before { inset-inline: -12px; }
  .model-performance__control { gap: 18px; padding: 22px 18px 20px; clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%); }
  .model-performance__control h2 { font-size: 23px; }
  .model-performance__range { width: 100%; overflow-x: auto; }
  .model-performance__range button { min-width: 82px; }
  .model-performance__state { margin-inline: 0; padding-inline: 10px; }
  .performance-sheet { margin-inline: 0; padding: 21px 15px; }
  .performance-sheet::before { display: none; }
  .performance-sheet__head { display: grid; gap: 10px; }
  .performance-track { padding: 16px 12px 14px; }
  .performance-track > header { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .performance-track > header code { max-width: 48vw; }
  .performance-track__headline strong { font-size: 23px; }
  .performance-track__facts { grid-template-columns: 1fr 1fr; }
  .performance-track__facts > span { padding: 8px; }
  .performance-track__ttft { grid-template-columns: 42px 1fr auto; }
  .performance-track__ttft > b { left: clamp(42px, var(--ttft50), calc(100% - 65px)); }
  .performance-track__ttft > em { left: clamp(42px, var(--ttft95), calc(100% - 65px)); }
  .performance-sheet > footer span { font-size: 7px; }
  .performance-ledger { margin-top: 25px; padding-inline: 0; }
  .performance-ledger > header { grid-template-columns: 1fr; }
  .performance-ledger > header > div:first-child { grid-column: auto; }
  .performance-sort { overflow-x: auto; }
  .performance-sort button { flex: 1; white-space: nowrap; }
  .performance-sort button { min-height: 44px; }
  .performance-search-clear { right: 0; bottom: -3px; min-width: 44px; min-height: 44px; }
  .performance-ledger__table { display: none; }
  .performance-ledger__mobile { display: grid; gap: 8px; }
  .performance-card { border-left: 2px solid var(--line); background: color-mix(in srgb, var(--surface-1) 82%, transparent); }
  .performance-card.is-selected { border-left-color: var(--performance-cyan); }
  .performance-card > button { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; width: 100%; padding: 13px 12px; border: 0; color: var(--text-1); background: none; text-align: left; }
  .performance-card > button span { color: var(--performance-red); font: 700 9px/1 var(--font-ui); }
  .performance-card > button b { overflow: hidden; font: 620 11px/1.2 var(--font-display); text-overflow: ellipsis; white-space: nowrap; }
  .performance-card > button small { color: var(--text-2); font: 650 9px/1 var(--font-ui); }
  .performance-card details { border-top: 1px solid color-mix(in srgb, var(--line) 62%, transparent); }
  .performance-card summary { padding: 10px 12px; color: var(--text-2); font-size: 9px; cursor: pointer; list-style: none; }
  .performance-card summary::-webkit-details-marker { display: none; }
  .performance-card summary i { display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); transition: transform 180ms ease; }
  .performance-card details[open] summary i { transform: rotate(225deg); }
  .performance-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0 12px 12px; }
  .performance-card dl div { padding: 9px 7px; border-top: 1px solid color-mix(in srgb, var(--line) 52%, transparent); }
  .performance-card dt { color: var(--text-2); font-size: 8px; }
  .performance-card dd { margin: 5px 0 0; font: 600 10px/1.3 var(--font-display); }
  .performance-ledger > footer { display: grid; }
  .performance-ledger > footer span { white-space: normal; }
}

@media (max-width: 470px) {
  .model-mode-switch a { grid-template-columns: 22px 1fr; column-gap: 6px; }
  .model-mode-switch a b { font-size: 12px; }
  .model-mode-switch a small { font-size: 7px; }
  .model-performance__range button { min-width: 76px; padding-inline: 8px; }
  .performance-sheet { padding-inline: 11px; }
  .performance-track > header { grid-template-columns: 1fr; }
  .performance-track__headline { justify-self: start; text-align: left; }
  .performance-track__headline small { text-align: left; }
  .performance-track > header code { max-width: 70vw; }
  .performance-track__scale { margin-top: 9px; }
  .performance-track__facts { grid-template-columns: 1fr 1fr; }
  .performance-sheet > footer { gap: 11px; }
  .performance-card > button { grid-template-columns: 25px minmax(0, 1fr); }
  .performance-card > button small { grid-column: 2; margin-top: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .model-mode-switch > i,
  .performance-track { transition: none !important; animation: none !important; }
  .model-performance__loading-line i,
  .model-performance__loading-line span,
  .performance-skeleton i { animation: none !important; }
  .model-performance__loading-line i { left: 0; width: 72%; }
  .model-performance__loading-line span { right: 0; left: auto; width: 24%; }
}