.market-route-shell{--market-header-height:64px;--market-surface:var(--background);--market-panel:var(--card);--market-muted-surface:var(--muted);--market-border-subtle:var(--border)}@supports (color:color-mix(in lab, red, red)){.market-route-shell{--market-border-subtle:color-mix(in srgb, var(--border) 80%, transparent)}}.market-route-shell{--market-border-muted:var(--border)}@supports (color:color-mix(in lab, red, red)){.market-route-shell{--market-border-muted:color-mix(in srgb, var(--border) 84%, var(--foreground) 10%)}}.market-route-shell{--market-border-strong:var(--border)}@supports (color:color-mix(in lab, red, red)){.market-route-shell{--market-border-strong:color-mix(in srgb, var(--border) 70%, var(--foreground) 20%)}}.market-route-shell{--market-border-accent:var(--primary)}@supports (color:color-mix(in lab, red, red)){.market-route-shell{--market-border-accent:color-mix(in srgb, var(--primary) 52%, transparent)}}.market-route-shell{--market-text-subtle:var(--muted-foreground);height:calc(100dvh - var(--market-header-height));min-height:0;color:var(--foreground);background:var(--market-surface);position:relative}@media (min-width:768px){.market-route-shell{--market-header-height:72px}}.market-route-shell .chart-workspace{min-height:760px;position:relative;overflow:hidden}.market-route-shell .chart-stack{--chart-y-axis-width:84px;--pane-action-gap:4px;--pane-mobile-actions-width:64px;width:100%;height:760px;min-height:760px;position:relative}.market-route-shell .chart-main{border:1px solid var(--market-border-subtle);border-radius:var(--radius);background:var(--market-panel);width:100%;height:760px;box-shadow:inset 0 1px 0 var(--foreground);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.market-route-shell .chart-main{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 6%, transparent)}}.market-route-shell .volume-separator{z-index:1;border-top:1px solid var(--market-border-muted);pointer-events:none;position:absolute;left:0;right:0}.market-route-shell .pane-legend-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.market-route-shell .chart-extrema-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.market-route-shell .chart-extrema-node{width:0;height:0;position:absolute}.market-route-shell .chart-extrema-anchor{border:1px solid var(--market-border-strong);background:var(--market-panel);border-radius:999px;width:6px;height:6px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.market-route-shell .chart-extrema-tag{color:var(--market-text-subtle);align-items:center;gap:8px;display:inline-flex;position:absolute}.market-route-shell .chart-extrema-tag[data-direction=right]{transform:translateY(-50%)}.market-route-shell .chart-extrema-tag[data-direction=left]{transform:translate(-100%,-50%)}.market-route-shell .chart-extrema-line{border-top:1px solid var(--market-border-strong);width:38px;height:0}.market-route-shell .chart-extrema-value{color:var(--foreground);font-family:var(--font-mono);background:var(--market-panel);text-shadow:0 1px 0 var(--background);padding:2px 0;font-size:11px;font-weight:700;line-height:1}@supports (color:color-mix(in lab, red, red)){.market-route-shell .chart-extrema-value{text-shadow:0 1px 0 color-mix(in srgb, var(--background) 86%, transparent)}}.market-route-shell .pane-legend{max-width:calc(100% - 20px);color:var(--market-chart-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex;position:absolute;left:10px;overflow:hidden}.market-route-shell .pane-legend-main{gap:12px;top:10px}.market-route-shell .legend-main-header,.market-route-shell .pane-legend-label{color:var(--market-text-subtle);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.market-route-shell .legend-main-ohlc,.market-route-shell .pane-legend-value,.market-route-shell .legend-main-volume{color:var(--foreground);font-family:var(--font-mono)}.market-route-shell .pane-legend-volume{gap:6px}.market-route-shell .pane-legend-pane{left:10px;right:calc(var(--chart-y-axis-width) + var(--pane-action-gap));pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.market-route-shell .pane-legend-pane-content{text-overflow:ellipsis;overflow:hidden}.market-route-shell .legend-main-header,.market-route-shell .pane-legend-volume .pane-legend-label{color:var(--foreground);letter-spacing:.06em;text-transform:none;background:0 0;border:none;border-radius:0;align-items:center;padding:0;font-size:11px;font-weight:700;display:inline-flex}.market-route-shell .pane-legend-pane .pane-legend-label{background:0 0;border:none;border-radius:0;padding:0}.market-route-shell .legend-main-header{text-overflow:ellipsis;max-width:100%;overflow:hidden}.market-route-shell .pane-legend-pane .pane-legend-value{margin-left:8px;font-size:12px;font-weight:700}.market-route-shell .pane-legend-actions{gap:3px;display:inline-flex}.market-route-shell .pane-legend-action-button{border:1px solid var(--market-border-strong);border-radius:var(--radius);background:var(--market-panel);width:22px;height:20px;color:var(--market-text-subtle);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:0;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.market-route-shell .pane-legend-action-button:disabled{opacity:.32;cursor:not-allowed}.market-route-shell .pane-legend-action-button:hover:not(:disabled){border-color:var(--market-border-accent);color:var(--foreground);background:var(--market-panel);transform:translateY(-1px)}.market-route-shell .legend-tone-up{color:var(--market-chart-up)}.market-route-shell .legend-tone-down{color:var(--market-chart-down)}.market-route-shell .legend-tone-flat{color:var(--market-text-subtle)}.market-route-shell .pane-legend-pane .legend-tone-flat{color:var(--foreground)}.market-route-shell .chart-loading-overlay{z-index:4;background:var(--market-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.market-route-shell .chart-loading-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--market-panel);min-width:min(216px,100%);box-shadow:0 14px 32px var(--foreground);flex-direction:column;align-items:center;gap:10px;padding:18px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.market-route-shell .chart-loading-card{box-shadow:0 14px 32px color-mix(in srgb, var(--foreground) 8%, transparent)}}.market-route-shell .chart-loading-card{color:var(--market-chart-text)}.market-route-shell .chart-loading-spinner{color:var(--primary)}.market-route-shell .chart-loading-state{flex-direction:column;align-items:center;gap:10px;display:flex}.market-route-shell .chart-loading-label{color:var(--foreground);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.market-route-shell .trade-tooltip{left:var(--trade-tooltip-x);top:var(--trade-tooltip-y);z-index:4;border:1px solid var(--border);border-radius:var(--radius);background:var(--market-panel);min-width:180px;max-width:min(240px,100% - 24px);box-shadow:0 18px 36px var(--foreground);padding:10px 12px;position:absolute}@supports (color:color-mix(in lab, red, red)){.market-route-shell .trade-tooltip{box-shadow:0 18px 36px color-mix(in srgb, var(--foreground) 12%, transparent)}}.market-route-shell .trade-tooltip{color:var(--foreground);pointer-events:none;transform:translate(calc(-100% - 16px),calc(-100% - 16px))}.market-route-shell .trade-tooltip[data-horizontal=right]{transform:translate(16px,calc(-100% - 16px))}.market-route-shell .trade-tooltip[data-vertical=below]{transform:translate(calc(-100% - 16px),16px)}.market-route-shell .trade-tooltip[data-horizontal=right][data-vertical=below]{transform:translate(16px,16px)}.market-route-shell .trade-tooltip-buy{border-color:var(--market-chart-up)}@supports (color:color-mix(in lab, red, red)){.market-route-shell .trade-tooltip-buy{border-color:color-mix(in srgb, var(--market-chart-up) 26%, transparent)}}.market-route-shell .trade-tooltip-sell{border-color:var(--market-chart-down)}@supports (color:color-mix(in lab, red, red)){.market-route-shell .trade-tooltip-sell{border-color:color-mix(in srgb, var(--market-chart-down) 24%, transparent)}}.market-route-shell .trade-tooltip-title{margin:0 0 4px;font-size:12px;font-weight:700}.market-route-shell .trade-tooltip-meta{color:var(--market-text-subtle);font-family:var(--font-mono);margin:0;font-size:11px;line-height:1.45}@media (min-width:1201px){.market-route-shell .chart-workspace,.market-route-shell .chart-stack,.market-route-shell .chart-main{height:100%;min-height:0}}@media (min-width:769px) and (max-width:1200px){.market-route-shell .chart-workspace,.market-route-shell .chart-stack,.market-route-shell .chart-main{height:calc(100dvh - var(--market-header-height,72px) - 320px);min-height:0}}@media (max-width:768px){.market-route-shell .chart-stack,.market-route-shell .chart-workspace,.market-route-shell .chart-main{--chart-y-axis-width:74px;--pane-mobile-actions-width:54px;height:100%;min-height:0}.market-route-shell .pane-legend{gap:6px;max-width:calc(100% - 16px);left:8px}.market-route-shell .pane-legend-main{flex-wrap:wrap;row-gap:4px}.market-route-shell .legend-main-ohlc{text-overflow:ellipsis;flex:100%;min-width:0;overflow:hidden}.market-route-shell .pane-legend-pane{right:calc(var(--chart-y-axis-width) + 6px);grid-template-columns:minmax(0, 1fr) var(--pane-mobile-actions-width);align-items:start;gap:6px}.market-route-shell .pane-legend-pane-content{white-space:normal;min-width:0;overflow:hidden}.market-route-shell .pane-legend-pane .pane-legend-label{white-space:normal;max-width:100%;line-height:1.2;display:inline-flex}.market-route-shell .pane-legend-pane .pane-legend-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin-top:3px;margin-left:0;display:block;overflow:hidden}.market-route-shell .pane-legend-actions{width:var(--pane-mobile-actions-width);justify-content:flex-end;gap:2px}.market-route-shell .pane-legend-action-button{width:20px;height:18px}}
