/* THARΞX 7.21 · order-flow pages (Crypto · Order Flow · Indian Market). Dark only, lime on black like the rest of tharexea.com. */
.ofx{--p1:#0a100d;--p2:#0f1713;--p3:#152019;--ln:#16221c;--ln2:#223429;--tx:#e9f1ec;--mu:#9fb0a6;--fa:#5f7268;--lime:#d4ff00;--ac:#3ee6ff;--up:#22d39a;--dn:#ff4d6a;--warn:#f5b041;
  --sans:Inter,system-ui,-apple-system,Segoe UI,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--disp:'Julius Sans One',Inter,system-ui,sans-serif;
  display:grid;gap:14px;color:var(--tx);font:400 13px/1.45 var(--sans);min-width:0}
.ofx *{box-sizing:border-box}
.ofx button{font:inherit;color:inherit}
.ofx .up{color:var(--up)}.ofx .dn{color:var(--dn)}
.ofx .hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ofx .hd h1{margin:0;font:400 24px var(--disp);letter-spacing:.16em;text-transform:uppercase}.ofx .hd h1 em{font-style:normal;color:var(--lime)}
.ofx .sp{flex:1}
.ofx .pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--ln2);font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);white-space:nowrap}
.ofx .pill i{width:7px;height:7px;border-radius:50%;background:var(--fa)}
.ofx .pill.on i{background:var(--up);box-shadow:0 0 10px var(--up);animation:ofpl 1.6s ease-in-out infinite}
.ofx .pill.wait i{background:var(--warn);box-shadow:0 0 10px var(--warn);animation:ofpl 1.6s ease-in-out infinite}
.ofx .pill.off i{background:var(--dn)}
@keyframes ofpl{50%{opacity:.3}}
.ofx .clk{font:600 12px var(--mono);color:var(--mu);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.ofx .src{font:600 9.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fa);border:1px solid var(--ln2);padding:2px 6px;border-radius:4px;white-space:nowrap}
.ofx .seg{display:inline-flex;border:1px solid var(--ln2);border-radius:9px;overflow:hidden;background:var(--p1)}
.ofx .seg a,.ofx .seg button{display:inline-flex;align-items:center;height:30px;padding:0 13px;border:0;background:none;color:var(--mu);text-decoration:none;font:400 11.5px var(--disp);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.ofx .seg a.on,.ofx .seg button.on{background:var(--lime);color:#071006}
.ofx .tfs{display:inline-flex;gap:2px;border:1px solid var(--ln2);border-radius:7px;padding:2px}.ofx .tfs button{height:24px;padding:0 9px;border-radius:5px;border:0;background:none;color:var(--fa);font:600 10.5px var(--mono);cursor:pointer}.ofx .tfs button.on{background:var(--p3);color:var(--tx)}
.ofx select.sel{height:28px;border-radius:7px;border:1px solid var(--ln2);background:var(--p2);color:var(--tx);font:600 11.5px var(--mono);padding:0 8px}
/* market cards */
.ofx .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.ofx .fc{position:relative;padding:12px 14px 10px;border-radius:12px;border:1px solid var(--ln);overflow:hidden;cursor:pointer;min-width:0;text-align:left;
  background-image:radial-gradient(260px circle at var(--mx,-200px) var(--my,-200px),rgba(212,255,0,.09),transparent 60%),linear-gradient(180deg,var(--p2),var(--p1));transition:border-color .2s,transform .25s cubic-bezier(.2,.9,.25,1.2)}
.ofx .fc:hover{transform:translateY(-2px);border-color:var(--ln2)}
.ofx .fc.on{border-color:rgba(212,255,0,.5);box-shadow:0 0 0 1px rgba(212,255,0,.15),0 14px 40px -24px rgba(212,255,0,.5)}
.ofx .fc small{display:block;font:400 11px var(--disp);letter-spacing:.14em;color:var(--mu);white-space:nowrap}
.ofx .fc b{display:block;font:600 17px var(--mono);font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}
.ofx .fc .c{font:600 11.5px var(--mono)}
.ofx .fc .sub{display:block;font:500 10.5px var(--mono);color:var(--fa);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofx .fc canvas{position:absolute;right:0;bottom:0;width:54%;height:40px;opacity:.9;pointer-events:none;animation:ofwipe 1.3s .3s cubic-bezier(.6,0,.2,1) both}
@keyframes ofwipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.ofx .fc .bs{position:relative;height:4px;border-radius:2px;background:rgba(255,77,106,.6);margin-top:8px;overflow:hidden}.ofx .fc .bs i{position:absolute;left:0;top:0;bottom:0;background:var(--up);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.flash-u{animation:offu .9s ease-out}.flash-d{animation:offd .9s ease-out}
@keyframes offu{from{color:#7dffcf;text-shadow:0 0 12px rgba(34,211,154,.8)}}@keyframes offd{from{color:#ff9aac;text-shadow:0 0 12px rgba(255,77,106,.8)}}
/* panels */
.ofx .ofp{position:relative;border:1px solid var(--ln);border-radius:12px;min-width:0;overflow:hidden;background:var(--p1);
  background-image:radial-gradient(520px circle at var(--mx,-600px) var(--my,-600px),rgba(212,255,0,.035),transparent 60%)}
.ofx .ph{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--ln);flex-wrap:wrap}
.ofx .ph h2{margin:0;font:400 13px var(--disp);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.ofx .ph .hint{color:var(--fa);font-size:11.5px}
.ofx canvas.cv{display:block;width:100%}
.ofx .ofp.grow{display:flex;flex-direction:column}.ofx .cvw{position:relative;flex:1 1 auto;min-height:300px}.ofx .cvw>canvas.cv{position:absolute;inset:0;height:100%!important}
.ofx .dh span:nth-child(2){padding-right:8px}.ofx .dh span:nth-child(3){padding-left:8px}
.ofx .g2{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}
.ofx .g3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 320px;gap:14px}
.ofx .gl{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:14px}
.ofx .col{display:grid;gap:14px;align-content:start;min-width:0}
.ofx .fpw{overflow-x:auto}
.ofx .kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln)}
.ofx .kv div{padding:9px 12px;border-right:1px solid var(--ln);min-width:0}.ofx .kv div:last-child{border-right:0}
.ofx .kv small{display:block;font:600 9.5px var(--sans);letter-spacing:.12em;color:var(--fa);text-transform:uppercase;white-space:nowrap}.ofx .kv b{font:600 14px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
/* ladder */
.ofx .dh,.ofx .drow{display:grid;grid-template-columns:minmax(0,1fr) 98px 98px minmax(0,1fr);align-items:center;font:500 11px var(--mono);font-variant-numeric:tabular-nums}
.ofx .dh{padding:7px 10px;color:var(--fa);font:600 9.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ln)}.ofx .dh span:nth-child(2),.ofx .dh span:nth-child(4){text-align:right}
.ofx .dbody{max-height:440px;overflow:auto}
.ofx .drow{position:relative;height:20px;padding:0 10px}
.ofx .drow span{position:relative;white-space:nowrap;overflow:hidden}
.ofx .drow i{position:absolute;top:2px;bottom:2px;border-radius:2px;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.ofx .drow .bi{right:50%;background:rgba(34,211,154,.18)}.ofx .drow .ai{left:50%;background:rgba(255,77,106,.18)}
.ofx .drow .bq{color:#9df3d2}.ofx .drow .bp{text-align:right;padding-right:8px;color:var(--up)}.ofx .drow .ap{padding-left:8px;color:var(--dn)}.ofx .drow .aq{color:#ffb3c1;text-align:right}
.ofx .dtot{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--ln);font:600 11.5px var(--mono)}
.ofx .imb{height:6px;border-radius:3px;background:var(--dn);overflow:hidden;width:90px}.ofx .imb i{display:block;height:100%;background:var(--up);transition:width .5s}
.ofx .ofempty{padding:30px 14px;text-align:center;color:var(--fa)}
/* events + tape */
.ofx .ev{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:hidden;min-height:60px}
.ofx .ev:empty::before{content:"Watching for large trades, liquidity walls and pulled walls…";color:var(--fa);font-size:12px;padding:10px 6px}
.ofx .ev li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px 8px;border-radius:8px;background:var(--p2);border:1px solid var(--ln);animation:ofevi .55s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes ofevi{from{opacity:0;transform:translateX(22px) scale(.96)}}
.ofx .ev .k{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font:700 10px var(--mono)}
.ofx .ev .w{background:rgba(62,230,255,.14);color:var(--ac)}.ofx .ev .p{background:rgba(245,176,65,.14);color:var(--warn)}.ofx .ev .b{background:rgba(34,211,154,.14);color:var(--up)}.ofx .ev .s{background:rgba(255,77,106,.14);color:var(--dn)}.ofx .ev .a{background:rgba(180,140,255,.15);color:#c8b0ff}
.ofx .ev b{display:block;font:600 11.5px var(--sans)}.ofx .ev b time{font:500 10px var(--mono);color:var(--fa);margin-left:4px}.ofx .ev small{display:block;color:var(--fa);font:500 10.5px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofx .tape{list-style:none;margin:0;padding:4px 0;max-height:300px;overflow:hidden;font:500 11px var(--mono);font-variant-numeric:tabular-nums}
.ofx .tape li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:8px;padding:3px 12px;animation:oftp .3s ease-out}
.ofx .tape li span{color:var(--fa)}.ofx .tape li.b b{color:var(--up)}.ofx .tape li.s b{color:var(--dn)}.ofx .tape li em{font-style:normal;text-align:right;color:var(--mu)}
.ofx .tape li.big{background:linear-gradient(90deg,rgba(212,255,0,.1),transparent)}.ofx .tape li.big em{color:var(--lime);font-weight:700}
@keyframes oftp{from{opacity:.3;transform:translateY(-5px);background-color:rgba(212,255,0,.08)}}
/* option chain */
.ofx .ocw{overflow:auto;max-height:560px}
.ofx table.oc{border-collapse:collapse;width:100%;min-width:900px;font:500 11.5px var(--mono);font-variant-numeric:tabular-nums}
.ofx .oc th{position:sticky;top:0;z-index:1;background:var(--p2);color:var(--fa);font:600 9.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:8px 6px;text-align:right;border-bottom:1px solid var(--ln2);white-space:nowrap}
.ofx .oc td{padding:5px 6px;text-align:right;border-bottom:1px solid var(--ln);white-space:nowrap;position:relative}
.ofx .oc .k{text-align:center;font-weight:700;background:var(--p2);width:84px}.ofx .oc tr.atm .k{background:var(--lime);color:#071006}
.ofx .oc .oi{min-width:110px}.ofx .oc .oi i{position:absolute;top:4px;bottom:4px;border-radius:2px;opacity:.35;transition:width .7s cubic-bezier(.2,.8,.2,1)}.ofx .oc .oi span{position:relative}
.ofx .oc .ce i{right:6px;background:var(--dn)}.ofx .oc .pe i{left:6px;background:var(--up)}.ofx .oc td.pe{text-align:left}
.ofx .oc td.fl{animation:ofcell .8s ease-out}@keyframes ofcell{from{background-color:rgba(212,255,0,.18)}}
.ofx .och{display:flex;gap:18px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--ln);font:600 11.5px var(--mono);color:var(--mu)}.ofx .och b{color:var(--tx)}
/* watchlist */
.ofx .wl{max-height:480px;overflow:auto}
.ofx .wr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--ln);cursor:pointer;transition:background-color .15s}
.ofx .wr:hover{background:var(--p2)}.ofx .wr.on{background:linear-gradient(90deg,rgba(212,255,0,.08),transparent);box-shadow:inset 2px 0 0 var(--lime)}
.ofx .wr b{font:600 12.5px var(--sans)}.ofx .wr .p{text-align:right;font:600 12.5px var(--mono);font-variant-numeric:tabular-nums}.ofx .wr small{color:var(--fa);font-size:11px}.ofx .wr .c{text-align:right;font:600 11px var(--mono)}
/* notes + waiting states */
.ofx .note{padding:12px 14px;border-radius:10px;border:1px solid var(--ln2);background:var(--p1);color:var(--mu);font-size:12.5px}
.ofx .note b{color:var(--tx)}.ofx .note.warn{border-color:rgba(245,176,65,.4);background:rgba(245,176,65,.05)}
.ofx .wait{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:22px;border-radius:14px;border:1px solid rgba(212,255,0,.25);background:linear-gradient(135deg,rgba(212,255,0,.06),var(--p1) 60%)}
.ofx .wait h2{margin:0 0 6px;font:400 18px var(--disp);letter-spacing:.14em;text-transform:uppercase}.ofx .wait p{margin:0 0 6px;color:var(--mu)}
.ofx .wait .ring{width:64px;height:64px;border-radius:50%;border:2px solid var(--ln2);border-top-color:var(--lime);animation:ofspin 1.4s linear infinite}
@keyframes ofspin{to{transform:rotate(360deg)}}
.ofx .wait ol{margin:6px 0 0;padding-left:20px;color:var(--mu)}.ofx .wait ol li{margin:3px 0}.ofx .wait a{color:var(--lime)}
.ofx .ghost{opacity:.35;filter:saturate(.4);pointer-events:none}
/* full screen */
.ofx .fsb{width:28px;height:28px;border-radius:7px;border:1px solid var(--ln2);background:var(--p2);color:var(--mu);display:grid;place-items:center;cursor:pointer;flex:none;margin-left:auto;transition:color .15s,border-color .15s,transform .2s}
.ofx .ph .sp+.fsb,.ofx .ph .fsb:not(:first-child){margin-left:0}
.ofx .fsb:hover{color:var(--lime);border-color:rgba(212,255,0,.45);transform:scale(1.06)}
.ofx .fsb svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.ofx.fso{position:fixed;inset:0;z-index:2000;background:rgba(2,4,3,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));animation:offso .25s ease-out}
.ofx.fso[hidden]{display:none}
@keyframes offso{from{opacity:0}}
.ofx .fsx{display:flex!important;flex-direction:column;min-height:0;height:100%;border-color:rgba(212,255,0,.35)!important;box-shadow:0 30px 90px -20px rgba(0,0,0,.9),0 0 0 1px rgba(212,255,0,.12)}
.ofx .fsx .ph{flex:none}.ofx .fsx .cvw{flex:1;min-height:0!important}.ofx .fsx>canvas,.ofx .fsx .fpw{flex:1;min-height:0}.ofx .fsx canvas.cv{height:100%!important;min-height:0!important}
.ofx .fsx .dbody,.ofx .fsx .ocw,.ofx .fsx .wl{max-height:none;flex:1}.ofx .fsx .ev,.ofx .fsx .tape{max-height:none;flex:1}
.ofx .fsh{display:inline-flex;align-items:center;gap:6px;font:600 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-left:auto}
.ofx .fsh i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:ofpl 1.4s infinite}
.ofx .fsk{border:1px solid var(--ln2);border-radius:4px;padding:1px 5px;color:var(--fa)}
/* motion */
.ofx .vin{animation:ofvin .62s cubic-bezier(.2,.9,.25,1) both}
@keyframes ofvin{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@media (max-width:1280px){.ofx .g3{grid-template-columns:minmax(0,1fr) 300px}.ofx .g3>.col:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.ofx .gl{grid-template-columns:260px minmax(0,1fr)}.ofx .gl>.col:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ofx .g2,.ofx .g3,.ofx .gl{grid-template-columns:minmax(0,1fr)}.ofx .g3>.col:last-child,.ofx .gl>.col:last-child{grid-template-columns:minmax(0,1fr)}.ofx .kv{grid-template-columns:repeat(2,minmax(0,1fr))}.ofx .kv div:nth-child(2){border-right:0}.ofx .kv div:nth-child(-n+2){border-bottom:1px solid var(--ln)}.ofx .wait{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ofx .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ofx .hd h1{font-size:19px}}
@media (prefers-reduced-motion:reduce){.ofx .vin,.ofx .fc canvas,.ofx .ev li,.ofx .tape li,.ofx .wait .ring{animation:none}}
.ofx #iBody{display:grid;gap:14px;min-width:0}.ofx #iBody[hidden]{display:none}

/* 7.22 · Dhan feature map on the Indian Market page */
.ofx .dmap{display:grid;gap:6px;padding:10px}
.ofx .dmap div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:9px 12px;border-radius:9px;border:1px solid var(--ln);background:var(--p2)}
.ofx .dmap b{font-size:12.5px}.ofx .dmap small{grid-column:1;color:var(--fa);font-size:11px}
.ofx .dmap em{grid-row:1/3;grid-column:2;font:700 9px var(--sans);letter-spacing:.1em;font-style:normal;padding:3px 8px;border-radius:999px;border:1px solid var(--ln2);color:var(--mu)}
.ofx .dmap em.on{color:#071006;background:var(--up);border-color:var(--up)}.ofx .dmap em.wait{color:var(--warn);border-color:rgba(245,176,65,.45)}
/* 7.23 · Binance-style ticker strip (Crypto) */
.ofx .tkr{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;border:1px solid var(--ln);background:linear-gradient(180deg,var(--p2),var(--p1))}
.ofx .tkr>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ofx .tkr small{color:var(--fa);font-size:10.5px;letter-spacing:.06em}.ofx .tkr b{font:600 13px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.ofx .tkr .tk1 b{font-size:16px}.ofx .tkr .tk1 span{color:var(--fa);font-size:11px}.ofx .tkr .tkp b{font-size:20px}.ofx .tkr .tkp span{font:600 12px var(--mono)}
@media (max-width:700px){.ofx .tkr{gap:14px 20px}.ofx .tkr>div:nth-child(n+5){display:none}}
/* 7.23 · Indian Market: paywall, preview blur, trial banner, AI levels list, stock heatmap */
.ofx #iBody.ilk{filter:blur(7px) saturate(.85)!important;pointer-events:none;user-select:none;transition:filter .6s}
.ipw{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:20px;background:radial-gradient(900px 500px at 50% 30%,rgba(212,255,0,.06),transparent 60%),rgba(3,5,4,.55);overflow:auto;animation:ipwIn .5s ease}
.ipw[hidden]{display:none}
@keyframes ipwIn{from{opacity:0}}
.ipwc{position:relative;width:min(760px,100%);border-radius:20px;border:1px solid rgba(212,255,0,.35);background:linear-gradient(180deg,rgba(15,23,19,.97),rgba(7,11,9,.98));box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(212,255,0,.08),0 0 80px -20px rgba(212,255,0,.25);padding:28px;color:#e9f1ec;animation:ipwUp .7s cubic-bezier(.2,.9,.25,1)}
@keyframes ipwUp{from{opacity:0;transform:translateY(30px) scale(.97)}}
.ipwe{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#d4ff00}
.ipwc h2{margin:10px 0 10px;font-size:clamp(22px,3.4vw,34px);font-weight:400;line-height:1.15;text-transform:uppercase}.ipwc h2 em{font-style:normal;color:#d4ff00;text-shadow:0 0 30px rgba(212,255,0,.4)}
.ipwl{color:#b8c6be;font-size:13.5px;line-height:1.7;margin:0 0 14px}
.ipwb{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.ipwb li{position:relative;display:block;padding-left:26px;color:#9fb0a6;font-size:12.5px;line-height:1.55}
.ipwb li::before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#d4ff00 0 3px,rgba(212,255,0,.2) 4px);box-shadow:0 0 10px rgba(212,255,0,.4)}
.ipwb b{color:#fff;font-weight:400;margin-right:6px}
.ipwp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 12px}
.ipwp button{position:relative;display:grid;gap:3px;padding:16px 12px;border-radius:14px;border:1px solid #223429;background:#0b120e;color:#e9f1ec;cursor:pointer;text-align:center;transition:transform .3s cubic-bezier(.2,.9,.25,1.3),border-color .2s,box-shadow .3s}
.ipwp button:hover{transform:translateY(-3px);border-color:rgba(212,255,0,.6);box-shadow:0 18px 40px -18px rgba(212,255,0,.5)}
.ipwp button.best{border-color:rgba(212,255,0,.7);background:linear-gradient(180deg,rgba(212,255,0,.1),#0b120e)}
.ipwp small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb0a6}.ipwp b{font-size:24px;font-weight:400}.ipwp span{font-size:11px;color:#9fb0a6}.ipwp em{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;letter-spacing:.12em;padding:2px 8px;border-radius:999px;background:#d4ff00;color:#071006;white-space:nowrap}
.ipwt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:4px 0 8px}
.ipwt a,.ipwt button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ipwt a:hover,.ipwt button:hover{border-color:rgba(212,255,0,.6)}
.ipwt .used{color:#7d8a83;font-size:12px}
.ipwf{color:#62726a;font-size:11px;text-align:center;margin:6px 0 0}
.omsgx{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:12.5px;background:rgba(212,255,0,.06);border:1px solid rgba(212,255,0,.3)}.omsgx.err{background:rgba(255,77,106,.08);border-color:rgba(255,77,106,.4)}
.itrial{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;border:1px solid rgba(212,255,0,.4);background:rgba(10,16,13,.92);backdrop-filter:blur(10px);font-size:12.5px}
.itrial i{width:8px;height:8px;border-radius:50%;background:#d4ff00;box-shadow:0 0 10px #d4ff00;animation:ofpl 1.4s infinite}.itrial b{font-variant-numeric:tabular-nums;color:#d4ff00}.itrial a{margin-left:auto;color:#d4ff00;text-decoration:none}
.itrial[hidden]{display:none}
.ofx .ail{display:grid;gap:6px;padding:10px}
.ofx .ail div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;border:1px solid var(--ln);background:var(--p2);animation:ofevi .5s both}
.ofx .ail i{width:8px;height:28px;border-radius:3px}.ofx .ail b{font-size:12px;display:block}.ofx .ail small{color:var(--fa);font-size:10.5px}.ofx .ail em{font:600 12px var(--mono);font-style:normal}
.ofx .ail:empty::before{content:"Levels appear as soon as the order book and trades start.";color:var(--fa);font-size:12px;padding:8px}
@media (max-width:640px){.ipwp{grid-template-columns:minmax(0,1fr)}.ipwc{padding:20px}}

/* 7.24 · per-panel locks (Indian Market) */
.ofx section.lk{position:relative;overflow:hidden;min-height:240px}
.ofx section.lk>*:not(.lkv){filter:blur(6px) saturate(.8);pointer-events:none;user-select:none}
.lkv{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:radial-gradient(420px 260px at 50% 45%,rgba(5,9,7,.55),rgba(5,9,7,.82));animation:lkIn .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms) both}
.lkc{max-width:340px;text-align:center;display:grid;justify-items:center;gap:7px}
.lki{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#d4ff00;border:1px solid rgba(212,255,0,.4);background:rgba(212,255,0,.07);box-shadow:0 0 0 0 rgba(212,255,0,.35);animation:lkPulse 2.6s ease-out infinite}
.lkc b{font-size:15px;font-weight:500;color:#fff;letter-spacing:.02em}.lkc p{margin:0;color:#a9b8af;font-size:12.5px;line-height:1.55}
.lkc button{margin-top:4px;height:38px;padding:0 18px;border-radius:10px;border:0;cursor:pointer;font:600 12.5px/1 inherit;color:#05080b;background:linear-gradient(90deg,#d4ff00,#9ef01a);box-shadow:0 10px 30px -10px rgba(212,255,0,.6);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.lkc button:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(212,255,0,.75)}
.lkc small{font-size:10.5px;letter-spacing:.08em;color:#7d8f84}
@keyframes lkIn{from{opacity:0;transform:scale(.97)}}
@keyframes lkPulse{0%{box-shadow:0 0 0 0 rgba(212,255,0,.35)}70%{box-shadow:0 0 0 14px rgba(212,255,0,0)}100%{box-shadow:0 0 0 0 rgba(212,255,0,0)}}
.ipwx{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#cfd9d3;font-size:20px;line-height:1;cursor:pointer}
.ipwx:hover{border-color:rgba(212,255,0,.6);color:#d4ff00}
@media (prefers-reduced-motion:reduce){.lkv,.lki{animation:none}}

/* 7.24 · AI levels toggle (crypto) */
.ofx .aib{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:9px;border:1px solid #223429;background:#0b120e;color:#9fb0a6;font:600 11px/1 inherit;letter-spacing:.06em;cursor:pointer;transition:border-color .25s,color .25s,box-shadow .25s}
.ofx .aib i{width:8px;height:8px;border-radius:50%;background:#3a4a41;transition:background .25s,box-shadow .25s}
.ofx .aib.on{color:#d4ff00;border-color:rgba(212,255,0,.55);box-shadow:0 0 18px -6px rgba(212,255,0,.6)}.ofx .aib.on i{background:#d4ff00;box-shadow:0 0 10px #d4ff00}
.ofx .aib.lock::after{content:"PRO";margin-left:2px;padding:2px 5px;border-radius:4px;font-size:9px;background:rgba(212,255,0,.12);color:#d4ff00}
.ofx .aib:hover{border-color:rgba(212,255,0,.5);color:#e9f1ec}
.ofx .ph #iHmM{margin:0 6px}.ofx .ph:has(#iHmM){flex-wrap:wrap;row-gap:8px}
/* 7.25.3 · advanced option chain */
.oc2{display:grid;gap:14px;padding:14px}
.oc2-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oc2-quick{display:inline-flex;gap:2px;padding:3px;border-radius:11px;border:1px solid var(--ln2);background:#0a100d}
.oc2-quick button,.oc2-span button{height:30px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--mu);font:600 11px/1 var(--mono);letter-spacing:.06em;cursor:pointer;transition:background-color .3s,color .3s}
.oc2-quick button:hover,.oc2-span button:hover{color:var(--tx)}.oc2-quick button.on,.oc2-span button.on{background:var(--lime);color:#071006}
.oc2-find{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--ln2);background:#07100c;min-width:240px;flex:1;max-width:360px}
.oc2-find svg{width:15px;height:15px;fill:none;stroke:var(--fa);stroke-width:2}.oc2-find input{flex:1;min-width:0;border:0;background:none;color:var(--tx);font:600 12px var(--mono);outline:0;text-transform:uppercase}
.oc2-find:focus-within{border-color:rgba(212,255,0,.55)}
.oc2-sp{flex:1}.oc2-age{font:600 10.5px var(--mono);color:var(--fa);letter-spacing:.06em}
.oc2-exp{display:flex;gap:6px;flex-wrap:wrap;min-height:2px}
.oc2-exp button{display:grid;gap:1px;padding:6px 12px;border-radius:9px;border:1px solid var(--ln2);background:#0a100d;color:var(--tx);font:600 11.5px var(--mono);cursor:pointer;text-align:center;transition:border-color .3s,background-color .3s}
.oc2-exp button small{font-size:9.5px;color:var(--fa);font-weight:500}.oc2-exp button.on{border-color:var(--lime);background:rgba(212,255,0,.08)}.oc2-exp button:hover{border-color:rgba(212,255,0,.5)}
.oc2-sum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.oc2-c{display:grid;gap:4px;align-content:start;padding:12px 14px;border-radius:12px;border:1px solid var(--ln2);background:linear-gradient(180deg,#0f1713,#0a100d);animation:oc2in .6s cubic-bezier(.16,1,.3,1) both}
.oc2-c:nth-child(2){animation-delay:.05s}.oc2-c:nth-child(3){animation-delay:.1s}.oc2-c:nth-child(4){animation-delay:.15s}.oc2-c:nth-child(5){animation-delay:.2s}.oc2-c:nth-child(6){animation-delay:.25s}
.oc2-c small{font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fa)}
.oc2-c b{font:500 20px/1.15 var(--mono);color:var(--tx);font-variant-numeric:tabular-nums}.oc2-c>span{font:500 11px var(--mono);color:var(--mu)}
.oc2-c em{font-style:normal}.oc2-c em.up{color:var(--up)}.oc2-c em.dn{color:var(--dn)}
.oc2-c.sup b{color:#2ee88f}.oc2-c.res b{color:#ff5d6c}
.oc2-c .pop{animation:oc2pop .7s ease-out}
@keyframes oc2pop{0%{color:#d4ff00;text-shadow:0 0 14px rgba(212,255,0,.6)}100%{text-shadow:none}}
@keyframes oc2in{from{opacity:0;transform:translateY(10px)}}
.oc2-c.dialc b{display:flex;align-items:center;gap:10px}
.oc2-dial{width:64px;height:36px;flex:none}.oc2-dial path{fill:none;stroke-width:8;stroke-linecap:round}.oc2-dial .tr{stroke:#1d2a24}.oc2-dial .fl{stroke:#d4ff00;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}
.oc2-dial line{stroke:#e9f1ec;stroke-width:2.5;stroke-linecap:round;transform-origin:50px 50px;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}.oc2-dial circle{fill:#e9f1ec}
.oc2-split{display:block;height:6px;border-radius:3px;background:#2ee88f;overflow:hidden;margin-top:4px}.oc2-split i{display:block;height:100%;background:#ff5d6c;transition:width 1s cubic-bezier(.16,1,.3,1)}
.oc2-say{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.oc2-say li{position:relative;padding:10px 14px 10px 38px;border-radius:11px;border:1px solid var(--ln2);background:#0a100d;color:var(--mu);font-size:13px;line-height:1.55;animation:oc2in .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 90ms)}
.oc2-say li b{color:var(--tx);font-weight:600}
.oc2-say li::before{content:"";position:absolute;left:14px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(212,255,0,.5)}
.oc2-say li.up::before{background:#2ee88f}.oc2-say li.dn::before{background:#ff5d6c}.oc2-say li.new::before{background:#ffb547}
.oc2-mid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:14px;align-items:stretch}
.oc2-viz,.oc2-tw{border-radius:12px;border:1px solid var(--ln2);background:#080d0b;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.oc2-vh,.oc2-th{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--ln);font:600 10.5px var(--mono);color:var(--fa);letter-spacing:.06em}
.oc2-vh b,.oc2-th b{color:var(--tx);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.oc2-vh span{display:inline-flex;align-items:center;gap:6px}.oc2-vh i{width:10px;height:10px;border-radius:3px}.oc2-vh .c{background:#ff5d6c}.oc2-vh .p{background:#2ee88f}.oc2-vh .d{background:#ffb547}
.oc2-cv{position:relative;flex:1;min-height:440px}.oc2-cv canvas{position:absolute;inset:0;width:100%;height:100%}
.oc2-span{display:inline-flex;gap:2px;padding:2px;border-radius:9px;border:1px solid var(--ln2)}
.oc2-span button{height:24px;padding:0 9px;font-size:10.5px}
.oc2-scroll{overflow:auto;max-height:470px;flex:1}
.oc2-t{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font:500 11.5px var(--mono);font-variant-numeric:tabular-nums}
.oc2-t th{position:sticky;top:0;z-index:2;background:#0f1713;color:var(--fa);font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 7px;text-align:right;border-bottom:1px solid var(--ln2);white-space:nowrap}
.oc2-t th.k{text-align:center}.oc2-t th.l,.oc2-t td.l{text-align:left}
.oc2-t td{padding:6px 6px;text-align:right;border-bottom:1px solid rgba(29,42,36,.6);white-space:nowrap;position:relative;transition:background-color .8s}
.oc2-t td.itm{box-shadow:inset 0 0 0 999px rgba(212,255,0,.035)}
.oc2-t td.k{text-align:center;font-weight:700;background:#0f1713;color:var(--tx);width:92px;position:sticky}
.oc2-t td.k em{font-style:normal;margin-left:6px;padding:1px 5px;border-radius:4px;font-size:9px}.oc2-t td.k em.s{background:rgba(46,232,143,.2);color:#2ee88f}.oc2-t td.k em.r{background:rgba(255,93,108,.2);color:#ff5d6c}
.oc2-t tr.atm td{border-top:1px solid rgba(212,255,0,.55);border-bottom:1px solid rgba(212,255,0,.55)}.oc2-t tr.atm td.k{background:var(--lime);color:#071006}
.oc2-t td.up{color:#ffb547}.oc2-t td.dn{color:#8ca0b3}
.oc2-t td.oi{min-width:96px}.oc2-t td.oi i{position:absolute;bottom:3px;height:3px;right:6px;border-radius:2px;background:rgba(255,93,108,.9);transition:width .9s cubic-bezier(.16,1,.3,1)}
.oc2-t td.oi.l i{left:6px;right:auto;background:rgba(46,232,143,.9)}.oc2-t td.oi span{position:relative}
.oc2-t td.fl{animation:oc2fl .9s ease-out}@keyframes oc2fl{from{background-color:rgba(212,255,0,.28)}}
.oc2-t tr.in{animation:oc2row .5s cubic-bezier(.16,1,.3,1) both}@keyframes oc2row{from{opacity:0;transform:translateX(-8px)}}
.oc2-t tbody tr:hover td{filter:brightness(1.25)}
.oc2-wait{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:18px;border-radius:12px;border:1px dashed var(--ln2);color:var(--mu);font:600 12px var(--mono)}
.oc2-ring{width:18px;height:18px;border-radius:50%;border:2px solid rgba(212,255,0,.15);border-top-color:var(--lime);animation:oc2spin 1s linear infinite}@keyframes oc2spin{to{transform:rotate(360deg)}}
.oc2-foot{margin:0;color:var(--fa);font-size:11.5px}
@media (max-width:1200px){.oc2-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.oc2-mid{grid-template-columns:minmax(0,1fr)}.oc2-cv{min-height:380px}}
@media (max-width:640px){.oc2-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.oc2-find{min-width:0;max-width:none}.oc2-c b{font-size:17px}}
@media (prefers-reduced-motion:reduce){.oc2-c,.oc2-say li,.oc2-t tr.in{animation:none}.oc2-dial line,.oc2-dial .fl,.oc2-split i,.oc2-t td.oi i{transition:none}}

/* 7.25.5 · heatmap controls */
.hzc{position:absolute;left:10px;top:10px;z-index:4;display:flex!important;align-items:center;gap:4px;width:auto!important;padding:4px;border-radius:10px;background:rgba(5,9,7,.78);border:1px solid rgba(255,255,255,.08);opacity:.6;transition:opacity .25s}
.hzc:hover,.cvw:hover .hzc{opacity:1}
.ofx .hzc>button,.hzc>button{flex:0 0 auto!important;display:inline-grid!important;place-items:center;width:auto!important;min-width:28px;height:28px!important;margin:0!important;padding:0 8px!important;border-radius:7px!important;border:0!important;background:rgba(255,255,255,.07)!important;color:#e9f1ec!important;font:600 13px/1 var(--mono,monospace)!important;letter-spacing:0;cursor:pointer;box-shadow:none!important;transition:background-color .2s,color .2s}
.hzc>button:hover{background:rgba(212,255,0,.18)!important;color:#d4ff00!important}
.hzc>button.lv{min-width:0!important;max-width:64px!important;font-size:10px!important;letter-spacing:.1em;color:#7d8f84!important}
.hzc>button.lv.on{background:#d4ff00!important;color:#071006!important}
.hzh{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%) scale(.96);padding:9px 14px;border-radius:10px;background:rgba(5,9,7,.88);border:1px solid rgba(212,255,0,.35);color:#e9f1ec;font:600 12px var(--mono,monospace);pointer-events:none;opacity:0;transition:opacity .25s,transform .25s}
.hzh.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.hzh.off{display:none}
canvas.hm-on{box-shadow:inset 0 0 0 1px rgba(212,255,0,.35)}
@media (pointer:coarse){.hzc{opacity:1}.hzc>button{min-width:34px;height:34px!important}}
/* 7.25.7 · option chain feels live: status strip, rolling numbers, up/down cell flashes, ATM shimmer */
.oc2-live{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(46,232,143,.35);background:rgba(46,232,143,.06);font:600 10.5px var(--mono);letter-spacing:.06em;color:var(--mu);white-space:nowrap}
.oc2-live b{color:#2ee88f;font-weight:600;letter-spacing:.14em}
.oc2-live .d{width:7px;height:7px;border-radius:50%;background:#2ee88f;animation:oc2lv 1.6s infinite}
.oc2-live .pg{position:relative;width:46px;height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.oc2-live .pg i{position:absolute;inset:0;background:linear-gradient(90deg,#2ee88f,#d4ff00);transform-origin:left;transform:scaleX(0);transition:transform .12s linear}
.oc2-live.stale{border-color:rgba(255,181,71,.4);background:rgba(255,181,71,.06)}.oc2-live.stale b{color:#ffb547}.oc2-live.stale .d{background:#ffb547;animation:none}
@keyframes oc2lv{0%{box-shadow:0 0 0 0 rgba(46,232,143,.55)}70%{box-shadow:0 0 0 7px rgba(46,232,143,0)}100%{box-shadow:none}}
.oc2-t td.fu{animation:oc2fu 1.1s ease-out}.oc2-t td.fd{animation:oc2fd 1.1s ease-out}
@keyframes oc2fu{0%{background-color:rgba(46,232,143,.38);color:#d9ffe9}}@keyframes oc2fd{0%{background-color:rgba(255,93,108,.38);color:#ffdde1}}
.oc2-t td.lt[data-ar]::after{content:attr(data-ar);margin-left:4px;font-size:8px;opacity:0;animation:oc2ar 1.6s ease-out}
.oc2-t td.lt.fu[data-ar]::after{color:#2ee88f}.oc2-t td.lt.fd[data-ar]::after{color:#ff5d6c}
@keyframes oc2ar{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-3px)}}
.oc2-t tr.atm{position:relative}.oc2-t tr.atm td.k{position:relative;overflow:hidden}.oc2-t tr.atm td.k::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:translateX(-120%);animation:oc2sh 2.8s ease-in-out infinite;pointer-events:none}
@keyframes oc2sh{to{transform:translateX(120%)}}
.oc2-c b span.flash-u,.oc2-c b span.flash-d{transition:color .6s}
.oc2-c b span.flash-u{animation:oc2nu .9s ease-out}.oc2-c b span.flash-d{animation:oc2nd .9s ease-out}
@keyframes oc2nu{0%{color:#2ee88f;text-shadow:0 0 14px rgba(46,232,143,.6)}}@keyframes oc2nd{0%{color:#ff5d6c;text-shadow:0 0 14px rgba(255,93,108,.6)}}
@media (prefers-reduced-motion:reduce){.oc2-live .d,.oc2-t tr.atm td.k::after,.oc2-t td.fu,.oc2-t td.fd{animation:none}}
/* 7.25.9 · option chain full screen + Terminal call-to-action + follow-the-chart labels */
.ofx .ocfs{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(212,255,0,.35);background:rgba(212,255,0,.06);color:var(--lime);font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s}
.ofx .ocfs:hover{background:rgba(212,255,0,.14);transform:translateY(-1px)}.ofx .ocfs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.ofx .ofp.fsx{overflow:auto}.ofx .ofp.fsx .oc2-scroll{max-height:calc(100vh - 340px)}.ofx .ofp.fsx .oc2-cv{min-height:calc(100vh - 360px)}.ofx .ofp.fsx .ocfs{display:none}
.ofx .itx{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:14px 0;padding:16px 20px;border-radius:16px;border:1px solid rgba(212,255,0,.28);background:linear-gradient(100deg,rgba(212,255,0,.08),rgba(62,230,255,.04) 60%,transparent);color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:border-color .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.ofx .itx::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(212,255,0,.10) 50%,transparent 65%);transform:translateX(-100%);animation:itxsh 4.5s ease-in-out infinite;pointer-events:none}
@keyframes itxsh{to{transform:translateX(100%)}}
.ofx .itx:hover{border-color:var(--lime);transform:translateY(-2px)}
.ofx .itx-i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(212,255,0,.12)}.ofx .itx-i svg{width:22px;height:22px;fill:none;stroke:var(--lime);stroke-width:2}
.ofx .itx-t{display:grid;gap:2px}.ofx .itx-t small{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.ofx .itx-t b{font:400 17px var(--disp,serif);letter-spacing:.05em;text-transform:uppercase}.ofx .itx-t>span{color:var(--mu);font-size:12.5px}
.ofx .itx-go{height:38px;display:inline-flex;align-items:center;padding:0 16px;border-radius:10px;background:var(--lime);color:#071006;font:700 12px var(--sans,system-ui);white-space:nowrap}
.ofx .iFlowN{color:var(--lime)}
@media (max-width:720px){.ofx .itx{grid-template-columns:1fr}.ofx .itx-i{display:none}}
@media (prefers-reduced-motion:reduce){.ofx .itx::after{animation:none}}
.hzc>button.lv{max-width:none!important;min-width:64px!important;gap:6px;display:inline-flex!important;align-items:center;justify-content:center}
.hzc>button.lv.at{background:rgba(46,232,143,.12)!important;color:#2ee88f!important;cursor:default}
.hzc>button.lv.at i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ee88f;animation:oc2lv 1.6s infinite}
.hzc>button.lv.on{background:#d4ff00!important;color:#071006!important;box-shadow:0 0 0 0 rgba(212,255,0,.5);animation:lkPulse 1.8s infinite}
.hzc{opacity:.85}
/* 7.25.9 · performance on the live tool pages: no live blur behind moving charts (it re-blurs every frame), no endlessly
   repainting sidebar border; the look stays the same, the GPU work drops sharply */
body:has(.ofx) .xtop,body:has(.ofx) .xtop.sc{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(6,8,10,.97)!important}
body:has(.ofx) .xside{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-menu="glass"] body:has(.ofx) .xside,html[data-menu="vision"] body:has(.ofx) .xside{background:linear-gradient(180deg,#141a20,#0c1014)!important}
body:has(.ofx) .xside{animation:none!important}
/* 7.26.2 · order flow symbol picker */
.ofx .ofch{margin-left:6px}.ofx .ofch button{height:28px;padding:0 10px;font:600 10px var(--mono);letter-spacing:.06em}
.ofx .ofsr{position:relative;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--ln2);background:var(--p1);min-width:220px;transition:border-color .2s}
.ofx .ofsr:focus-within{border-color:var(--lime)}
.ofx .ofsr svg{width:14px;height:14px;fill:none;stroke:var(--fa);stroke-width:2;flex:none}
.ofx .ofsr input{flex:1;min-width:0;border:0;background:none;color:var(--tx);font:500 12px var(--mono);outline:none}
.ofx .ofsr-r{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:max(100%,320px);max-height:360px;overflow:auto;display:grid;padding:6px;border-radius:12px;border:1px solid var(--ln2);background:#0b120e;box-shadow:0 24px 60px -20px rgba(0,0,0,.8);animation:lkIn .18s ease-out}
.ofx .ofsr-r[hidden]{display:none}
.ofx .ofsr-r button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--tx);text-align:left;cursor:pointer;font:500 12px var(--mono)}
.ofx .ofsr-r button:hover,.ofx .ofsr-r button:first-child{background:rgba(212,255,0,.08)}.ofx .ofsr-r small{color:var(--fa);font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.ofx .ofsr-r em{padding:8px 10px;color:var(--mu);font-style:normal;font-size:12px}
@media (max-width:900px){.ofx .ofch{display:none}.ofx .ofsr{min-width:0;flex:1}}
/* 7.26.3 · option chain in its own window */
body.ocpop>*:not(.ocpopw){display:none!important}
body.ocpop{overflow:auto!important;background:#05080a!important;margin:0}
.ofx.ocpopw{padding:12px;min-height:100vh;box-sizing:border-box}
.ocpopw #iOcFs,.ocpopw #iOcPop,.ocpopw .fsb{display:none!important}
.ocpopw .oc2-scroll{max-height:calc(100vh - 330px)}.ocpopw .oc2-cv{min-height:calc(100vh - 360px)}
.ofx .tb.kl.on{color:#d4ff00}
/* 7.26.4 · clearer corner full-screen button on every panel */
.ofx .fsb{border-color:rgba(212,255,0,.35);color:#d4ff00}.ofx .fsb:hover{background:rgba(212,255,0,.12);transform:scale(1.06)}
.ofx #iOcP .fsb{width:34px;height:34px}.ofx #iOcP .fsb svg{width:16px;height:16px}
/* 7.26.5 · request Indian Market access by email */
.ipwr{display:grid;gap:6px;justify-items:center;margin-top:10px}
.ipwr button{height:40px;padding:0 18px;border-radius:11px;border:1px solid rgba(212,255,0,.45);background:rgba(212,255,0,.08);color:#d4ff00;font:700 12.5px var(--sans,system-ui);letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .2s}
.ipwr button:hover{background:rgba(212,255,0,.16);transform:translateY(-1px)}.ipwr button:disabled{opacity:.6}
.ipwr small{color:#8fa39a;font-size:11.5px}.ipwr .ok{color:#2ee88f;font-size:13px}
.ipwr{flex-basis:100%}
.ipw-soon{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:12px;border:1px dashed rgba(212,255,0,.3);color:#c9d6cf;font-size:13px;text-align:center}
.ipwp.thxw{display:block!important;grid-template-columns:none!important;margin:14px 0 6px}
