.result-display {
    text-align: center;
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.result-label {
    font-size: 2rem;
    font-weight: 700;
}

.result-breakdown {
    font-size: 1.1rem;
    margin-top: 0.25rem;
    opacity: 0.75;
}

.reaction-hostile      { background-color: #f8d7da; color: #842029; }
.reaction-negative     { background-color: #fff3cd; color: #664d03; }
.reaction-uncertain    { background-color: #e2e3e5; color: #41464b; }
.reaction-positive     { background-color: #d1e7dd; color: #0f5132; }
.reaction-enthusiastic { background-color: #cff4fc; color: #055160; }

[data-bs-theme="dark"] .reaction-hostile      { background-color: #5c1a1f; color: #f8d7da; }
[data-bs-theme="dark"] .reaction-negative     { background-color: #5c4a05; color: #fff3cd; }
[data-bs-theme="dark"] .reaction-uncertain    { background-color: #3a3d40; color: #e2e3e5; }
[data-bs-theme="dark"] .reaction-positive     { background-color: #0d3b26; color: #d1e7dd; }
[data-bs-theme="dark"] .reaction-enthusiastic { background-color: #04404d; color: #cff4fc; }

.list-group-item.active {
    z-index: 0;
}