*{box-sizing:border-box}body{margin:0;background:#07111f;color:#e5e7eb;font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;padding:28px;max-width:1440px;margin:0 auto}.header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.eyebrow{color:#94a3b8;font-size:12px;letter-spacing:.28em;text-transform:uppercase}h1{font-size:clamp(32px,5vw,56px);margin:8px 0}p{color:#94a3b8}.updateBox,.metric,.panel,.heatmapPanel,.gaugePanel,.regimePanel{border:1px solid rgba(100,116,139,.55);background:#0f172ac7;box-shadow:0 18px 50px #00000040}.updateBox{border-radius:18px;padding:14px 16px;display:flex;gap:10px;align-items:center;color:#cbd5e1}.topGrid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.regimePanel{border-radius:28px;padding:28px;background:radial-gradient(circle at top left,rgba(16,185,129,.25),transparent 35%),#0f172adb}.panelTop{display:flex;justify-content:space-between;gap:20px}.panelLabel{color:#6ee7b7;font-size:12px;letter-spacing:.24em;text-transform:uppercase}.regimeTitle{font-size:clamp(44px,7vw,82px);font-weight:800;margin-top:18px}.scoreBox{text-align:right}.scoreBox span,.metric span,.small span,.rsBox span{display:block;color:#94a3b8;font-size:12px}.scoreBox strong{display:block;color:#6ee7b7;font-size:54px;margin-top:6px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.metric{border-radius:18px;padding:16px}.metric strong{display:block;font-size:26px;margin-top:6px}.good,.green{color:#6ee7b7}.bad,.red{color:#fca5a5}.gaugePanel,.heatmapPanel,.panel{border-radius:28px;padding:24px}.cardTitle{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:700;margin-bottom:24px}.gaugeTrack{height:20px;border-radius:999px;position:relative;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e)}.gaugeDot{position:absolute;top:-8px;width:36px;height:36px;border-radius:999px;background:#fff;border:5px solid #020617;box-shadow:0 12px 25px #00000073}.gaugeLabels{display:flex;justify-content:space-between;color:#94a3b8;font-size:12px;margin-top:16px}.interpretation{margin-top:28px;border:1px solid rgba(51,65,85,.9);background:#02061773;border-radius:18px;padding:18px}.interpretation span{color:#94a3b8;font-size:12px}.interpretation strong{display:block;font-size:22px;margin-top:8px;color:#6ee7b7}.sectionHeader{display:flex;justify-content:space-between;margin-bottom:18px}.sectionHeader h2{margin:0}.heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sectorCard{min-height:145px;border-radius:22px;padding:16px;border:1px solid}.flowPos5{background:#10b98157;border-color:#6ee7b7f2;box-shadow:inset 0 0 28px #10b98129}.flowPos4{background:#10b98145;border-color:#6ee7b7c7}.flowPos3{background:#10b98133;border-color:#10b9819e}.flowPos2{background:#10b98121;border-color:#10b9816b}.flowPos1{background:#10b98114;border-color:#10b98147}.flowNeg5{background:#ef44445c;border-color:#fca5a5f2;box-shadow:inset 0 0 28px #ef44442e}.flowNeg4{background:#ef444447;border-color:#fca5a5c7}.flowNeg3{background:#ef444433;border-color:#ef44449e}.flowNeg2{background:#ef444421;border-color:#ef44446b}.flowNeg1{background:#ef444414;border-color:#ef444447}.flowNeutral{background:#3341558c;border-color:#64748b8c}.sectorTop{display:flex;justify-content:space-between;gap:8px}.sectorTop strong{display:block;font-size:28px}.sectorTop span{color:#cbd5e1;font-size:12px}.sectorTop em{font-style:normal;font-size:10px;color:#cbd5e1;background:#02061773;border-radius:999px;padding:6px 8px;height:fit-content}.sectorMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.small{background:#02061759;border-radius:12px;padding:9px}.small strong{display:block;font-size:13px;margin-top:5px}.bottomGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.rank{display:flex;justify-content:space-between;align-items:center;background:#02061773;border:1px solid rgba(51,65,85,.9);border-radius:18px;padding:14px;margin-bottom:12px}.rankLeft{display:flex;gap:12px;align-items:center}.rankLeft>span{width:30px;height:30px;border-radius:999px;background:#1e293b;display:grid;place-items:center;color:#94a3b8}.rank em{display:block;font-style:normal;color:#94a3b8;font-size:12px}.rsBox{background:#02061773;border:1px solid rgba(51,65,85,.9);border-radius:18px;padding:16px;margin-bottom:12px}.rsBox div{display:flex;justify-content:space-between;align-items:end;margin-top:8px}.rsBox strong{font-size:32px}.rsBox em{font-style:normal;font-weight:700}.loading,.error{padding:18px;border-radius:16px;background:#0f172acc;border:1px solid rgba(100,116,139,.55)}.error{color:#fca5a5;margin-bottom:16px}@media (max-width: 1000px){.topGrid,.bottomGrid{grid-template-columns:1fr}.heatmap,.metricGrid{grid-template-columns:repeat(2,1fr)}.panelTop,.header{flex-direction:column;align-items:flex-start}.scoreBox{text-align:left}}@media (max-width: 560px){.page{padding:16px}.heatmap{grid-template-columns:1fr}}@media (max-width: 1200px){.heatmap{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.page{padding:14px}.regimeTitle{font-size:52px}.scoreBox strong{font-size:42px}.metricGrid,.heatmap{grid-template-columns:repeat(2,1fr)}.sectorCard{min-height:130px}.sectorTop strong{font-size:24px}}@media (max-width: 480px){h1{font-size:34px}.regimeTitle{font-size:42px}.heatmap,.metricGrid{grid-template-columns:1fr}.updateBox{width:100%;justify-content:space-between}}.winnerValue,.loserValue,.relativeValue{font-size:34px;font-weight:800;letter-spacing:-1px}.winnerCard strong,.loserCard strong,.relativeCard strong{font-size:42px;font-weight:900}.winnerCard,.loserCard,.relativeCard{min-height:110px}.timelinePanel{margin-top:20px;border-radius:28px;padding:24px;border:1px solid rgba(100,116,139,.55);background:#0f172ac7;box-shadow:0 18px 50px #00000040}.timelineWrap{position:relative;height:260px;border-radius:22px;background:linear-gradient(180deg,rgba(16,185,129,.08),transparent 45%),linear-gradient(0deg,rgba(239,68,68,.08),transparent 45%),#02061773;border:1px solid rgba(51,65,85,.9);overflow:hidden;padding:18px}.timelineZero{position:absolute;left:18px;right:18px;top:50%;height:1px;background:#94a3b873}.timelineDot{position:absolute;width:15px;height:15px;border-radius:999px;transform:translate(-50%,50%);border:2px solid #020617;box-shadow:0 0 18px #00000073}.timelineDot span{position:absolute;transform:translate(-50%,-28px);left:50%;white-space:nowrap;font-size:11px;color:#cbd5e1;background:#020617bf;border:1px solid rgba(51,65,85,.9);border-radius:8px;padding:3px 6px}.dotPositive{background:#22c55e}.dotNegative{background:#ef4444}.timelineLabels{position:absolute;left:18px;right:18px;bottom:10px;display:flex;justify-content:space-between;color:#94a3b8;font-size:12px}.timelineEmpty{padding:22px;border-radius:18px;color:#94a3b8;background:#02061773;border:1px solid rgba(51,65,85,.9)}.liveDot{width:11px;height:11px;border-radius:999px;background:#22c55e;box-shadow:0 0 18px #22c55ee6}.liveLabel{font-size:11px;color:#6ee7b7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.updateBox strong{font-size:18px}.timelineWrap{position:relative;height:280px;padding:28px 42px 42px}.timelineSvg{position:absolute;left:42px;right:42px;top:28px;bottom:42px;width:calc(100% - 84px);height:calc(100% - 70px);overflow:visible}.zeroLine{stroke:#94a3b873;stroke-width:.4}.regimeLine{fill:none;stroke:#f87171f2;stroke-width:.9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(248,113,113,.45))}.timelineDot{width:14px;height:14px;transform:translate(-50%,-50%);z-index:3}.timelineDot span{font-size:12px;font-weight:700;transform:translate(-50%,-32px);padding:4px 8px}.timelineAxis{position:absolute;left:42px;right:42px;bottom:14px;display:flex;justify-content:space-between;color:#94a3b8;font-size:12px}.gridLine{stroke:#94a3b81a;stroke-width:.25;vector-effect:non-scaling-stroke}.zeroLine{stroke:#94a3b88c;stroke-width:.45;vector-effect:non-scaling-stroke}.timelineDot{width:9px;height:9px;opacity:.55}.lastDot{width:18px;height:18px;opacity:1;z-index:5;box-shadow:0 0 22px #f87171bf}.lastDot span{display:block;font-size:13px;font-weight:900;transform:translate(-50%,-36px);padding:5px 10px}.timelineScale{position:absolute;left:10px;top:24px;bottom:44px;display:flex;flex-direction:column;justify-content:space-between;color:#64748b;font-size:11px}.timelineDot{margin-left:42px;margin-top:28px}.timelineDot{left:calc(42px + (var(--x, 0) * (100% - 84px) / 100));top:calc(28px + (var(--y, 0) * (100% - 70px) / 100))}.timelineDot{display:none!important}.svgLastPositive{fill:#22c55e;stroke:#fff;stroke-width:.4;vector-effect:non-scaling-stroke}.svgLastNegative{fill:#ef4444;stroke:#fff;stroke-width:.4;vector-effect:non-scaling-stroke}.lastValueLabel{position:absolute;left:calc(42px + (var(--x, 0) * (100% - 84px) / 100));top:calc(28px + (var(--y, 0) * (100% - 70px) / 100));transform:translate(-50%,-38px);z-index:6;font-size:13px;font-weight:900;color:#e5e7eb;background:#020617e0;border:1px solid rgba(148,163,184,.55);border-radius:9px;padding:5px 10px;box-shadow:0 8px 22px #00000059}.regimeStrongGreen{color:#22c55e!important}.regimeLightGreen{color:#86efac!important}.regimeNeutralGray{color:#cbd5e1!important}.regimeLightRed{color:#fca5a5!important}.regimeStrongRed{color:#ef4444!important}.labelGreen{color:#6ee7b7!important}.labelRed{color:#f87171!important}.labelGray{color:#cbd5e1!important}.vixLine{fill:none;stroke:#3b82f6f2;stroke-width:.55;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(59,130,246,.35))}.timelineLegend{margin-top:-8px;margin-bottom:18px;font-size:13px;opacity:.9}.topNav{display:flex;gap:12px;margin-top:14px}.topNav a{color:#cbd5e1;text-decoration:none;border:1px solid rgba(100,116,139,.55);border-radius:999px;padding:8px 13px;background:#0f172ab3;font-size:13px}.topNav a:hover{border-color:#6ee7b7b3;color:#6ee7b7}.historyPanel{border-radius:28px;padding:24px;border:1px solid rgba(100,116,139,.55);background:#0f172ac7;box-shadow:0 18px 50px #00000040}.historyControls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.historyControls select{background:#020617;color:#e5e7eb;border:1px solid rgba(100,116,139,.7);border-radius:14px;padding:10px 14px}.historyStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.historyTableWrap{overflow-x:auto}.historyTable{width:100%;border-collapse:collapse;font-size:14px}.historyTable th,.historyTable td{padding:12px 10px;border-bottom:1px solid rgba(51,65,85,.8);text-align:left}.historyTable th{color:#94a3b8;font-weight:600}@media (max-width: 800px){.historyControls{flex-direction:column;align-items:flex-start}.historyStats{grid-template-columns:repeat(2,1fr)}}.historyChartBox{margin-bottom:24px;border:1px solid rgba(100,116,139,.55);background:#02061759;border-radius:22px;padding:20px}.historyChartHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.historyChartHeader h3{margin:0 0 6px;font-size:20px}.historyChartHeader p{margin:0;font-size:13px}.legendRed{color:#f87171}.legendBlue{color:#3b82f6}.historyChartLast{color:#94a3b8;font-size:12px;text-align:right}.historyChartLast strong{display:block;margin-top:4px;font-size:28px;color:#e5e7eb}.historyChart{position:relative;height:320px;border-radius:18px;background:linear-gradient(180deg,rgba(16,185,129,.07),transparent 45%),linear-gradient(0deg,rgba(239,68,68,.08),transparent 45%),#02061773;border:1px solid rgba(51,65,85,.9);padding:26px 38px 42px 52px}.historyChart svg{width:100%;height:100%;overflow:visible}.historyRegimeLine{fill:none;stroke:#f87171f2;stroke-width:.85;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(248,113,113,.4))}.historyVixLine{fill:none;stroke:#3b82f6e6;stroke-width:.55;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(59,130,246,.35))}.historyYAxis{position:absolute;left:14px;top:26px;bottom:42px;display:flex;flex-direction:column;justify-content:space-between;color:#94a3b8;font-size:12px}.historyXAxis{position:absolute;left:52px;right:38px;bottom:14px;display:flex;justify-content:space-between;color:#94a3b8;font-size:12px}.historyChartEmpty{margin-bottom:20px;padding:18px;border-radius:18px;color:#94a3b8;background:#02061773;border:1px solid rgba(51,65,85,.9)}@media (max-width: 800px){.historyChartHeader{flex-direction:column}.historyChartLast{text-align:left}}.statusCluster{display:flex;gap:12px;align-items:stretch}.marketStatusBox{border-radius:18px;padding:14px 16px;min-width:210px;border:1px solid rgba(100,116,139,.55);background:#0f172ac7;box-shadow:0 18px 50px #00000040}.marketStatusLabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:800}.marketStatusBox strong{font-size:15px;color:#e5e7eb}.marketOpen .marketStatusLabel{color:#6ee7b7}.marketClosed .marketStatusLabel{color:#f87171}.marketOpen{border-color:#22c55e73}.marketClosed{border-color:#ef444473}@media (max-width: 800px){.statusCluster{width:100%;flex-direction:column}.marketStatusBox{width:100%}}