.pz-chart { width: 100%; min-width: 0; background: #1c231b; color: #efeddc; }
.pz-chart-readout { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 15px; padding: 12px 10px; border-bottom: 1px solid #3a4135; font: 400 10px/1.7 var(--mono, monospace); color: #adb5a4; }
.pz-chart-readout span { white-space: nowrap; }
.pz-chart-readout time { color: #d8dccb; }
.pz-chart-readout b { color: #f3efde; font-weight: 500; }
.pz-chart-plot { display: block; width: 100%; overflow: visible; height: 278px; cursor: crosshair; touch-action: pan-y; }
.pz-chart-plot:focus-visible { outline: 2px solid var(--orange, #ff8545); outline-offset: -2px; }
.pz-chart-plot text { font: 400 10px/1 var(--mono, monospace); fill: #c0c8b5; }
.pz-chart-grid { stroke: #52604b; stroke-opacity: .65; stroke-dasharray: 2 4; }
.pz-candle-up { color: #b9d398; fill: currentColor; stroke: currentColor; }
.pz-candle-down { color: #ff9763; fill: #493327; stroke: currentColor; }
.pz-chart-cursor { stroke: #f3efde; stroke-opacity: .52; stroke-dasharray: 3 4; pointer-events: none; }
.pz-chart-empty { padding: 22px 10px; color: #ccd2c1; font: 400 12px/1.6 var(--mono, monospace); }
@media (max-width: 600px) {
  .pz-chart-readout { gap: 3px 12px; font-size: 9px; }
  .pz-chart-readout time { width: 100%; }
}