:root{--bg:#070b11;--panel:#0e151f;--line:#1d2938;--text:#eef4fb;--muted:#8190a3;--green:#37d6a0;--red:#ff627d;--blue:#66a8ff;--amber:#f4c769}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#172235 0,var(--bg) 42%);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}header,main,footer{max-width:1500px;margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff0d}h1,h2{margin:3px 0 0;letter-spacing:-.03em}h1{font-size:25px}h2{font-size:17px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:700}.connection{display:flex;gap:9px;align-items:center;color:var(--muted)}.connection i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.connection i.live{background:var(--green)}.connection i.error{background:var(--red)}main{padding:22px 24px 40px}.panel,.metrics article{background:linear-gradient(145deg,#111a26,#0b111a);border:1px solid var(--line);border-radius:12px}.toolbar{padding:14px;display:flex;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}input,select,button{height:39px;border-radius:7px;border:1px solid #2b3a4d;background:#09101a;color:var(--text);padding:0 12px;font:inherit}input{width:230px;text-transform:uppercase}button{cursor:pointer;background:var(--blue);border-color:var(--blue);color:#06101c;font-weight:700}button:hover{filter:brightness(1.12)}button.ghost{background:#121c29;color:#bfd2e9;border-color:#2b3a4d}.hint{margin-left:auto;color:var(--muted);padding:11px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.metrics article{padding:16px;min-width:0}.metrics span,.metrics small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics strong{display:block;font-size:20px;margin:8px 0 5px;font-variant-numeric:tabular-nums}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.grid{display:grid;gap:12px}.main-grid{grid-template-columns:1.15fr .85fr}.cvd-panel,.depth-panel{padding:18px;height:430px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head>strong{font-size:24px;font-variant-numeric:tabular-nums}#cvdChart{width:100%;height:300px;display:block}.flow-stats{display:flex;gap:24px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.flow-stats b{color:var(--text);margin-left:6px}.depth-head,.depth-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:right;gap:8px;font-variant-numeric:tabular-nums}.depth-head{color:var(--muted);font-size:10px;text-transform:uppercase;padding:8px}.depth-row{position:relative;padding:5px 8px;border-top:1px solid #ffffff06}.depth-row span{z-index:1}.depth-row .price{text-align:center}.depth-row .bid{color:var(--green)}.depth-row .ask{color:var(--red)}.depth-row i{position:absolute;top:2px;bottom:2px;opacity:.1}.depth-row i.bidbar{right:50%;background:var(--green)}.depth-row i.askbar{left:50%;background:var(--red)}.options-panel{margin-top:12px;padding:18px}.options-tools{justify-content:flex-start}.options-tools>div{margin-right:auto}.options-tools label{min-width:130px}.table-wrap{overflow:auto;max-height:530px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#101924;color:var(--muted);font-size:10px;text-transform:uppercase;padding:9px 8px;border-bottom:1px solid var(--line);z-index:2}thead tr:first-child th{top:0}thead tr:nth-child(2) th{top:33px}td{text-align:right;padding:8px;border-bottom:1px solid #ffffff08;color:#b9c7d8}td.strike{text-align:center;color:var(--text);font-weight:700;background:#151e2a}.calls{color:var(--green)}.puts{color:var(--red)}.empty{text-align:center;padding:40px;color:var(--muted)}footer{padding:20px 24px;color:var(--muted);font-size:12px;border-top:1px solid #ffffff0d}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr}.depth-panel{height:auto}}@media(max-width:650px){header{height:75px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{width:100%}.hint{margin:0;padding:4px}.metrics{grid-template-columns:repeat(2,1fr)}main{padding:12px}.options-tools{align-items:stretch;flex-direction:column}.options-tools>div{margin:0}.cvd-panel{height:380px}}
:root{}.inline-control{display:flex;align-items:center;gap:14px}.inline-control select{height:34px}.inline-control strong{font-size:24px;font-variant-numeric:tabular-nums}
:root{}.terminal-tabs{display:flex;gap:6px;margin-top:12px;padding:6px;width:max-content}.terminal-tabs .tab{background:transparent;border-color:transparent;color:var(--muted)}.terminal-tabs .tab.active{background:#1a2a3d;border-color:#345273;color:var(--text)}.view-panel{display:none;margin-top:12px}.view-panel.active{display:block}.full-panel{height:480px}.full-panel #cvdChart{height:340px}.levels-head{grid-template-columns:1.2fr 1fr 1fr}.level-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;padding:8px;border-top:1px solid #ffffff0d;text-align:right;font-variant-numeric:tabular-nums}.level-row .level-name{text-align:left}.level-row.bid .level-name{color:var(--green)}.level-row.ask .level-name{color:var(--red)}
:root{}body{padding-left:190px}header{padding-left:32px}.terminal-tabs{position:fixed;left:0;top:0;bottom:0;width:190px!important;margin:0!important;border-radius:0!important;border-width:0 1px 0 0!important;padding:100px 10px 10px!important;display:flex!important;flex-direction:column;z-index:20;background:#090f18!important}.terminal-tabs .nav-title{padding:0 12px 12px;color:#526174;font-size:10px;letter-spacing:.18em}.terminal-tabs .tab{width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start}.terminal-tabs .tab b{font-size:18px;width:22px;color:var(--blue)}@media(max-width:800px){body{padding-left:0}.terminal-tabs{position:static;width:100%!important;padding:6px!important;flex-direction:row}.terminal-tabs .nav-title{display:none}.terminal-tabs .tab{justify-content:center}header{padding-left:24px}}
:root{}.chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-color:#2c4058 #0a111a}.chart-scroll canvas{min-width:100%;height:340px}.inline-control input[type=date]{width:135px;text-transform:none}.inline-control .mini{width:38px;padding:0}.inline-control #liveSession{width:50px}
:root{}.advanced-chart-wrap{position:relative;height:350px}.advanced-chart-wrap #cvdChart{width:100%;height:100%}.chart-tooltip{position:absolute;left:14px;top:10px;z-index:5;padding:7px 10px;border:1px solid #29394d;border-radius:5px;background:#08101bcc;color:#aab8c9;font:11px ui-monospace,monospace;pointer-events:none}.chart-tooltip b{color:#eef4fb}.chart-scroll{display:none}
:root{}.price-panel{margin-bottom:12px;padding:18px}.price-panel.full-panel{height:480px}.price-panel .flow-stats{margin-top:8px}
:root{}.chart-tools{display:flex;align-items:center;gap:5px;margin:-5px 0 8px}.chart-tools button{height:29px;padding:0 9px;background:#0a121d;border-color:#26364a;color:#8fa0b4;font-size:11px}.chart-tools button.active{color:#dbeafe;border-color:#4d83c7;background:#14243a}.chart-tools span{margin-left:auto;color:#607086;font-size:11px}.price-panel .advanced-chart-wrap{height:315px}
:root{}body{padding-right:250px}.market-watch{position:fixed;right:0;top:0;bottom:0;width:250px;border-radius:0;border-width:0 0 0 1px;z-index:25;background:#090f18;padding:20px 10px;overflow-y:auto}.watch-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 18px;border-bottom:1px solid var(--line)}#watchPulse{color:var(--green);font-size:12px;text-shadow:0 0 10px var(--green)}.watch-columns,.watch-row{display:grid;grid-template-columns:1fr .9fr .62fr;gap:7px;align-items:center}.watch-columns{padding:12px 8px 7px;color:#526174;font-size:9px;text-transform:uppercase;letter-spacing:.1em;text-align:right}.watch-columns span:first-child{text-align:left}.watch-row{width:100%;height:auto;min-height:48px;padding:7px 8px;border:0;border-top:1px solid #ffffff08;border-radius:0;background:transparent;color:var(--text);text-align:right;font-weight:500}.watch-row:hover,.watch-row.active{background:#14243a}.watch-row.active{box-shadow:inset 3px 0 var(--blue)}.watch-symbol{text-align:left}.watch-symbol b{display:block;font-size:12px}.watch-symbol small{color:#607086;font-size:9px}.watch-price{font-variant-numeric:tabular-nums;font-size:11px}.watch-change{font-variant-numeric:tabular-nums;font-size:10px}.watch-empty{padding:30px 8px;text-align:center;color:var(--muted);font-size:11px}.watch-foot{margin-top:14px;padding:12px 8px;border-top:1px solid var(--line);color:#607086;font-size:10px;line-height:1.7}.watch-foot b{color:#8fa0b4}@media(max-width:1200px){body{padding-right:0}.market-watch{position:static;width:auto;margin:12px 24px 0;max-height:330px}.watch-columns,.watch-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:800px){.market-watch{margin:0}.watch-foot{display:none}}
:root{}.bar-clock{height:30px;display:flex;align-items:center;padding:0 8px;border:1px solid #2b3a4d;border-radius:6px;background:#0a121d;color:var(--amber);font:700 10px ui-monospace,monospace;white-space:nowrap;font-variant-numeric:tabular-nums}
:root{}.spike-key{margin-left:auto}.spike-key i{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;background:var(--amber);box-shadow:0 0 8px #f4c76988}.chart-tooltip em{color:var(--amber);font-style:normal;font-weight:700}
:root{}.footprint-panel{padding:18px;min-height:700px}.footprint-tools{justify-content:flex-start;gap:12px}.footprint-tools>div{margin-right:auto}.footprint-tools label{min-width:95px}.footprint-tools select{height:34px}.footprint-legend{display:flex;align-items:center;gap:20px;padding:9px 2px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footprint-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.ask-dot{background:var(--green)}.bid-dot{background:var(--red)}.poc-dot{background:var(--amber)}.footprint-grid{display:flex;gap:10px;overflow-x:auto;padding:14px 0 8px;scrollbar-color:#2c4058 #0a111a}.footprint-candle{flex:0 0 245px;background:#09111b;border:1px solid #223044;border-radius:8px;overflow:hidden}.footprint-candle>header{height:auto;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:10px}.fp-summary{display:flex;justify-content:space-between;padding:7px 8px;color:var(--muted);font-size:9px}.fp-levels{max-height:525px;overflow-y:auto;font:10px ui-monospace,monospace;scrollbar-width:thin}.fp-level{display:grid;grid-template-columns:1fr .9fr 1fr;text-align:right;border-top:1px solid #ffffff06;line-height:20px}.fp-level span{padding:0 5px;font-variant-numeric:tabular-nums}.fp-price{text-align:center;color:#8fa0b4;background:#101a26}.fp-bid{color:#d98796}.fp-ask{color:#70d8b5}.fp-bid.imbalance{color:#fff;background:#9f2840;font-weight:800}.fp-ask.imbalance{color:#06120e;background:#37d6a0;font-weight:800}.fp-level.poc .fp-price{color:#141006;background:var(--amber);font-weight:900}.fp-level.stacked-buy{box-shadow:inset -3px 0 var(--green)}.fp-level.stacked-sell{box-shadow:inset 3px 0 var(--red)}.fp-clipped{display:block;padding:7px;text-align:center;color:#607086;font-size:9px}@media(max-width:800px){.footprint-tools{align-items:stretch;flex-direction:column}.footprint-tools>div{margin:0}.footprint-candle{flex-basis:220px}}
:root{}.abs-dot{background:#a78bfa}.footprint-candle.has-absorption.buy{border-color:#f59e0b}.footprint-candle.has-absorption.sell{border-color:#8b5cf6}.absorption-alert{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:7px 8px;border-bottom:1px solid #ffffff18;font-size:9px}.absorption-alert small{grid-column:1/-1;color:#cbd5e1}.absorption-alert.buy{background:#78350f88;color:#fbbf24}.absorption-alert.sell{background:#4c1d9588;color:#c4b5fd}.fp-level.absorption-buy{background:#f59e0b18}.fp-level.absorption-sell{background:#8b5cf620}.fp-level.absorption-buy .fp-price{box-shadow:inset 0 0 0 1px #f59e0b}.fp-level.absorption-sell .fp-price{box-shadow:inset 0 0 0 1px #8b5cf6}
:root{}.brand{display:flex;align-items:center;gap:11px}.brand img{width:38px;height:38px;border-radius:11px;box-shadow:0 8px 25px #58a6ff25}.header-actions{display:flex;align-items:center;gap:14px}.install-app{height:32px;padding:0 11px;color:#06101c;background:linear-gradient(135deg,var(--blue),var(--green));border:0;font-size:11px}
@media(max-width:800px){body{padding:0;background:radial-gradient(circle at 50% -10%,#19314a 0,#07101b 36%,#05080d 100%);padding-bottom:calc(76px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:40;height:68px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#07101bea;backdrop-filter:blur(18px);border-bottom-color:#ffffff12}header h1{font-size:19px}.brand img{width:36px;height:36px}.brand .eyebrow{font-size:8px}.connection span{display:none}.connection i{width:9px;height:9px}.install-app{display:block}.market-watch{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-height:none;margin:0;padding:10px 12px;border:0;border-radius:0;background:#07101bea;overflow:hidden}.watch-head,.watch-columns,.watch-foot{display:none}#watchlist{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px;scrollbar-width:none}#watchlist::-webkit-scrollbar{display:none}.watch-row{flex:0 0 132px;min-height:57px;border:1px solid #25364a;border-radius:12px;padding:8px 9px;grid-template-columns:1fr auto;grid-template-rows:auto auto;scroll-snap-align:start;background:linear-gradient(145deg,#111d2b,#0a121d)}.watch-row.active{border-color:#4d83c7;box-shadow:inset 0 -2px var(--blue),0 6px 18px #0005}.watch-symbol{grid-column:1/-1}.watch-symbol b{font-size:12px}.watch-symbol small{font-size:8px}.watch-price{font-size:11px;text-align:left}.watch-change{font-size:9px}.terminal-tabs{position:fixed!important;left:0;right:0;top:auto!important;bottom:0;width:100%!important;height:calc(66px + env(safe-area-inset-bottom));margin:0!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:100;background:#09121df2!important;backdrop-filter:blur(20px);border-width:1px 0 0!important}.terminal-tabs .tab{height:54px!important;padding:5px 2px!important;display:flex!important;flex-direction:column;gap:1px!important;justify-content:center!important;border-radius:12px!important;font-size:9px;line-height:1.05;text-align:center}.terminal-tabs .tab b{font-size:18px!important;width:auto!important}.terminal-tabs .tab.active{background:linear-gradient(145deg,#203753,#13243a)!important;box-shadow:0 5px 18px #0005}.terminal-tabs .nav-title{display:none}main{padding:10px 10px 26px}.toolbar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:11px}.toolbar label{grid-column:1/-1}.toolbar input{width:100%;height:43px;font-size:16px}.toolbar #load,.toolbar #resetCvd{height:40px}.toolbar .hint{grid-column:1/-1;margin:0;padding:3px 1px;font-size:9px}.metrics{display:flex;overflow-x:auto;gap:8px;margin:10px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.metrics::-webkit-scrollbar{display:none}.metrics article{flex:0 0 145px;scroll-snap-align:start;padding:13px;border-radius:14px}.metrics strong{font-size:17px}.panel{border-radius:15px}.panel-head{align-items:flex-start;gap:9px;flex-direction:column}.panel-head .inline-control{width:100%;overflow-x:auto;padding-bottom:2px;gap:7px;scrollbar-width:none}.inline-control input[type=date]{min-width:125px}.inline-control select{min-width:76px}.full-panel,.price-panel.full-panel{height:520px;padding:13px}.advanced-chart-wrap,.price-panel .advanced-chart-wrap{height:340px}.chart-tools{overflow-x:auto;scrollbar-width:none}.chart-tools button{flex:0 0 auto}.chart-tools span{display:none}.chart-tooltip{left:7px;right:7px;top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-stats{gap:14px;overflow-x:auto;white-space:nowrap;font-size:10px}.spike-key{margin-left:0}.footprint-panel{padding:12px;min-height:650px}.footprint-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footprint-tools>div{grid-column:1/-1}.footprint-tools label{min-width:0}.footprint-tools select{width:100%}.footprint-tools button{grid-column:1/-1}.footprint-legend{overflow-x:auto;white-space:nowrap;gap:13px}.footprint-grid{margin:0 -2px}.footprint-candle{flex-basis:86vw}.options-panel{padding:12px}.options-tools{display:grid;grid-template-columns:1fr 1fr}.options-tools>div,.options-tools button{grid-column:1/-1}.table-wrap{max-height:65vh}.main-grid{grid-template-columns:1fr}.depth-panel{padding:13px;height:auto;min-height:430px}footer{padding:18px 12px;font-size:9px}.view-panel{margin-top:10px}}
:root{}footer{display:flex;justify-content:space-between;align-items:center;gap:18px}footer strong{color:#9fb2c9;font-size:11px;white-space:nowrap}@media(max-width:800px){footer{display:grid;gap:7px}footer strong{white-space:normal;color:#b8c9dc}}
:root{}.option-oi-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.oi-level-card{position:relative;overflow:hidden;padding:13px 16px;border:1px solid #2b3a4d;border-radius:10px;background:linear-gradient(145deg,#111c29,#0a121c);font-variant-numeric:tabular-nums}.oi-level-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.oi-level-card.resistance:before{background:var(--red);box-shadow:0 0 16px var(--red)}.oi-level-card.support:before{background:var(--green);box-shadow:0 0 16px var(--green)}.oi-level-card>span{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.oi-level-card>strong{display:block;margin:4px 0 2px;font-size:23px}.oi-level-card.resistance>strong{color:#ff8b9d}.oi-level-card.support>strong{color:#62e6b8}.oi-level-card small{color:#73859b}.oi-level-card small b{color:#c9d7e7}@media(max-width:650px){.option-oi-levels{grid-template-columns:1fr}.oi-level-card{padding:11px 13px}.oi-level-card>strong{font-size:20px}}
@media(max-width:800px){.advanced-chart-wrap,.advanced-chart-wrap>div{touch-action:none;overscroll-behavior:contain}}
.native-app body{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.native-app .install-app{display:none!important}.native-app input,.native-app select{user-select:auto;-webkit-user-select:auto}.native-app header{padding-top:max(8px,env(safe-area-inset-top))}.native-app .terminal-tabs{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}