.tchart{position:relative;width:100%;height:100%;min-height:120px;overflow:hidden;touch-action:pan-y}.tchart canvas{position:absolute;inset:0;display:block;cursor:crosshair;outline:none}.tchart canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}.tchart-tip{position:absolute;z-index:3;pointer-events:none;min-width:124px;padding:10px 12px;border-radius:12px;background:var(--glass-strong);backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);display:grid;gap:2px;font-variant-numeric:tabular-nums}.tchart-tip small{font-size:.7rem;color:var(--text-dim);font-weight:550}.tchart-tip b{font-family:var(--font-display);font-size:1.1rem;letter-spacing:-.03em}.tchart-tip span{font-size:.74rem;font-weight:650}.tchart-tip .up{color:var(--buy)}.tchart-tip .down{color:var(--sell)}.tchart-tip dl{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;margin:4px 0 0;font-size:.74rem}.tchart-tip dt{color:var(--text-dim)}.tchart-tip dd{margin:0;text-align:right;font-weight:600}.tchart-tip em{font-style:normal;font-size:.66rem;color:var(--text-dim);border-top:1px dashed var(--border-strong);margin-top:4px;padding-top:4px}.tchart-dot{position:absolute;z-index:2;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--dot, var(--accent));pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dot, var(--accent)) 28%,transparent)}.tchart-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--dot, var(--accent));animation:dotPulse 2.2s ease-out infinite;opacity:0}@keyframes dotPulse{0%{transform:scale(.7);opacity:.85}to{transform:scale(2.6);opacity:0}}svg.donut{width:100%;height:auto;display:block;overflow:visible}svg.donut circle{transition:stroke-dasharray .6s var(--ease-out)}.donut-t{font-family:var(--font-display);font-weight:650;font-size:15px;fill:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.donut-s{font-size:7.6px;fill:var(--text-dim);font-weight:550}svg.ring{width:100%;height:auto;display:block}.ring-t{font-family:var(--font-display);font-size:14px;font-weight:700;fill:var(--text)}svg.bars{width:100%;display:block}.bars-l{font-size:9px;fill:var(--text-dim)}
