#vol-history-chart{scroll-margin-top:90px}
.vol-history,.vol-history *{box-sizing:border-box}
.vol-history-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 18px;padding:16px 17px;border-bottom:1px solid var(--vol-line)}
.vol-history-heading h2{margin:0;font-size:16px;line-height:1.4;font-weight:650}
.vol-history-range{color:var(--vol-muted);font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vol-history-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:17px}
.vol-history-layout>*,.vol-history-main>*,.vol-history-controls>*{min-width:0;max-width:100%}
.vol-history-main{width:100%;min-width:0}
.vol-history-zoom{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;margin-bottom:10px}
.vol-history-zoom button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;max-width:100%;padding:6px 10px;border:1px solid var(--vol-line);border-radius:6px;background:var(--vol-bg);color:var(--vol-ink);font:inherit;font-size:12px;line-height:1.4;cursor:pointer;transition:border-color .15s,background-color .15s}
.vol-history-zoom button:hover:not(:disabled){border-color:var(--vol-blue);background:var(--vol-soft)}
.vol-history-zoom button.is-active{border-color:var(--vol-blue);background:var(--vol-soft);color:var(--vol-blue);box-shadow:inset 0 0 0 1px var(--vol-blue);font-weight:650}
.vol-history button:disabled,.vol-history select:disabled{opacity:.55;cursor:not-allowed}
.vol-history-cursor{min-height:37px;margin:0 0 8px;color:var(--vol-ink);font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vol-history-cursor strong{color:var(--vol-ink);font-weight:650}
.vol-history-canvas{position:relative;width:100%;max-width:100%;height:400px;min-height:400px;overflow:hidden;border-radius:6px;background:var(--vol-bg);touch-action:pan-y}
.vol-history-canvas canvas{display:block}
.vol-history-state{position:absolute;inset:0;z-index:3;display:none;align-content:center;justify-items:center;gap:10px;padding:24px;background:var(--vol-bg);color:var(--vol-muted);font-size:13px;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.vol-history[data-state="loading"] .vol-history-state,.vol-history[data-state="error"] .vol-history-state,.vol-history[data-state="empty"] .vol-history-state{display:grid}
.vol-history[data-state="error"] .vol-history-state,.vol-history[data-state="error"] .vol-history-status{color:#a33535}
.dark .vol-history[data-state="error"] .vol-history-state,.dark .vol-history[data-state="error"] .vol-history-status{color:#f2a3a3}
.vol-history-controls{display:grid;align-content:start;gap:15px;border-left:1px solid var(--vol-line);padding-left:17px}
.vol-history-controls label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--vol-muted);font-size:12px;line-height:1.5}
.vol-history-controls select{display:block;width:100%;min-width:0;max-width:100%;min-height:40px;padding:9px 30px 9px 10px;border:1px solid var(--vol-line);border-radius:7px;background:var(--vol-bg);color:var(--vol-ink);font:inherit;font-size:13px;text-overflow:ellipsis}
.vol-history-controls small{color:var(--vol-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.vol-history-note,.vol-history-status{margin:0;color:var(--vol-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.vol-history-main>.vol-history-note{margin-top:10px;font-size:11px}
.vol-history>.vol-history-note,.vol-history>.vol-history-status{padding:0 17px 14px}
.vol-history-note a,.vol-history-status a{color:var(--vol-blue);text-decoration:underline;text-underline-offset:3px}
.vol-history button:focus-visible,.vol-history select:focus-visible,.vol-history a:focus-visible{outline:2px solid var(--vol-blue);outline-offset:3px}
.vol-history-canvas:focus-visible{outline:2px solid var(--vol-blue);outline-offset:-2px}
.vol-history [hidden]{display:none!important}
@media(max-width:900px){
 .vol-history-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .vol-history-controls{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;border-left:0;border-top:1px solid var(--vol-line);padding:16px 0 0}
 .vol-history-canvas{height:340px;min-height:300px}
}
@media(max-width:600px){
 .vol-history-heading{padding:14px 12px}
 .vol-history-heading h2{font-size:15px}
 .vol-history-layout{padding:12px;gap:12px}
 .vol-history-controls{gap:10px;padding-top:12px}
 .vol-history-controls select{font-size:12px}
 .vol-history-controls label:has(#vol-history-session){grid-column:1/-1}
 .vol-history-zoom{gap:5px}
 .vol-history-zoom button{min-height:40px;padding:7px 9px}
 .vol-history-cursor{min-height:36px;font-size:11px}
 .vol-history-canvas{height:300px;min-height:300px}
 .vol-history-state{padding:18px;font-size:12px}
 .vol-history>.vol-history-note,.vol-history>.vol-history-status{padding-right:12px;padding-left:12px}
}
@media(prefers-reduced-motion:reduce){.vol-history-zoom button{transition:none}}

.vol-history-state button{padding:7px 14px;border:1px solid var(--vol-line);border-radius:6px;background:var(--vol-soft);color:var(--vol-ink);cursor:pointer}
.vol-history-controls .vol-history-note{grid-column:1/-1}
.vol-history-main>.vol-history-status{margin-top:9px}

.vol-history-wave-method{margin:0;padding:8px 10px;border-radius:6px;background:var(--vol-soft);color:var(--vol-muted);font-size:12px;line-height:1.5}
.vol-history[data-mode="waves"] .vol-history-cursor{min-height:55px}
@media(max-width:900px){.vol-history-mode-label,.vol-history-wave-method{grid-column:1/-1}}
@media(max-width:600px){.vol-history[data-mode="waves"] .vol-history-cursor{min-height:84px}}
@media(max-width:600px){#vol-history-threshold-label,#vol-history-wave-stat-label{grid-column:1/-1}}