.main-content .history-save-status,
.main-content.empty-state .history-save-status {
    margin: 0 auto 12px;
    padding: 0 20px;
    max-width: 760px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}
.history-save-status[data-state="error"] { color: var(--text-primary); font-weight: 600; }
.history-save-status[data-state="pending"] { color: var(--text-primary); }
.history-feedback { list-style: none; padding: 12px; color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
.history-retry { display: block; margin-top: 8px; padding: 6px 10px; color: var(--text-primary); background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 8px; cursor: pointer; }
.history-item.active { background: var(--bg-hover); font-weight: 600; }
:where(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--accent-color); outline-offset: 3px; }
@media (max-width: 768px) {
    .main-content .history-save-status,
    .main-content.empty-state .history-save-status { margin-bottom: max(8px, env(safe-area-inset-bottom)); font-size: 11px; }
    .history-menu-btn { min-width: 36px; min-height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}