@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/_kit/assets/fonts/inter-latin.woff2") format("woff2");
}

html, body { margin: 0; height: 100%; overflow: hidden; overscroll-behavior: none; background: var(--wc-color-surface); }
*, *::before, *::after { box-sizing: border-box; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }

.wc-root {
  position: fixed; inset: 0; overflow: hidden;
  background: var(--wc-color-surface); color: var(--wc-color-text);
  font-family: var(--wc-font-family); font-size: var(--wc-font-size-m);
  font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base);
}

/* type roles */
.wc-caption { font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base);  letter-spacing: var(--wc-label-tracking); }
.wc-label { font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight);  letter-spacing: var(--wc-label-tracking); }
.wc-body { font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base); }
.wc-row-text { font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-tight); }
.wc-title-text { font-size: var(--wc-font-size-l); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-display { font-size: var(--wc-font-size-xl); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-muted { color: var(--wc-color-text-muted); }

/* frame bar */
.wc-bar {
  position: absolute; top: 0; left: 0; right: 0;
  height: calc(env(safe-area-inset-top, 0px) + var(--wc-frame-bar-height));
  background: var(--wc-color-surface); border-bottom: var(--wc-rule);
}
.wc-bar-title {
  position: absolute; left: calc(env(safe-area-inset-left, 0px) + 60px); right: 16px;
  top: env(safe-area-inset-top, 0px); height: var(--wc-frame-bar-height);
  display: flex; align-items: center;
  font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight);
}
.wc-bar-title > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* anchor */
.wc-anchor {
  position: absolute; z-index: 40;
  width: var(--wc-anchor-hit); height: var(--wc-anchor-hit);
  left: calc(max(16px, env(safe-area-inset-left, 0px) + 16px) - 6px);
  display: flex; align-items: center; justify-content: center;
}
.wc-root[data-mode="standard"] .wc-anchor { top: calc(env(safe-area-inset-top, 0px) + (var(--wc-frame-bar-height) - var(--wc-anchor-hit)) / 2); }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-anchor { top: calc(env(safe-area-inset-top, 0px) + var(--wc-space-2) - 6px); }
.wc-pill {
  width: 32px; height: 32px; padding: var(--wc-space-1); border-radius: var(--wc-radius-button);
  display: flex; align-items: center; justify-content: center; overflow: visible;
}
.wc-pill img { height: var(--wc-anchor-size); width: auto; display: block; filter: var(--wc-anchor-mark-glow); }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-pill {
  background: var(--wc-fill-pill);
  border: var(--wc-rule);
  -webkit-backdrop-filter: var(--wc-blur); backdrop-filter: var(--wc-blur);
}

/* experience area */
.wc-area { position: absolute; left: 0; right: 0; bottom: env(safe-area-inset-bottom, 0px); }
.wc-root[data-mode="standard"] .wc-area { top: calc(env(safe-area-inset-top, 0px) + var(--wc-frame-bar-height)); }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-area { top: env(safe-area-inset-top, 0px); }
.wc-card { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; isolation: isolate; /* a card's own z-index values (PE's reach 100) stay inside it, below the Kit's sheets and scrims */ }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-card { top: calc(var(--wc-space-2) + 32px + var(--wc-space-5)); }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-card[data-root="foreign"] { top: 0; /* a foreign card sizes itself to the whole screen (100dvh, innerHeight); the anchor floats over its corner */ }
.wc-root.wc-has-status .wc-card { bottom: calc(var(--wc-space-2) + 40px); }
.wc-card[hidden] { display: none; }
.wc-foreign { position: relative; width: 100%; height: 100%; }
.wc-error { padding: var(--wc-space-4); color: var(--wc-color-negative); }

/* loading */
.wc-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--wc-space-3); }
.wc-ring { width: 24px; height: 24px; border-radius: var(--wc-radius-full); border: 3px solid var(--wc-color-line); border-top-color: var(--wc-color-accent); animation: wc-spin 1000ms linear infinite; }
@keyframes wc-spin { to { transform: rotate(360deg); } }

