.chart-link{position:relative;display:block;color:inherit;text-decoration:none}.chart-link:hover .panel{border-color:var(--violet);box-shadow:5px 5px 0 #d9b9e8}.chart-link-label{position:absolute;right:12px;bottom:10px;padding:6px 10px;background:rgba(37,7,61,.88);color:#fff;font-size:12px;font-weight:bold}.chart-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.chart-toolbar button{padding:8px 13px;border:2px outset #b96cda;background:linear-gradient(#8e28c7,#59117d);color:#fff;font-weight:bold;cursor:pointer}.detail-chart{height:520px;padding:12px;overflow:hidden}.detail-chart svg{width:100%;height:100%}.detail-point{cursor:pointer}.chart-readout{margin:12px 0;padding:13px;border:1px solid var(--line);background:#fff;font-weight:bold}.range-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px 0 28px}.range-box label{display:grid;gap:7px}.range-box input{margin:0;padding:0;border:0}@media(max-width:720px){.detail-chart{height:400px}.range-box{grid-template-columns:1fr}.chart-toolbar button{flex:1 1 42%}}
.pair-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pair-chart{padding:15px}.pair-chart h3{display:inline-block;margin:0}.pair-total{float:right;margin:0;color:var(--muted);font-size:12px}.pair-chart svg{display:block;width:100%;height:220px;clear:both}.hover-overlay{cursor:crosshair}.chart-tooltip{position:fixed;z-index:100;display:none;pointer-events:none;max-width:340px;padding:9px 12px;border:2px solid #8e28c7;background:#fff;color:#261d2c;box-shadow:4px 4px 0 rgba(37,7,61,.25);font-size:12px;font-weight:bold}.chart-tooltip.show{display:block}@media(max-width:720px){.pair-chart-grid{grid-template-columns:1fr}.pair-total{float:none;margin:4px 0}.pair-chart svg{height:200px}}