:root {
  --black:#0A0A0A;--black2:#0F0F0F;--surface:#141414;--surface2:#1A1A1A;
  --border:#242424;--border2:#2E2E2E;
  --green:#00FF41;--green-dim:#00CC33;--green-glow:rgba(0,255,65,0.15);
  --cyan:#00D4FF;--cyan-dim:#00AACC;--cyan-glow:rgba(0,212,255,0.15);
  --red:#FF3B3B;--red-dim:#CC2222;--red-glow:rgba(255,59,59,0.15);
  --yellow:#FFD600;--text:#E8E8E8;--text-dim:#888888;--text-muted:#444444;
  --font-display:'Syne',sans-serif;--font-mono:'JetBrains Mono',monospace;
  --radius:4px;--radius-lg:8px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.6;min-height:100vh;overflow-x:hidden}
.scanlines{pointer-events:none;position:fixed;inset:0;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,0.08) 3px,rgba(0,0,0,0.08) 4px)}
.grid-bg{pointer-events:none;position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(0,255,65,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.03) 1px,transparent 1px);background-size:40px 40px}
.ticker-wrap{position:sticky;top:0;z-index:100;background:var(--black2);border-bottom:1px solid var(--green-dim);overflow:hidden;height:32px;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;white-space:nowrap;animation:ticker 40s linear infinite;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick-item{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em;padding:0 18px;color:var(--text-dim)}
.tick-item em{font-style:normal;font-weight:700}
.tick-item.bull em{color:var(--green)}
.tick-item.bear em{color:var(--red)}
.tick-sep{color:var(--text-muted);font-size:8px}
.site-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border2);background:linear-gradient(180deg,rgba(0,255,65,0.04) 0%,transparent 100%)}
.header-left{display:flex;align-items:center;gap:16px}
.logo-mark{font-size:32px;color:var(--green);text-shadow:0 0 20px var(--green),0 0 40px rgba(0,255,65,0.4);animation:logoPulse 3s ease-in-out infinite;line-height:1}
@keyframes logoPulse{0%,100%{text-shadow:0 0 20px var(--green),0 0 40px rgba(0,255,65,0.4)}50%{text-shadow:0 0 30px var(--green),0 0 60px rgba(0,255,65,0.6)}}
.site-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:.12em;color:var(--text);line-height:1}
.site-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-muted);margin-top:4px}
.header-nav{display:flex;align-items:center;gap:16px}
.live-badge{display:flex;align-items:center;gap:6px;background:rgba(0,255,65,0.1);border:1px solid var(--green-dim);border-radius:var(--radius);padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--green)}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulseDot 1.2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.market-status{display:flex;flex-direction:column;align-items:center;gap:1px}
.status-label{font-size:9px;letter-spacing:.2em;color:var(--text-muted)}
.status-val{font-size:12px;font-weight:700;color:var(--green);letter-spacing:.1em}
.clock{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--cyan);letter-spacing:.1em;min-width:80px;text-align:center}
.btn-primary{background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.2em;padding:8px 18px;border-radius:var(--radius);cursor:pointer;transition:all .2s}
.btn-primary:hover{background:var(--green);color:var(--black);box-shadow:0 0 20px var(--green-glow)}
.accent-green{color:var(--green)}.accent-cyan{color:var(--cyan)}.accent-red{color:var(--red)}
.bull{color:var(--green)}.bear{color:var(--red)}
.main-content{position:relative;z-index:1;padding:24px 28px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;cursor:default;transition:border-color .3s,transform .2s;animation:cardIn .5s ease both}
.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}
@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;transition:opacity .3s}
.stat-card:hover::before{opacity:1}
.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}
.card-label{font-size:10px;letter-spacing:.2em;color:var(--text-muted);font-weight:500;margin-bottom:8px}
.card-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1;margin-bottom:8px;transition:color .3s}
.flicker{animation:flicker 8s ease-in-out infinite}
@keyframes flicker{0%,95%,100%{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.9}}
.card-change{font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px}
.card-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px}
.bar-fill{height:100%;border-radius:2px;transition:width 1s ease}
.bar-fill.bull{background:linear-gradient(90deg,var(--green-dim),var(--green));box-shadow:0 0 8px var(--green-glow)}
.bar-fill.bear{background:linear-gradient(90deg,var(--red-dim),var(--red))}
.bar-fill.cyan{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan))}
.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);letter-spacing:.05em}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface2)}
.panel-title-group{display:flex;align-items:center;gap:10px}
.panel-icon{color:var(--green);font-size:14px;opacity:.8}
.panel-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.15em;color:var(--text)}
.mid-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}
.chart-controls{display:flex;gap:4px}
.interval-btn{background:transparent;border:1px solid var(--border2);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;padding:4px 10px;border-radius:var(--radius);cursor:pointer;transition:all .2s}
.interval-btn:hover,.interval-btn.active{background:var(--green);border-color:var(--green);color:var(--black)}
.chart-container{height:380px;background:#0D0D0D}
.chart-container iframe{width:100%;height:100%;display:block}
.mover-tabs{display:flex;gap:4px}
.tab-btn{background:transparent;border:1px solid var(--border2);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;padding:4px 12px;border-radius:var(--radius);cursor:pointer;transition:all .2s}
.tab-btn.active{background:var(--surface2);border-color:var(--green);color:var(--green)}
.movers-list{padding:12px;display:flex;flex-direction:column;gap:6px}
.mover-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,background .2s;cursor:default}
.mover-row:hover{border-color:var(--border2);background:#1E1E1E}
.mover-name{font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--text)}
.mover-price{font-size:11px;color:var(--text-dim)}
.mover-change{font-size:12px;font-weight:700}
.mover-bar-wrap{width:60px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}
.lower-grid{display:grid;grid-template-columns:1fr 340px;gap:16px}
.oi-controls{display:flex;gap:8px}
.oi-select{background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;border-radius:var(--radius);cursor:pointer;outline:none}
.oi-select:focus{border-color:var(--green)}
.oi-table-wrap{overflow-x:auto;overflow-y:auto;max-height:340px}
.oi-table{width:100%;border-collapse:collapse;font-size:12px}
.oi-table thead{position:sticky;top:0;z-index:2;background:var(--surface2)}
.oi-table th{padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}
.th-ce{text-align:right;color:var(--red)!important}
.th-pe{text-align:left;color:var(--green)!important}
.th-strike{text-align:center;color:var(--cyan)!important}
.oi-table td{padding:9px 14px;border-bottom:1px solid var(--border);white-space:nowrap;transition:background .15s}
.oi-table tr:hover td{background:rgba(255,255,255,0.02)}
.oi-table tr.atm-row td{background:rgba(0,212,255,0.06)}
.oi-table tr.atm-row .td-strike{color:var(--cyan);font-weight:700}
.oi-table tr.max-ce td{background:rgba(255,59,59,0.05)}
.oi-table tr.max-pe td{background:rgba(0,255,65,0.05)}
.td-ce-oi,.td-ce-chg,.td-ce-ltp{text-align:right}
.td-pe-oi,.td-pe-chg,.td-pe-ltp{text-align:left}
.td-strike{text-align:center;font-weight:700;font-size:13px}
.td-ce-oi{color:var(--red);font-weight:600}
.td-pe-oi{color:var(--green);font-weight:600}
.chg-up{color:var(--green)}.chg-down{color:var(--red)}
.oi-bar-cell{display:flex;align-items:center;gap:6px}
.oi-mini-bar{height:4px;border-radius:2px;min-width:4px;max-width:60px}
.oi-mini-bar.ce{background:var(--red)}
.oi-mini-bar.pe{background:var(--green)}
.oi-legend{display:flex;gap:20px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface2)}
.legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);letter-spacing:.1em}
.legend-dot{width:8px;height:8px;border-radius:50%}
.legend-dot.ce{background:var(--red)}.legend-dot.pe{background:var(--green)}.legend-dot.atm{background:var(--cyan)}
.right-col{display:flex;flex-direction:column;gap:16px}
.date-badge{font-size:10px;letter-spacing:.15em;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:3px 8px;border-radius:var(--radius)}
.fii-rows{padding:12px;display:flex;flex-direction:column;gap:8px}
.fii-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}
.fii-label{font-size:11px;color:var(--text-dim);letter-spacing:.05em}
.fii-val{font-size:13px;font-weight:700;letter-spacing:.05em}
.sentiment-meter{padding:12px 16px;border-top:1px solid var(--border)}
.sentiment-label{font-size:10px;letter-spacing:.15em;color:var(--text-muted);margin-bottom:8px}
.meter-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:6px}
.meter-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green));border-radius:3px;transition:width 1s ease}
.meter-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);letter-spacing:.1em}
.sentiment-text{color:var(--yellow);font-weight:700}
.pcr-gauge-wrap{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px}
.pcr-gauge-val{position:absolute;top:50%;left:50%;transform:translate(-50%,10%);font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--cyan)}
.pcr-gauge-label{font-size:10px;letter-spacing:.2em;color:var(--text-muted);margin-top:4px}
.pcr-stats{display:flex;justify-content:space-around;padding:10px 16px;border-top:1px solid var(--border)}
.pcr-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.pcr-stat-label{font-size:9px;letter-spacing:.15em;color:var(--text-muted)}
.pcr-stat-val{font-size:16px;font-weight:700}
.oi-bars-section{padding-bottom:16px}
.oi-bars-chart{padding:16px 20px 8px;display:flex;align-items:flex-end;gap:6px;height:180px;overflow-x:auto}
.oi-bar-group{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:48px}
.oi-bar-pair{display:flex;align-items:flex-end;gap:2px;height:130px}
.oi-bar{width:18px;border-radius:2px 2px 0 0;transition:height .8s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative}
.oi-bar.ce{background:linear-gradient(180deg,var(--red),rgba(255,59,59,0.4))}
.oi-bar.pe{background:linear-gradient(180deg,var(--green),rgba(0,255,65,0.4))}
.oi-bar:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-size:10px;padding:3px 7px;border-radius:var(--radius);white-space:nowrap;z-index:10;pointer-events:none}
.oi-bar-label{font-size:9px;color:var(--text-muted);letter-spacing:.05em;text-align:center;white-space:nowrap}
.oi-bars-legend{display:flex;gap:20px;padding:0 20px;font-size:10px;color:var(--text-muted);letter-spacing:.1em}
.bar-legend{display:inline-block;width:12px;height:4px;border-radius:2px;vertical-align:middle;margin-right:4px}
.bar-legend.ce{background:var(--red)}.bar-legend.pe{background:var(--green)}
.update-tag{font-size:10px;letter-spacing:.1em;color:var(--text-muted)}
.features-section{padding:0}
.features-header{padding:24px 0 16px;text-align:center}
.features-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.15em;color:var(--text);margin-bottom:6px}
.features-sub{font-size:12px;color:var(--text-muted);letter-spacing:.1em}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;transition:all .25s;cursor:default;animation:cardIn .5s ease both}
.feature-card:hover{border-color:var(--green);background:rgba(0,255,65,0.04);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,255,65,0.08)}
.feature-icon{font-size:22px;margin-bottom:10px;display:block}
.feature-name{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text);margin-bottom:4px}
.feature-desc{font-size:10px;color:var(--text-muted);letter-spacing:.05em;line-height:1.5}
.site-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--border);background:var(--black2);margin-top:8px}
.footer-left{display:flex;align-items:center;gap:20px}
.footer-logo{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.15em;color:var(--green)}
.footer-copy{font-size:10px;letter-spacing:.1em;color:var(--text-muted)}
.footer-disclaimer{font-size:10px;letter-spacing:.08em;color:var(--text-muted)}
@media(max-width:1200px){.stat-cards{grid-template-columns:repeat(2,1fr)}.mid-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.site-header{flex-direction:column;gap:12px;padding:14px 16px}.header-nav{flex-wrap:wrap;justify-content:center}.main-content{padding:16px}.stat-cards{grid-template-columns:1fr 1fr;gap:10px}.card-value{font-size:20px}.features-grid{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column;gap:8px;text-align:center}.footer-left{flex-direction:column;gap:4px}}
@media(max-width:480px){.stat-cards{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.site-title{font-size:20px}}