.xp-chip{display:inline-flex;flex:none;align-items:center;box-sizing:border-box;height:22px;padding:0 9px;border:0;border-radius:999px;background:var(--accent-soft);color:var(--accent-text, var(--accent));font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.xp-chip.is-done{background:var(--chip-ok-bg, color-mix(in srgb, var(--ok, #2f9e5b) 16%, transparent));color:var(--chip-ok-fg, var(--ok, #2f9e5b))}.xp-bar{display:block;box-sizing:border-box;width:100%;height:8px;overflow:hidden;border-radius:999px;background:var(--line)}.xp-bar.is-small{height:6px}.xp-bar-fill{display:block;height:100%;min-width:4px;border-radius:inherit;background:var(--accent);transition:width .4s ease}@media(prefers-reduced-motion:reduce){.xp-bar-fill{transition:none}}