/* All highlights stay inside observed time/price geometry. Motion is a visual
   emphasis for the analytical layer, never a projection of future trades. */
.card[data-sphere-view="chart"] .sr-market-zone{
 --zone-rgb:76 255 187;color:rgb(var(--zone-rgb));
 isolation:isolate;border-radius:2px;
 background:linear-gradient(100deg,rgb(var(--zone-rgb)/.24),rgb(var(--zone-rgb)/.08) 65%,rgb(var(--zone-rgb)/.035));
 box-shadow:inset 0 1px 0 rgb(var(--zone-rgb)/.8),inset 0 -1px 0 rgb(var(--zone-rgb)/.65),inset 3px 0 0 rgb(var(--zone-rgb)/.9);
}
.card[data-sphere-view="chart"] .sr-market-zone--bearish{--zone-rgb:255 92 148}
.card[data-sphere-view="chart"] .sr-market-zone--fvg.sr-market-zone--bullish{--zone-rgb:88 220 255}
.card[data-sphere-view="chart"] .sr-market-zone--fvg.sr-market-zone--bearish{--zone-rgb:255 189 102}
.card[data-sphere-view="chart"] .sr-market-zone::before{
 content:"";position:absolute;inset:0;z-index:-1;opacity:.6;pointer-events:none;
 background:repeating-linear-gradient(0deg,transparent 0 5px,rgb(var(--zone-rgb)/.25) 5px 6px),repeating-linear-gradient(105deg,transparent 0 25px,rgb(var(--zone-rgb)/.15) 25px 26px);
 animation:sr-holo-grid 5s linear infinite;transform:none;
}
.card[data-sphere-view="chart"] .sr-market-zone::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:linear-gradient(100deg,transparent 20%,rgb(var(--zone-rgb)/.04) 36%,rgb(var(--zone-rgb)/.4) 48%,rgb(var(--zone-rgb)/.06) 60%,transparent 76%);
 background-size:45% 100%;background-repeat:no-repeat;
 animation:sr-holo-sweep 4.8s linear infinite;
}
.card[data-sphere-view="chart"] .sr-market-zone--fvg{
 background:linear-gradient(90deg,rgb(var(--zone-rgb)/.1),rgb(var(--zone-rgb)/.02));
 box-shadow:inset 2px 0 0 rgb(var(--zone-rgb)/.7);
}
.card[data-sphere-view="chart"] .sr-market-zone--fvg::before{opacity:.25}
.card[data-sphere-view="chart"] .sr-market-zone svg{opacity:1;filter:drop-shadow(0 0 3px rgb(var(--zone-rgb)/.55))}
.card[data-sphere-view="chart"] .sr-market-zone svg rect{stroke-width:1.5;stroke-opacity:.9}
.card[data-sphere-view="chart"] .sr-market-zone--fvg svg rect{stroke-dasharray:9 6;animation:sr-gap-flow 2.8s linear infinite}
.card[data-sphere-view="chart"] .sr-market-zone span{
 top:3px;left:7px;padding:3px 6px;color:rgb(var(--zone-rgb));
 border:1px solid rgb(var(--zone-rgb)/.35);background:#06111df2;
 border-radius:4px;font:650 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.02em;
 text-shadow:0 0 9px rgb(var(--zone-rgb)/.4);box-shadow:0 2px 8px #0005;
}
@keyframes sr-holo-grid{to{background-position:0 18px,26px 0}}
@keyframes sr-holo-sweep{from{background-position:-90% 0}to{background-position:190% 0}}
.card[data-sphere-view="chart"] .sr-pattern-trace{
 stroke-width:2.7;filter:drop-shadow(0 0 3px currentColor);
}
.card[data-sphere-view="chart"] .sr-pattern-boundary{stroke-width:1.7;opacity:.9}
.card[data-sphere-view="chart"] .sr-pattern-glow{stroke-width:10;opacity:.18;filter:blur(2px)}
.card[data-sphere-view="chart"] .sr-pattern-context{stroke:currentColor;vector-effect:non-scaling-stroke;stroke-width:1.4;opacity:.52;stroke-dasharray:5 5}
.card[data-sphere-view="chart"] .sr-pattern-flowpath{
 fill:none;stroke:#e4fff8;stroke-width:2.8;stroke-dasharray:.055 .945;stroke-linecap:round;
 filter:drop-shadow(0 0 5px currentColor);opacity:.85;animation:sr-pattern-signal 3.8s linear infinite;
}
@keyframes sr-pattern-signal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.card[data-sphere-view="chart"] .sr-pattern-node{stroke-width:2;fill:#061422;filter:drop-shadow(0 0 3px currentColor)}
.card[data-sphere-view="chart"] .sr-pattern-label-bg{stroke-width:1;stroke-opacity:.8;fill:#061725;fill-opacity:.97}
.card[data-sphere-view="chart"] .sr-pattern-label{font:700 12px Inter,system-ui,sans-serif;paint-order:stroke;stroke:#061725;stroke-width:.25}
.card[data-sphere-view="chart"] .sr-pattern-leader{stroke-width:1;opacity:.75}
.card[data-sphere-view="chart"] .sr-pattern-candle{stroke-width:2;fill-opacity:.17;filter:drop-shadow(0 0 3px currentColor)}
.card[data-sphere-view="chart"] .sr-pattern-range-ribbon{fill:currentColor;fill-opacity:.09;stroke:currentColor;stroke-opacity:.5;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.card[data-sphere-view="chart"] .sr-pattern-source-window{fill:currentColor;fill-opacity:.035;stroke:currentColor;stroke-width:1;stroke-opacity:.25;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}
.card[data-sphere-view="chart"] .sr-depth-band{opacity:.9;box-shadow:0 0 5px currentColor,0 0 13px currentColor}
.card[data-sphere-view="chart"] .sr-depth-plot-caption{color:#b3d3df;font-size:10px}
.sr-chart-layer-key{display:none}
.card[data-sphere-view="chart"] .sr-chart-layer-key{display:flex;gap:7px 14px;flex-wrap:wrap;color:#a9c5d6;font:10px/1.4 Inter,system-ui,sans-serif}
.card[data-sphere-view="chart"] .sr-market-zones__asof{position:absolute;left:8px;bottom:29px;max-width:calc(100% - 90px);padding:4px 7px;background:#071522e8;border:1px solid #496676;border-radius:4px;color:#adc6d5;font:10px/1.3 Inter,system-ui,sans-serif}
.sr-chart-layer-key span{display:inline-flex;align-items:center;gap:5px}
.sr-chart-layer-key i{width:13px;height:7px;border:1px solid currentColor;background:currentColor;box-shadow:0 0 6px currentColor;opacity:.9}
.sr-chart-layer-key [data-kind="ob-buy"]{color:#4cffbb}
.sr-chart-layer-key [data-kind="ob-sell"]{color:#ff5c94}
.sr-chart-layer-key [data-kind="fvg-buy"]{color:#58dcff}
.sr-chart-layer-key [data-kind="fvg-sell"]{color:#ffbd66}
@media(max-width:700px){
 .card[data-sphere-view="chart"] .sr-depth-plot-caption{bottom:52px}
 .card[data-sphere-view="chart"] .sr-pattern-label{font-size:11px}
 .card[data-sphere-view="chart"] .sr-pattern-trace{stroke-width:2.4}
 .card[data-sphere-view="chart"] .sr-market-zone span{font-size:9px;padding:2px 4px}
 .card[data-sphere-view="chart"] .sr-chart-layer-key{gap:5px 10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .card[data-sphere-view="chart"] .sr-pattern-boundary{animation:none!important}
 .card[data-sphere-view="chart"] .sr-market-zone::before,.card[data-sphere-view="chart"] .sr-market-zone::after,.card[data-sphere-view="chart"] .sr-market-zone svg rect,.card[data-sphere-view="chart"] .sr-pattern-flowpath{animation:none!important}
 .card[data-sphere-view="chart"] .sr-pattern-flowpath{display:none}
}