/* sheet */
.wc-scrim { position: fixed; inset: 0; z-index: 20; background: var(--wc-color-scrim); animation: wc-fade var(--wc-motion-base) var(--wc-motion-ease); }
.wc-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
  background: var(--wc-fill-raised); border-top: var(--wc-edge-bare); box-shadow: var(--wc-shadow-sheet);
  border-top-left-radius: var(--wc-radius-l); border-top-right-radius: var(--wc-radius-l);
  padding: var(--wc-space-5) var(--wc-space-4) calc(env(safe-area-inset-bottom, 0px) + var(--wc-space-4));
  animation: var(--wc-anim-sheet) var(--wc-motion-base) var(--wc-motion-ease);
}
.wc-handle-zone { position: absolute; top: -12px; left: 0; right: 0; height: 40px; touch-action: none; cursor: grab; }
.wc-handle { position: absolute; top: 20px; left: 50%; width: 36px; height: 4px; transform: translateX(-50%); border-radius: var(--wc-radius-full); background: var(--wc-color-line); }
.wc-sheet-row {
  display: flex; align-items: center; width: 100%; height: 52px; text-align: left;
  font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-tight);
  border-top: var(--wc-divider);
  transition: background var(--wc-motion-fast);
}
.wc-sheet-row:first-of-type { border-top: 0; }
.wc-sheet-row:active { background: var(--wc-color-line); }
.wc-sheet-row .wc-row-label { flex: 1; min-width: 0; }
.wc-sheet-row .wc-row-caption { color: var(--wc-color-text-muted); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base); margin-right: var(--wc-space-2);  letter-spacing: var(--wc-label-tracking); }
.wc-sheet-row.wc-accent { color: var(--wc-color-accent); font-weight: var(--wc-font-weight-bold); }
.wc-chevron { width: 16px; height: 16px; color: var(--wc-color-text-muted); flex: none; }
@keyframes wc-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes wc-slide { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes wc-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

/* director */
.wc-director { max-height: 84dvh; display: flex; flex-direction: column; padding-top: var(--wc-space-6); }
.wc-dir-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--wc-space-3); padding-bottom: var(--wc-space-2); }
.wc-dir-title { font-size: var(--wc-font-size-l); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-dir-head .wc-row-caption { margin-right: 0; text-align: right; }
.wc-dir-clock { display: flex; align-items: baseline; justify-content: space-between; gap: var(--wc-space-3); padding: var(--wc-space-2) 0 var(--wc-space-3); }
.wc-dir-time { font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-bold); font-variant-numeric: var(--wc-numerals); line-height: var(--wc-line-height-tight); }
.wc-dir-clock .wc-row-caption { margin-right: 0; }
.wc-dir-transport, .wc-dir-rates, .wc-dir-themes { display: flex; gap: var(--wc-space-2); margin-bottom: var(--wc-space-3); }
.wc-dir-btn {
  flex: 1; min-width: 0; height: 44px; padding: 0 var(--wc-space-2);
  border: var(--wc-edge-bare); border-radius: var(--wc-radius-button); background: var(--wc-fill-raised); color: var(--wc-color-text);
  font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight);
}
.wc-dir-btn[aria-pressed="true"], .wc-dir-primary { background: var(--wc-color-accent); border-color: var(--wc-color-accent); color: var(--wc-color-on-accent); }
.wc-dir-btn:disabled { opacity: var(--wc-anchor-dim-opacity); }
.wc-dir-wide { flex: none; width: 100%; }
.wc-dir-moments { flex: 1 1 auto; min-height: 96px; overflow-y: auto; border-top: var(--wc-divider); margin-bottom: var(--wc-space-3); overscroll-behavior: contain; }
.wc-dir-moment { display: flex; align-items: center; width: 100%; min-height: 44px; padding: var(--wc-space-1) var(--wc-space-2); text-align: left; border-bottom: var(--wc-divider); font-size: var(--wc-font-size-s); line-height: var(--wc-line-height-tight); }
.wc-dir-moment .wc-row-label { flex: 1; min-width: 0; margin-right: var(--wc-space-2); }
.wc-dir-moment .wc-row-caption { margin-right: 0; flex: none; }
.wc-dir-moment[aria-current="true"] { background: var(--wc-color-accent); color: var(--wc-color-on-accent); font-weight: var(--wc-font-weight-bold); }
.wc-dir-moment[aria-current="true"] .wc-row-caption { color: var(--wc-color-on-accent); }
.wc-dir-foot { flex: none; }

