.lx-chart{white-space:normal;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:20px 14px;margin:18px 0;overflow:hidden}.lx-chart h3{text-align:center;font-size:18px;font-weight:600;margin:0 0 12px}.lx-chart svg{width:100%;height:auto;display:block}.lx-chart svg text{font-size:12px;fill:#718091}.lx-chart svg [tabindex]{cursor:pointer}.lx-chart svg [tabindex]:focus{outline:none;stroke:#222;stroke-width:2}.lx-chart-legend{display:flex;gap:16px;justify-content:center;font-size:12px}.lx-chart-legend span:before{content:'●';margin-right:5px}.lx-series-0{color:#1e57c9}.lx-series-1{color:#ff7f50}.lx-series-2{color:#e63946}.lx-chart-tip{font-size:12px;text-align:center;color:#718091;min-height:22px}.message-body .answer-table-wrap thead{background:linear-gradient(105deg,#1e57c9,#4499f3)}.message-body .answer-table-wrap thead th{background:transparent;color:white}.message-body details{white-space:normal}.message-body summary{font-size:13px;color:#58789c;cursor:pointer}@media(max-width:600px){.lx-chart{padding:14px 8px}.lx-chart h3{font-size:16px}.lx-chart svg text{font-size:17px}}

.message-body .lx-chart{margin:12px 0;padding:16px 12px;line-height:1.5}.message-body .lx-chart h3{text-align:center!important;margin:0;font-size:17px}.lx-chart-unit{font-size:11px;color:#939da8;text-align:right;margin:4px 0 10px}.message-body .chart-data-toggle{display:block;background:none;border:0;padding:8px 0 0;color:#5f83a7;font-size:13px;line-height:1.5;text-align:left}.chart-data-panel{white-space:normal;margin:0 0 12px}.chart-data-panel .answer-table-wrap{margin:8px 0}.lx-chart-tip:empty{display:none}.lx-chart-tip{font-size:11px;min-height:0}.lx-chart-legend{margin-top:10px}
.message-body .lx-chart h3{text-align-last:center}.lx-chart-unit{text-align-last:right}

/* Keep the frame readable; reveal the completed plot once, without text wobble. */
.lx-chart-loading-plot{position:relative}
.lx-chart-loading-status{position:absolute;inset:0;display:grid;place-items:center;color:#939da8;font-size:13px}
.lx-loading-space{visibility:hidden}
.lx-chart-pending .lx-value-label,
.lx-chart-pending .lx-label-guide,
.lx-chart-pending .lx-dot,
.lx-chart-pending .lx-bar,
.lx-chart-pending .lx-slice{opacity:0}
.lx-chart-animated.lx-chart-visible .lx-value-label,
.lx-chart-animated.lx-chart-visible .lx-label-guide{animation:lxAxisIn .2s ease-out calc(var(--chart-delay,0s) + .16s) both}
.lx-chart-animated.lx-chart-visible .lx-dot{transform-box:fill-box;transform-origin:center;animation:lxDotIn .22s cubic-bezier(.2,.8,.25,1) var(--chart-delay,0s) both}
.lx-chart-animated.lx-chart-visible .lx-bar{transform-box:fill-box;transform-origin:center bottom;animation:lxBarIn .45s cubic-bezier(.18,.8,.28,1) var(--chart-delay,0s) both}
.lx-chart-visible .lx-bar.lx-negative{transform-origin:center top}
.lx-chart-animated.lx-chart-visible .lx-slice{transform-box:view-box;transform-origin:210px 145px;animation:lxSliceIn .4s cubic-bezier(.2,.75,.25,1) var(--chart-delay,0s) both}
.lx-chart-pending .lx-line{opacity:.12;stroke-dasharray:var(--line-length,1000);stroke-dashoffset:var(--line-length,1000)}
.lx-chart-animated.lx-chart-visible .lx-line{animation:lxLineIn .48s cubic-bezier(.2,.75,.25,1) var(--chart-delay,0s) both}
.lx-chart svg .lx-axis{font-size:10px!important}.lx-chart svg .lx-value-label{font-size:9px!important;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:2.6px;stroke-linejoin:round}
.lx-chart svg .lx-zero-line{stroke:#7f94a8!important;stroke-width:1.4!important}
.lx-chart svg .lx-zero-label{font-weight:700!important;fill:#425b70!important}
@keyframes lxAxisIn{from{opacity:0}to{opacity:1}}
@keyframes lxDotIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes lxBarIn{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes lxSliceIn{from{opacity:0;transform:scale(.82) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes lxLineIn{from{opacity:.25;stroke-dashoffset:var(--line-length,1000)}to{opacity:1;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  .lx-chart *{animation:none!important}
  .lx-chart-pending .lx-axis,.lx-chart-pending .lx-legend,.lx-chart-pending .lx-value-label,.lx-chart-pending .lx-label-guide,.lx-chart-pending .lx-dot,
  .lx-chart-pending .lx-bar,.lx-chart-pending .lx-slice,.lx-chart-pending .lx-line{opacity:1!important;transform:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
}
@media(max-width:600px){
  .lx-chart svg .lx-axis{font-size:17px!important}
  .lx-chart svg .lx-value-label{font-size:17px!important}
}