.kairos-redesign .rd-segmented {
  position: relative; display: inline-grid; grid-template-columns: repeat(var(--rd-segments), minmax(0, 1fr));
  padding: 4px; border-radius: var(--rd-radius-pill); background: var(--rd-surface-2); isolation: isolate;
}
.kairos-redesign .rd-segmented-thumb {
  position: absolute; inset: 4px auto 4px 4px; width: calc((100% - 8px) / var(--rd-segments));
  border-radius: var(--rd-radius-pill); background: var(--rd-surface-solid); box-shadow: var(--rd-shadow);
  transform: translateX(calc(var(--rd-selected) * 100%)); transition: transform var(--rd-dur-tab) var(--rd-ease); z-index: -1;
}
.kairos-redesign .rd-segmented button {
  min-height: 40px; padding: 0 18px; border: 0; border-radius: var(--rd-radius-pill);
  background: transparent; color: var(--rd-ink-dim); font: inherit; cursor: pointer;
}
.kairos-redesign .rd-segmented [aria-checked="true"] { color: var(--rd-ink); }
.kairos-redesign .rd-pill {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  min-height: 40px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--rd-radius-pill);
  font: inherit; text-decoration: none; cursor: pointer;
}
.kairos-redesign .rd-pill-primary { background: var(--rd-primary-bg); color: var(--rd-primary-fg); }
.kairos-redesign .rd-pill-primary:hover { background: var(--rd-primary-hover); }
.kairos-redesign .rd-pill-secondary { background: transparent; border-color: var(--rd-line-strong); color: var(--rd-ink); }
.kairos-redesign .rd-pill-quiet { background: transparent; color: var(--rd-ink); }
.kairos-redesign :is(.rd-pill, .rd-segmented button):focus-visible { outline: 2px solid var(--rd-focus); outline-offset: 2px; }
.kairos-redesign .rd-dot-matrix { display: grid; grid-template-columns: repeat(var(--rd-cols), minmax(0, 1fr)); gap: 4px; }
.kairos-redesign .rd-dot { display: block; aspect-ratio: 1; border-radius: 50%; background: var(--rd-surface-2); }
.kairos-redesign .rd-dot-a { background: var(--rd-ink); }
.kairos-redesign .rd-dot-b { background: var(--accent); }
.kairos-redesign .rd-dot-dim { background: color-mix(in srgb, var(--rd-ink) 24%, var(--rd-surface-2)); }
.kairos-redesign :is(.rd-empty-state, .rd-usage-card) { color: var(--rd-ink); font-family: var(--rd-font-ui); }
.kairos-redesign .rd-empty-state { text-align: center; padding: 32px 24px; }
.kairos-redesign .rd-empty-mascot { display: flex; justify-content: center; }
.kairos-redesign[data-mascot="off"] .rd-empty-mascot { display: none; }
.kairos-redesign :is(.rd-empty-state, .rd-usage-card) h2 { font-family: var(--rd-font-title); font-style: italic; font-weight: 400; margin: 0 0 16px; }
.kairos-redesign :is(.rd-empty-state, .rd-usage-provider) p,
.kairos-redesign .rd-part-note { color: var(--rd-ink-dim); font-size: 12px; }
.kairos-redesign .rd-usage-card { background: var(--rd-surface); border: 1px solid var(--rd-line); border-radius: var(--rd-radius-card); padding: 24px; }
.kairos-redesign .rd-usage-provider + .rd-usage-provider { border-top: 1px solid var(--rd-line); padding-top: 16px; margin-top: 16px; }
.kairos-redesign .rd-usage-provider h3 { font-size: 14px; font-weight: 500; margin: 0 0 12px; }
.kairos-redesign .rd-usage-detail { font-size: 12px; font-weight: 400; color: var(--rd-ink-dim); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kairos-redesign .rd-usage-glyph { width: 8px; height: 8px; flex: none; }
.kairos-redesign .rd-usage-provider .rd-usage-tokens { color: var(--rd-ink); font-size: 12px; font-variant-numeric: tabular-nums; margin: 0; }
.kairos-redesign .rd-usage-window { display: grid; grid-template-columns: 65px minmax(0, 1fr) 44px; gap: 10px; align-items: center; margin: 8px 0; }
.kairos-redesign .rd-part-label { font-size: var(--rd-label-size); letter-spacing: var(--rd-label-tracking); color: var(--rd-ink-dim); }
.kairos-redesign .rd-usage-percent { font-size: 12px; text-align: right; font-variant-numeric: tabular-nums; }
.kairos-redesign .rd-usage-bar { gap: 3px; }
.kairos-redesign .rd-tone-watch .rd-dot-a { background: var(--accent); }
.kairos-redesign .rd-tone-crit .rd-dot-a { background: var(--danger); }
@media (max-width: 768px) {
  .kairos-redesign :is(.rd-pill, .rd-segmented button) { min-height: 44px; min-width: 44px; }
}