#focusSelected .chip { padding: 6px 12px; font-size: 13px; }
#focusSelected .chip.active { background: var(--accent); color: white; }
.op-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.op-row .name { width: 90px; font-weight: 700; font-size: 14px; }
.op-row .bar { flex: 1; }
.op-row .pct { width: 46px; text-align: right; font-size: 13px; color: var(--text-dim); }
#feedback.good { color: var(--good); }
#feedback.bad { color: var(--bad); }
#problemText.shake { animation: shake 0.3s; }
@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-8px)} 75%{transform:translateX(8px)} }
.heatlabel { font-size: 10px; color: var(--text-dim); text-align:center; }