/* panels */
.wc-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; }
.wc-howto { padding: var(--wc-space-4); }
.wc-howto h1, .wc-howto h2, .wc-howto h3 { margin: var(--wc-space-4) 0 var(--wc-space-2); font-size: var(--wc-font-size-l); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-howto h1:first-child, .wc-howto h2:first-child, .wc-howto h3:first-child { margin-top: 0; }
.wc-howto p, .wc-howto ul, .wc-howto ol { margin: 0 0 var(--wc-space-3); }
.wc-howto ul, .wc-howto ol { padding-left: var(--wc-space-5); }
.wc-howto code { background: var(--wc-container-bg); padding: 0 var(--wc-space-1); border-radius: var(--wc-radius-s); }
.wc-portfolio-row { display: flex; align-items: center; width: 100%; height: 64px; padding: 0 var(--wc-space-4); text-align: left; border-bottom: var(--wc-divider); }
.wc-portfolio-row:active { background: var(--wc-color-line); }
.wc-tile { width: 40px; height: 40px; border-radius: var(--wc-radius-s); background: var(--wc-fill-feature); flex: none; }
.wc-portfolio-row .wc-row-label { flex: 1; min-width: 0; margin-left: var(--wc-space-3); font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }

/* templates */
.wc-tpl { display: flex; flex-direction: column; min-height: 100%; padding: 0 var(--wc-space-4); }
.wc-hero { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--wc-radius-l); background: var(--wc-fill-hero); overflow: hidden; margin-top: var(--wc-space-5); flex: none; }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-hero { margin-top: 0; }
.wc-hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-welcome-title { margin: var(--wc-space-5) 0 0; }
.wc-welcome-body { margin: var(--wc-space-2) 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wc-actions { margin-top: auto; padding-top: var(--wc-space-4); padding-bottom: var(--wc-space-4); display: flex; flex-direction: column; align-items: stretch; gap: var(--wc-space-3); }
.wc-btn-primary {
  height: 52px; width: 100%; border-radius: var(--wc-radius-button);
  background: var(--wc-color-accent); color: var(--wc-color-on-accent);
  font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight);
}
.wc-btn-primary[aria-disabled="true"] { opacity: var(--wc-anchor-dim-opacity); cursor: default; }
.wc-btn-text { min-height: var(--wc-anchor-hit); color: var(--wc-color-accent); font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-idle-caption { text-align: center; color: var(--wc-color-text-muted); font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base); padding: var(--wc-space-3) 0; }
.wc-recap-head { margin: var(--wc-space-5) 0 0; text-align: center; }
.wc-recap-sub { margin: var(--wc-space-2) 0 0; text-align: center; color: var(--wc-color-text-muted); }
.wc-stat-card { margin-top: var(--wc-space-5); background: var(--wc-fill-raised); border: var(--wc-edge-bare); border-radius: var(--wc-radius-l); padding: var(--wc-space-4); }
.wc-stat-row { display: flex; align-items: center; justify-content: space-between; height: 48px; border-top: var(--wc-divider); }
.wc-stat-row:first-child { border-top: 0; }
.wc-stat-row .wc-stat-label { font-size: var(--wc-font-size-m); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-tight); }
.wc-stat-row .wc-stat-value { font-variant-numeric: var(--wc-numerals); font-size: var(--wc-font-size-l); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }

