*{box-sizing:border-box}html,body{background:var(--chart-background);height:100%;color:var(--chart-text);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;overflow:hidden}#app{height:var(--tg-viewport-stable-height,100vh);flex-direction:column;display:flex}.toolbar{border-bottom:1px solid var(--chart-divider);scrollbar-width:none;flex:none;align-items:center;gap:2px;height:36px;padding:0 4px;display:flex;overflow-x:auto}.toolbar button{color:var(--chart-text);font:inherit;background:0 0;border:0;border-radius:4px;flex:none;padding:6px;font-size:14px}.toolbar button.active{color:var(--chart-accent)}@media (hover:hover){.toolbar button:hover{background:var(--chart-grid)}}.chart{flex:1;min-height:0;position:relative}.legend{z-index:3;pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:2px 8px;max-width:calc(100% - 70px);font-size:13px;display:flex;position:absolute;top:10px;left:8px}.legend-symbol{font-size:15px}.legend-values{flex-wrap:wrap;gap:0 2px;display:flex}.legend-label:not(:first-child){margin-left:6px}.up{color:#0ecc83}.down{color:#fa3c58}.status{z-index:5;background:var(--chart-background);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status[hidden]{display:none}.error{background:var(--chart-popup);max-width:280px;color:var(--chart-text);text-align:center;border-radius:8px;padding:12px 16px;font-size:14px}@keyframes bounce{to{opacity:.1;transform:translateY(-12px)}}.loader{gap:5px;display:flex}.loader>div{background:var(--chart-accent);border-radius:50%;width:12px;height:12px;animation:.6s infinite alternate bounce}.loader>div:nth-child(2){animation-delay:.2s}.loader>div:nth-child(3){animation-delay:.4s}