h2 { font-size: 16px; margin: 24px 0 12px; }

.tag-chart { display: flex; flex-direction: column; gap: 8px; }
.tag-bar { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.tag-bar-name { width: 70px; text-align: right; flex-shrink: 0; }
.tag-bar-track { flex: 1; height: 20px; background: var(--c-border, #dee2e6); border-radius: 4px; overflow: hidden; }
.dark .tag-bar-track { background: rgba(255,255,255,0.1); }
.tag-bar-fill { height: 100%; background: #6366f1; border-radius: 4px; transition: width 0.5s; }
.dark .tag-bar-fill { background: #818cf8; }
.tag-bar-count { width: 24px; font-size: 12px; color: var(--text-secondary, #868e96); }

#recentList { font-size: 14px; }
.recent-item { padding: 10px 0; border-bottom: 1px solid var(--c-border, #dee2e6); }
.recent-item:last-child { border-bottom: none; }
.dark .recent-item { border-color: rgba(255,255,255,0.08); }
.recent-item a { text-decoration: none; color: inherit; font-weight: 500; }
.recent-item a:hover { text-decoration: underline; }
.recent-date { font-size: 12px; color: var(--text-secondary, #868e96); }