.llr-history {
    --llr-positive: #78d28b;
    --llr-neutral: #dfc17a;
    --llr-negative: #e87979;
    min-width: 0;
    margin: 0 0 20px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    background: var(--sidebar);
}
.llr-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.llr-heading h2 { margin: 0; font-size: 12px; letter-spacing: 0; }
.llr-feedback { color: var(--subtle); font-size: 10px; }
.llr-plot { position: relative; min-width: 0; touch-action: pan-y; }
.llr-graph { display: block; width: 100%; height: 136px; overflow: visible; }
.llr-graph text { fill: var(--subtle); font: 10px var(--mono); }
.llr-grid { stroke: var(--line); stroke-opacity: .45; stroke-width: 1; }
.llr-zero { stroke: var(--line-strong); stroke-width: 1; }
.llr-bound { stroke-width: 1; stroke-dasharray: 4 5; stroke-opacity: .65; }
.llr-bound-upper { stroke: var(--llr-positive); }
.llr-bound-lower { stroke: var(--llr-negative); }
.llr-path { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.llr-area { opacity: .07; }
.llr-endpoint { stroke: var(--sidebar); stroke-width: 2; }
.llr-crosshair { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 3 4; pointer-events: none; }
.llr-hover-point { fill: var(--sidebar); stroke: var(--text); stroke-width: 2; pointer-events: none; }
.llr-tooltip {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--line-strong);
    background: var(--surface-raised);
    box-shadow: 0 5px 18px #0005;
    color: var(--text);
    font-size: 11px;
    line-height: 1.7;
    white-space: pre-line;
    pointer-events: none;
}
.llr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 600px) {
    .llr-history { padding: 12px 10px; }
}