.picto-chart{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;width:100%;margin-bottom:16px;padding:16px 20px}.picto-title{color:#92400e;text-align:center;letter-spacing:.3px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.picto-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.picto-label{color:var(--text);flex-shrink:0;width:80px;font-size:14px;font-weight:700}.picto-symbols{flex-wrap:wrap;flex:1;gap:3px;display:flex}.picto-sym{font-size:18px;line-height:1}.picto-count{color:var(--primary);text-align:right;flex-shrink:0;width:24px;font-size:15px;font-weight:900}.picto-key{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px;font-weight:600}.bar-chart{border:1.5px solid var(--border);background:#fafaff;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px 16px 12px;display:flex}.bar-chart-title{color:var(--text);text-align:center;font-size:14px;font-weight:800}.bar-chart-body{align-items:flex-start;gap:6px;display:flex}.bar-chart-yaxis{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;min-width:26px;height:180px;padding:14px 4px 0 0;display:flex}.bar-chart-ylab{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1}.bar-chart-right{flex-direction:column;flex:1;gap:4px;display:flex}.bar-chart-plot{border-left:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);height:180px;padding-top:14px;position:relative}.bar-chart-gridline{pointer-events:none;height:1px;position:absolute;left:0;right:0}.bar-chart-gridline--minor{background:#241f3317}.bar-chart-gridline--major{background:#241f3347}.bar-chart-bars{align-items:flex-end;gap:6px;padding:4px 8px 0;display:flex;position:absolute;inset:14px 0 0}.bar-chart-col{cursor:pointer;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.bar-chart-bar{border-radius:5px 5px 1px 1px;width:78%;min-height:4px;transition:height .35s,filter .15s,transform .15s;box-shadow:0 1px #0000000f}.bar-chart-bar--hover{filter:brightness(1.18)saturate(1.1);transform:scaleX(1.06)}.bar-chart-value{font-size:12px;font-weight:900;font-family:var(--font);color:var(--text);pointer-events:none;z-index:2;white-space:nowrap;background:#fff;border:1.5px solid #241f334d;border-radius:6px;padding:1px 6px;line-height:1.2;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000f}.bar-chart-xlabels{gap:6px;padding:0 8px;display:flex}.bar-chart-xlab{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}@media (width<=480px){.bar-chart-plot,.bar-chart-yaxis{height:150px}.bar-chart-xlab{font-size:10px}.bar-chart-ylab{font-size:11px}.bar-chart-value{padding:1px 5px;font-size:11px}}