body[data-page="balance"] {
  --balance-blue: #9fbedf;
  --balance-muted: #98a5a9;
  --balance-line: #dce8eb17;
  --balance-panel: #141b1d;
  --balance-text: #e5e8e4;
  color: var(--balance-text);
  background: radial-gradient(ellipse at 80% 0, #22363f42, transparent 42rem), #0d1315;
  font-size: 14px;
}
body[data-page="balance"]::before { display: none; }
.balance-focus-selector { min-width: 200px; }
.balance-focus-card p { color: #a9b7bb; line-height: 1.65; font-size: 14px; max-width: 80ch; }
.balance-focus-eyebrow { color: #8fbdb5; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 800; }
.balance-focus-badge, .balance-focus-preview-tag { display: inline-flex; flex-shrink: 0; align-items: center; align-self: flex-start; padding: 6px 10px; border: 1px solid #aecfc426; border-radius: 7px; color: #a7c1ba; font-size: 11px; line-height: 1.5; }
.balance-focus-preview-tag { color: #d8c39e; border-color: #d8c39e40; background: #d8c39e08; }
.balance-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.balance-focus-card { min-width: 0; background: linear-gradient(140deg, #1b282bb3, #141c1ef0); border: 1px solid #dce8eb17; border-radius: 16px; padding: clamp(18px, 2.3vw, 29px); }
.balance-focus-card > header { display: flex; justify-content: space-between; gap: 14px; align-items: center; flex-wrap: wrap; }
.balance-focus-card h2 { margin: 6px 0 0; font-size: 20px; letter-spacing: -.025em; }
.balance-focus-card .balance-focus-subtle { color: #91a4a8; font-size: 12px; }
.balance-focus-wide { grid-column: 1 / -1; }
.balance-focus-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; margin: 25px 0; }
.balance-focus-metric dt { color: #a3b3b7; font-size: 12px; margin-bottom: 7px; }
.balance-focus-metric dd { margin: 0; font-size: clamp(23px, 2.5vw, 32px); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.045em; color: #e4eae5; }
.balance-focus-metric dd span { font-size: 14px; color: #aab8b7; font-weight: 500; letter-spacing: 0; }
.balance-focus-metric small { display: block; color: #8ea0a3; font-size: 11px; line-height: 1.6; margin-top: 5px; }
.balance-focus-details { margin-top: 19px; border-top: 1px solid #dce8eb17; padding-top: 14px; }
.balance-focus-details summary { cursor: pointer; padding: 7px 0; color: #b7cbc8; font-size: 13px; font-weight: 700; }
.balance-focus-rows { margin-bottom: 0; }
.balance-focus-rows > div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid #dce8eb0d; font-size: 13px; }
.balance-focus-rows dt { color: #acbcbf; }
.balance-focus-rows dd { margin: 0; color: #e1e8df; text-align: right; font-variant-numeric: tabular-nums; }
.balance-focus-xp-layout { display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 26px; align-items: center; }
.balance-xp-svg { width: 100%; height: auto; aspect-ratio: 820 / 300; display: block; overflow: visible; }
.balance-xp-svg line { stroke: #b8c8d11a; }
.balance-xp-svg text { fill: #9aaeb2; font: 11px "Manrope", sans-serif; }
.balance-xp-svg path { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.balance-xp-reference { stroke: #aeb9ce; stroke-width: 2; stroke-dasharray: 5 6; opacity: .7; }
.balance-xp-preview { stroke: #cdb881; stroke-width: 2.5; }
.balance-xp-knot { fill: #d7c393; stroke: #d7c39302; stroke-width: 20; cursor: ns-resize; touch-action: none; }
.balance-xp-knot:hover, .balance-xp-knot:focus { fill: #fff1c8; stroke: #e2c68c30; outline: none; }
.balance-focus-legend { display: flex; justify-content: center; gap: 20px; color: #cdb881; font-size: 11px; margin-top: 5px; }
.balance-focus-legend span + span { color: #aeb9ce; }
.balance-focus-range { display: block; min-width: 0; }
.balance-focus-range > span { display: flex; justify-content: space-between; gap: 12px; color: #d5dddb; font-size: 13px; font-weight: 600; }
.balance-focus-range output { color: #dbc591; font-variant-numeric: tabular-nums; white-space: nowrap; }
.balance-focus-range input[type="range"] { display: block; width: 100%; min-height: 44px; padding: 0; accent-color: #cdb881; cursor: pointer; background: transparent; }
.balance-focus-range input:focus-visible, .balance-focus-details summary:focus-visible { outline: 2px solid #9fbedf; outline-offset: 4px; border-radius: 4px; }
.balance-focus-xp-controls p, .balance-focus-card .balance-focus-sandbox { font-size: 12px; }
.balance-focus-sandbox { min-height: 3.3em; }
.balance-focus-wide > .balance-focus-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #dce8eb17; padding-top: 22px; }
.balance-focus-knots { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 24px; margin-top: 18px; }
.balance-focus-table-wrap { max-height: 360px; overflow: auto; margin-top: 10px; }
.balance-focus-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.balance-focus-table th, .balance-focus-table td { text-align: right; padding: 10px 8px; border-bottom: 1px solid #dce8eb17; font-variant-numeric: tabular-nums; }
.balance-focus-table th:first-child, .balance-focus-table td:first-child { text-align: left; }
.balance-focus-table th { color: #a8bcb9; font-weight: 600; }
.balance-focus-legacy-bars { display: flex; align-items: end; gap: 3px; height: 130px; padding-top: 15px; }
.balance-focus-legacy-bars i { flex: 1; min-height: 2px; background: #a9a0bb; border-radius: 3px 3px 0 0; }
@media (max-width: 1050px) {
  .balance-focus-xp-layout { grid-template-columns: minmax(0, 1fr); }
  .balance-focus-xp-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 25px; align-items: center; }
  .balance-focus-xp-controls .balance-button { justify-self: start; }
}
@media (max-width: 720px) {
  .balance-focus-grid { grid-template-columns: minmax(0, 1fr); }
  .balance-focus-wide > .balance-focus-metrics, .balance-focus-knots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .balance-focus-xp-controls { display: block; }
  .balance-focus-selector { min-width: 0; }
}
.balance-app { max-width: 1500px; margin: auto; padding: 30px clamp(16px, 4vw, 64px) 70px; }
.balance-app [hidden], .balance-tooltip[hidden] { display: none !important; }
.balance-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.balance-heading { flex: 1; }
.balance-heading > span { font-size: 11px; font-weight: 700; color: var(--balance-muted); letter-spacing: .12em; text-transform: uppercase; }
.balance-heading h1 { font-family: "Sora", sans-serif; font-size: 27px; font-weight: 600; letter-spacing: -.04em; margin: 4px 0 0; }
.balance-icon-button { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 9px; color: #b8c9ce; background: #192529; border: 1px solid #a9c7d229; border-radius: 11px; cursor: pointer; }
.balance-icon-button svg { width: 21px; height: 21px; }
.balance-readonly { display: flex; align-items: center; gap: 6px; color: #98aaae; font-size: 11px; white-space: nowrap; }
.balance-readonly svg { width: 15px; height: 15px; }
.balance-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--balance-line); margin-bottom: 25px; }
.balance-tabs { display: flex; gap: 26px; }
.balance-tabs button { position: relative; padding: 0 0 16px; border: 0; background: none; color: var(--balance-muted); font-size: 14px; font-weight: 700; cursor: pointer; }
.balance-tabs button[aria-selected="true"] { color: #bad3ed; }
.balance-tabs button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--balance-blue); }
.balance-tabs button span:not(:empty) { margin-left: 5px; padding: 2px 6px; border-radius: 5px; background: #26343b; font-size: 10px; color: #adbdc6; }
.balance-updated { color: #91a0a6; font-size: 11px; padding-bottom: 16px; }
.balance-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; margin-bottom: 14px; }
.balance-field { display: flex; flex-direction: column; gap: 7px; min-width: 145px; }
.balance-field > span { color: #9daeb3; font-size: 11px; font-weight: 700; }
.balance-field :is(select, input) { width: 100%; min-height: 42px; max-width: 100%; border: 1px solid #bbd4e02c; border-radius: 9px; padding: 9px 12px; color: #e2e8e7; background: #172126; }
.balance-field select { padding-right: 34px; cursor: pointer; }
.balance-preset-field { min-width: 260px; }
.balance-section-field { min-width: 150px; max-width: 210px; }
.balance-search { flex: 1; min-width: 200px; position: relative; }
.balance-search input { padding-left: 38px; background: #121c20; }
.balance-search svg { position: absolute; left: 12px; top: 12px; width: 18px; height: 18px; color: #8c9fa7; pointer-events: none; }
.balance-check { display: flex; align-items: center; gap: 8px; min-height: 42px; color: #becaca; font-size: 12px; white-space: nowrap; cursor: pointer; }
.balance-check input { accent-color: #99bdd6; width: 15px; height: 15px; margin: 0; }
.balance-preset-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; color: #90a1a7; min-height: 29px; font-size: 11px; margin: 4px 0 16px; }
.balance-preset-meta strong { color: #b7c5cc; font-weight: 600; }
.balance-values-layout { display: grid; grid-template-columns: 177px minmax(0, 1fr); gap: 24px; align-items: start; }
.balance-categories { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 5px; }
.balance-categories button { display: flex; justify-content: space-between; align-items: center; gap: 10px; text-align: left; padding: 11px 12px; border: 1px solid transparent; border-radius: 8px; color: #aab9bc; background: transparent; font-size: 12px; font-weight: 600; cursor: pointer; }
.balance-categories button[aria-pressed="true"] { color: #d4e1e9; background: #202f36; border-color: #9cbfd42c; }
.balance-categories button span { color: #94a6ae; font-size: 10px; font-variant-numeric: tabular-nums; }
.balance-sections { min-width: 0; }
.balance-section { border: 1px solid var(--balance-line); border-radius: 13px; background: #151d20; overflow: hidden; margin-bottom: 18px; animation: balance-pop 350ms both cubic-bezier(.2, .8, .3, 1.18); animation-delay: var(--delay, 0ms); }
.balance-section-header { display: flex; align-items: baseline; gap: 10px; padding: 16px 20px 13px; border-bottom: 1px solid var(--balance-line); }
.balance-section-header h2 { margin: 0; font-size: 13px; font-weight: 700; color: var(--category-color, #a6bdb0); }
.balance-section-header span { color: #889ca3; font-size: 10px; }
[data-tone="blue"] { --category-color: #a1c2dd; }
[data-tone="amber"] { --category-color: #cfb394; }
[data-tone="rose"] { --category-color: #cda7ad; }
[data-tone="gold"] { --category-color: #cfbf8f; }
[data-tone="violet"] { --category-color: #bcb0d0; }
[data-tone="sage"] { --category-color: #a6bdb0; }
[data-tone="cyan"] { --category-color: #96cbd0; }
.balance-audio > header h2 { color: var(--category-color); }
.balance-audio-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 10px; align-items: start; }
.balance-audio-group { min-width: 0; border: 1px solid var(--balance-line); border-radius: 9px; background: #121c20; }
.balance-audio-group > summary { display: flex; align-items: center; gap: 12px; padding: 13px 15px; cursor: pointer; font-size: 12px; color: var(--category-color); }
.balance-audio-group > summary::before { content: "+"; width: 10px; flex-shrink: 0; }
.balance-audio-group[open] > summary::before { content: "−"; }
.balance-audio-group > summary::marker { content: ""; }
.balance-audio-group > summary::-webkit-details-marker { display: none; }
.balance-audio-group > summary strong, .balance-audio-group > summary small { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 11px; font-weight: 600; }
.balance-audio-group .balance-focus-rows { margin: 0; padding: 0 15px 12px; }
.balance-audio-group .balance-focus-rows dt { overflow-wrap: anywhere; }
.balance-variable-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.balance-variable-table th { padding: 9px 20px 8px; text-align: right; color: #92a2a8; font-size: 10px; font-weight: 600; }
.balance-variable-table th:first-child { width: 56%; text-align: left; }
.balance-variable-table td { padding: 11px 20px; border-top: 1px solid #dce8eb09; font-size: 12px; vertical-align: middle; line-height: 1.5; }
.balance-variable-table td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.balance-variable-table td:last-child { color: #94a3a9; }
.balance-variable-table tr[data-changed="true"] td:nth-child(2) { color: #d5c796; }
.balance-variable-table td:first-child { color: #d7e0df; overflow-wrap: anywhere; }
.balance-variable-table tbody tr:is(:hover, :focus-visible) { background: #91b5c50b; }
.balance-variable-table tbody tr:focus-visible { outline-offset: -2px; }
.balance-variable-name { display: inline-flex; align-items: center; gap: 9px; }
.balance-variable-name > span { opacity: .4; font-size: 10px; }
.balance-tag { display: inline-flex; align-items: center; border: 1px solid #b9d1de25; background: #27383f70; border-radius: 5px; padding: 2px 6px; font-size: 10px; color: #aebec5; line-height: 1.45; white-space: nowrap; }
.balance-tag--mixed { color: #d0ba91; background: #5747293d; border-color: #ccac6638; }
.balance-tag--test { color: #bcaed0; background: #45395250; border-color: #b49ac731; }
.balance-empty { display: grid; justify-items: center; align-content: center; text-align: center; min-height: 200px; border: 1px dashed #b9d1de24; border-radius: 12px; padding: 36px 22px; color: #a8b8be; line-height: 1.65; }
.balance-empty strong { color: #d2dedf; font-size: 15px; font-weight: 600; }
.balance-empty p { max-width: 430px; margin: 8px 0 0; font-size: 12px; }
.balance-notice { color: #bdcbd2; border: 1px solid #a4c3d52c; background: #1c2d365e; border-radius: 10px; padding: 13px 16px; margin-bottom: 20px; font-size: 12px; }
.balance-notice[data-error="true"] { color: #e0b5a3; background: #45282255; border-color: #ba897435; }
.balance-run-filters { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.balance-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.balance-stat { padding: 17px 19px; border: 1px solid var(--balance-line); background: #172125; border-radius: 11px; }
.balance-stat span { display: block; color: #a0b1b7; font-size: 11px; }
.balance-stat strong { display: block; margin-top: 6px; color: #dce6e6; font-size: 24px; font-weight: 600; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.balance-runs-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 20px; }
.balance-run-list-panel { min-width: 0; }
.balance-run-list { display: flex; flex-direction: column; gap: 7px; max-height: 770px; overflow: auto; padding: 2px 4px 6px 2px; scrollbar-color: #50626a #12191c; scrollbar-width: thin; }
.balance-run-card { display: grid; gap: 8px; width: 100%; padding: 13px 14px; text-align: left; color: #bdcbcf; background: #162025; border: 1px solid var(--balance-line); border-radius: 10px; cursor: pointer; }
.balance-run-card[aria-pressed="true"] { border-color: #91bad279; background: #20313a; }
.balance-run-card > span { display: flex; gap: 7px; justify-content: space-between; flex-wrap: wrap; font-size: 11px; }
.balance-run-card strong { font-size: 12px; color: #d5e1e5; font-weight: 600; }
.balance-run-card small { font-size: 10px; color: #9fadb2; }
.balance-run-detail { min-width: 0; }
.balance-detail-header { display: flex; justify-content: space-between; gap: 16px; align-items: start; margin: 2px 0 18px; }
.balance-detail-header h2 { font-family: "Sora", sans-serif; font-size: 18px; margin: 0 0 7px; font-weight: 600; }
.balance-detail-header p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: #a0b2b8; font-size: 11px; }
.balance-detail-stats { display: flex; flex-wrap: wrap; gap: 14px 24px; padding: 15px 0 20px; }
.balance-detail-stats div { color: #97aab1; font-size: 10px; }
.balance-detail-stats strong { display: block; color: #d6e0e1; font-size: 16px; margin-top: 4px; font-weight: 600; }
.balance-chart { border: 1px solid var(--balance-line); background: #141e22; border-radius: 12px; overflow: hidden; margin-bottom: 18px; }
.balance-chart-header { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 15px 18px 0; }
.balance-chart-header h3, .balance-detail-section h3 { font-size: 12px; font-weight: 700; color: #afc9d8; margin: 0; }
.balance-chart-header select { background: #203039; color: #cbdbe1; border: 1px solid #b1c7d027; border-radius: 6px; padding: 6px; font-size: 11px; max-width: 60%; }
.balance-chart svg { display: block; width: 100%; height: auto; min-height: 190px; overflow: visible; }
.balance-chart text { font-family: "Manrope", sans-serif; fill: #8fa4ae; font-size: 10px; }
.balance-chart .balance-empty { min-height: 170px; border: 0; }
.balance-chart-caption { margin: 0; padding: 0 18px 13px; color: #95a6ae; font-size: 10px; }
.balance-comparison { margin-bottom: 24px; }
.balance-comparison svg { min-height: 125px; max-height: 250px; }
.balance-comparison circle:focus-visible { outline: none; stroke-width: 3.5; }
.balance-comparison-key { color: #9fbdd7; }
.balance-comparison-key--mixed { color: #cdb789; }
.balance-comparison-key--test { color: #bdabd3; }
.balance-sample-data { border-top: 1px solid var(--balance-line); color: #a8bdc6; font-size: 11px; }
.balance-sample-data summary { cursor: pointer; padding: 10px 18px; }
.balance-sample-data > div { max-height: 240px; overflow: auto; padding: 0 18px 12px; scrollbar-color: #50626a #12191c; scrollbar-width: thin; }
.balance-sample-data table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.balance-sample-data :is(td, th) { text-align: right; padding: 6px 10px; border-bottom: 1px solid #dce8eb0c; }
.balance-sample-data :is(td, th):first-child { text-align: left; }
.balance-sample-data th { color: #c9d8de; font-weight: 600; }
.balance-detail-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.balance-detail-section { border-top: 1px solid var(--balance-line); padding-top: 16px; margin-bottom: 18px; min-width: 0; }
.balance-detail-section h3 { margin-bottom: 14px; }
.balance-detail-section > p { color: #97aab1; font-size: 12px; }
.balance-weapons { display: flex; flex-direction: column; gap: 14px; }
.balance-weapon-head { display: flex; justify-content: space-between; gap: 10px; color: #cad7d9; font-size: 11px; margin-bottom: 6px; }
.balance-weapon-head span:last-child { color: #9cb4c0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.balance-weapon-track { height: 5px; background: #263338; border-radius: 3px; overflow: hidden; }
.balance-weapon-track span { display: block; height: 100%; width: var(--fill); background: #7fabbc; border-radius: inherit; }
.balance-events { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0; }
.balance-events li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; font-size: 11px; line-height: 1.5; color: #c5d1d3; }
.balance-events time { color: #8ba2ad; font-variant-numeric: tabular-nums; }
.balance-button { border: 1px solid #a2bfcd33; background: #1c2b31; border-radius: 8px; color: #bfd1d9; font-size: 12px; padding: 9px 13px; cursor: pointer; margin: 8px 0; }
.balance-button:disabled { opacity: .5; cursor: progress; }
.balance-tooltip { position: fixed; z-index: 100; max-width: min(380px, calc(100vw - 24px)); padding: 14px 16px; color: #dbe4e7; background: #223139; border: 1px solid #aac7d555; border-radius: 10px; box-shadow: 0 12px 35px #0008; font-family: "Manrope", sans-serif; font-size: 12px; line-height: 1.65; white-space: pre-line; pointer-events: none; }
.balance-app :is(button, a, input, select, [tabindex]):focus-visible { outline: 2px solid #a5c9e1; outline-offset: 3px; }
.balance-app :is(button, a) { transition: background-color 140ms, border-color 140ms, transform 220ms cubic-bezier(.2, .8, .3, 1.2); }
.balance-app :is(.balance-icon-button, .balance-button):hover { transform: scale(1.035); border-color: #9dbed06a; }
.balance-app button:not(:disabled):hover { color: #e0eaf0; }
.balance-app input::placeholder { color: #7e959f; }
.balance-app select { color-scheme: dark; }
.balance-app .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes balance-pop { from { opacity: 0; transform: translateY(9px) scale(.994); } to { opacity: 1; transform: none; } }
@media (min-width: 1650px) { .balance-app { padding-top: 42px; } .balance-variable-table td { padding-top: 13px; padding-bottom: 13px; } }
@media (max-width: 1000px) { .balance-values-layout { grid-template-columns: 150px minmax(0, 1fr); gap: 16px; } .balance-runs-layout { grid-template-columns: 225px minmax(0, 1fr); gap: 16px; } .balance-detail-columns { grid-template-columns: 1fr; } }
@media (max-width: 740px) {
  .balance-app { padding-top: 20px; }
  .balance-header { gap: 13px; margin-bottom: 25px; }
  .balance-heading h1 { font-size: 23px; }
  .balance-readonly { font-size: 0; gap: 0; }
  .balance-readonly svg { width: 17px; height: 17px; }
  .balance-topbar { gap: 10px; }
  .balance-updated { display: none; }
  .balance-preset-field { min-width: 200px; flex: 1; }
  .balance-search { min-width: 100%; order: 2; }
  .balance-check { font-size: 11px; }
  .balance-values-layout { display: block; }
  .balance-categories { position: static; flex-direction: row; flex-wrap: wrap; gap: 4px; margin-bottom: 18px; }
  .balance-categories button { padding: 8px 10px; font-size: 11px; gap: 6px; }
  .balance-variable-table th, .balance-variable-table td { padding: 10px 12px; }
  .balance-variable-table td { font-size: 11px; }
  .balance-variable-table th:first-child { width: 52%; }
  .balance-section-header { padding: 14px 12px; }
  .balance-run-filters { grid-template-columns: 1fr 1fr; }
  .balance-run-filters .balance-field { min-width: 0; }
  .balance-summary { grid-template-columns: 1fr 1fr; gap: 9px; }
  .balance-stat { padding: 13px 15px; }
  .balance-stat strong { font-size: 21px; }
  .balance-runs-layout { display: block; }
  .balance-run-list { flex-direction: row; max-height: none; padding-bottom: 14px; margin-bottom: 20px; }
  .balance-run-card { flex: 0 0 220px; }
  .balance-detail-columns { grid-template-columns: 1fr; }
  .balance-chart svg { min-height: 160px; }
}
@media (prefers-reduced-motion: reduce) { .balance-app *, .balance-app *::after { animation: none !important; transition: none !important; } }