/* toast */
.wc-toast {
  position: fixed; left: 16px; right: 16px; z-index: 50; pointer-events: none;
  display: flex; align-items: center; gap: var(--wc-space-2); min-height: 48px;
  padding: var(--wc-space-3) var(--wc-space-4); border-radius: var(--wc-radius-m);
  background: var(--wc-fill-raised); border: var(--wc-rule); box-shadow: var(--wc-shadow-raised);
  font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight);
  animation: var(--wc-anim-toast) 2950ms var(--wc-motion-ease) forwards;
}
.wc-root[data-mode="standard"] .wc-toast { top: calc(env(safe-area-inset-top, 0px) + var(--wc-frame-bar-height) + var(--wc-space-2)); }
.wc-root:is([data-mode="compact"], [data-mode="immersive"]) .wc-toast { top: calc(env(safe-area-inset-top, 0px) + 48px); }
.wc-toast-icon { width: 20px; height: 20px; flex: none; }
.wc-toast[data-tone="positive"] .wc-toast-icon { color: var(--wc-color-positive); }
.wc-toast[data-tone="negative"] .wc-toast-icon { color: var(--wc-color-negative); }
.wc-toast[data-tone="neutral"] .wc-toast-icon { color: var(--wc-color-text-muted); }
.wc-toast-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@keyframes wc-tear { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes wc-toast-snap {
  0% { opacity: 0; transform: translateX(-16px); }
  5% { opacity: 1; transform: translateX(0); }
  95% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(0); }
}
@keyframes wc-toast {
  0% { opacity: 0; transform: translateY(-8px); }
  10% { opacity: 1; transform: translateY(0); }
  95% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(0); }
}

/* celebration */
.wc-celebrate {
  position: fixed; inset: 0; z-index: 45; pointer-events: none;
  background: radial-gradient(ellipse 100% 70% at 50% 0%, color-mix(in srgb, var(--wc-color-positive) 24%, transparent), transparent 70%);
  animation: wc-celebrate 900ms linear forwards;
}
@keyframes wc-celebrate { 0% { opacity: 0; } 16.7% { opacity: 1; } 33.3% { opacity: 1; } 100% { opacity: 0; } }

/* containers: lockup */
.wc-lockup { display: inline-flex; align-items: center; gap: var(--wc-space-2); min-width: 0; }
.wc-lockup-label { color: var(--wc-container-label); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base); white-space: nowrap;  letter-spacing: var(--wc-label-tracking); }
.wc-mark { display: block; height: 24px; max-width: 72px; width: auto; object-fit: contain; flex: none; }
.wc-lockup[data-size="20"] .wc-mark { height: 20px; }
.wc-mark-top { height: 48px; max-width: 144px; margin: 0 auto var(--wc-space-3); }

/* containers: the Status Bar, and the HUD values in the top bar */
.wc-strip {
  position: fixed; z-index: 10; left: 16px; right: 16px; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--wc-space-2));
  height: 40px; padding: 0 var(--wc-space-3); border-radius: var(--wc-radius-m);
  background: var(--wc-container-bg); border: 1px solid var(--wc-container-border);
  display: flex; align-items: center; justify-content: space-between; gap: var(--wc-space-3);
  container-type: inline-size; pointer-events: none;
}
.wc-strip-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-hud-items { display: flex; align-items: center; gap: var(--wc-space-4); min-width: 0; flex: 1 1 auto; overflow: hidden; }
.wc-hud-item { display: flex; flex-direction: column; min-width: 0; }
.wc-hud-item-label { color: var(--wc-color-text-muted); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-tight); white-space: nowrap;  letter-spacing: var(--wc-label-tracking); }
.wc-hud-item-value { font-variant-numeric: var(--wc-numerals); font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wc-strip .wc-lockup { flex: none; margin-left: auto; }
.wc-strip[data-empty="1"] { visibility: hidden; }
.wc-bar-title .wc-hud-items { flex: 1 1 auto; }
.wc-hud-pill {
  position: absolute; z-index: 40; height: 32px; max-width: calc(100% - 72px - 16px);
  left: calc(max(16px, env(safe-area-inset-left, 0px) + 16px) + 32px + var(--wc-space-2));
  top: calc(env(safe-area-inset-top, 0px) + var(--wc-space-2));
  padding: 0 var(--wc-space-3); border-radius: var(--wc-radius-button);
  display: flex; align-items: center; overflow: hidden;
  background: var(--wc-fill-pill); border: var(--wc-rule);
  -webkit-backdrop-filter: var(--wc-blur); backdrop-filter: var(--wc-blur);
  pointer-events: none;
}
.wc-hud-pill .wc-hud-items { gap: var(--wc-space-3); }
.wc-hud-pill .wc-hud-item { flex-direction: row; align-items: baseline; gap: var(--wc-space-1); }

/* containers: break overlay */
.wc-break-scrim { position: fixed; inset: 0; z-index: 15; background: var(--wc-color-scrim); display: flex; align-items: center; justify-content: center; padding: 0 var(--wc-space-4); animation: wc-fade var(--wc-motion-base) var(--wc-motion-ease); }
.wc-break {
  position: relative; width: 100%; max-width: 400px; max-height: 70dvh; overflow-y: auto;
  background: var(--wc-fill-raised); border: var(--wc-edge-bare); border-radius: var(--wc-radius-l); box-shadow: var(--wc-shadow-raised);
  padding: var(--wc-space-4);
}
.wc-close { position: absolute; top: 0; right: 0; width: var(--wc-anchor-hit); height: var(--wc-anchor-hit); display: flex; align-items: center; justify-content: center; color: var(--wc-color-text-muted); }
.wc-close svg { width: 16px; height: 16px; }
.wc-break-media { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--wc-radius-m); overflow: hidden; margin-top: calc(var(--wc-space-4) + var(--wc-space-1)); margin-bottom: var(--wc-space-3); }
.wc-break-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* a portrait image is shown whole, never cropped: it keeps its own shape inside the panel */
.wc-break-media[data-shape="tall"] { aspect-ratio: auto; display: flex; justify-content: center; overflow: visible; }
.wc-break-media[data-shape="tall"] img { width: auto; height: auto; max-width: 100%; max-height: 34dvh; object-fit: contain; border-radius: var(--wc-radius-m); }
.wc-break-title { margin: 0 var(--wc-anchor-hit) var(--wc-space-2) 0; }
.wc-break-media + .wc-break-title { margin-right: 0; }
.wc-break-body { margin: 0 0 var(--wc-space-3); font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base); color: var(--wc-color-text-muted); }
.wc-break-cta { display: flex; flex-direction: column; align-items: stretch; gap: var(--wc-space-1); margin-top: var(--wc-space-3); }
.wc-break-cta .wc-btn-primary { height: 48px; }
.wc-break-note { text-align: center; color: var(--wc-color-text-muted); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base);  letter-spacing: var(--wc-label-tracking); }

