/* App chrome uses one scale. rem preserves browser text-size and zoom preferences. */
:root {
  --ui-font-title: 1.25rem;
  --ui-font-card: 1rem;
  --ui-font-body: .875rem;
  --ui-font-meta: .8125rem;
  --ui-font-caption: .75rem;
  --ui-font-metric: 1.5rem;
}

/* 재생 속도 컨트롤(features/media/playback-speed.js) — 1.0~3.0배 · 0.1 단위 */
.kbg-speed{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--ui-border, var(--border));border-radius:10px;padding:0 2px;background:var(--ui-surface, var(--surface))}
.kbg-speed:focus-visible{outline:2px solid var(--ui-primary, var(--accent));outline-offset:2px}
.kbg-speed__btn{min-width:36px;min-height:36px;font-weight:800}
.kbg-speed__value{min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:var(--ui-text, var(--text))}