/* containers: payoff panel */
.wc-payoff {
  position: fixed; z-index: 12; left: 16px; right: 16px; text-align: center;
  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--wc-space-4));
  background: var(--wc-fill-raised); border-radius: var(--wc-radius-l); padding: var(--wc-space-4);
  border: var(--wc-rule);
  max-height: 70dvh; overflow-y: auto;
  animation: var(--wc-anim-panel) var(--wc-motion-base) var(--wc-motion-ease);
}
.wc-root.wc-has-status .wc-payoff { bottom: calc(env(safe-area-inset-bottom, 0px) + var(--wc-space-2) + 40px + var(--wc-space-4)); }
.wc-payoff-title { margin: 0; }
.wc-payoff-body { margin: var(--wc-space-2) 0 0; }
.wc-follow { display: block; margin: var(--wc-space-1) auto 0; }
.wc-payoff .wc-lockup { margin-top: var(--wc-space-3); }
.wc-payoff-note { margin: var(--wc-space-2) 0 0; color: var(--wc-color-text-muted); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base);  letter-spacing: var(--wc-label-tracking); }
.wc-split { margin-top: var(--wc-space-3); text-align: left; }
.wc-split-eyebrow { color: var(--wc-color-text-muted); font-size: var(--wc-font-size-xs); font-weight: var(--wc-font-weight-regular); line-height: var(--wc-line-height-base);  letter-spacing: var(--wc-label-tracking); }
.wc-split-row { margin-top: var(--wc-space-3); }
.wc-split-head { font-variant-numeric: var(--wc-numerals); display: flex; justify-content: space-between; font-size: var(--wc-font-size-s); font-weight: var(--wc-font-weight-bold); line-height: var(--wc-line-height-tight); }
.wc-bar-track { margin-top: var(--wc-space-1); height: 8px; border-radius: var(--wc-radius-full); background: var(--wc-color-line); overflow: hidden; }
.wc-bar-fill { height: 100%; border-radius: var(--wc-radius-full); background: var(--wc-color-text-muted); }
.wc-bar-fill[data-mine="1"] { background: var(--wc-color-team); }

@media (prefers-reduced-motion: reduce) {
  .wc-sheet, .wc-payoff { animation: wc-fade var(--wc-motion-fast) linear; }
  .wc-ring { animation: none; }
}