:root{--bg:#07111f;--panel:#101d2e;--line:#203249;--text:#e9f1fb;--muted:#8da2bb;--green:#42d392;--red:#ff6b75;--gold:#f7c65a;--blue:#5aa8ff;--purple:#a879ff}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 80% -10%,#15304d 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}
header,main,footer{max-width:1280px;margin:auto;padding:24px}
header{display:flex;justify-content:space-between;align-items:center}
small{color:var(--blue);letter-spacing:.08em}
h1{margin:.2rem 0;font-size:30px}
h2{font-size:17px;margin:0 0 8px}
p{color:var(--muted);margin:.35rem 0 1rem}
button{background:var(--blue);border:0;padding:10px 16px;border-radius:9px;color:white;font-weight:700;cursor:pointer}
section,article{background:rgba(16,29,46,.92);border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0}
.hero{display:flex;align-items:center;gap:24px}
.score{font-size:38px;font-weight:800;color:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.forecast-cards{grid-template-columns:repeat(4,1fr);margin:14px 0 18px}
.card{background:#0b1727;border:1px solid var(--line);padding:14px;border-radius:10px}
.price{font-size:25px;font-weight:750}
.muted{color:var(--muted)}
.up{color:var(--green)}
.down{color:var(--red)}
.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;background:none;border:0;padding:0}
.grid article{margin:0}
.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.legend{color:var(--muted);white-space:nowrap}
.dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 5px 0 12px}
.up-bg{background:var(--green)}
.down-bg{background:var(--red)}
.forecast-bg{background:var(--purple)}
.chart-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.chart-caption{color:var(--muted);font-size:12px;margin-top:8px}
.meter{height:5px;background:#1f3047;border-radius:9px;margin:10px 0 6px;overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple))}
.model-note{padding:12px;background:#0b1727;border-radius:8px}
.final-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{padding:9px;border-bottom:1px solid var(--line);text-align:right}
th:first-child,td:first-child{text-align:left}
th{color:var(--muted);font-weight:600}
.pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#1c3048}
footer{text-align:center;color:var(--muted)}
.chart-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:10px 0}
.chart-tools button{padding:7px 11px;background:#1c3048}
.tabs{display:flex;gap:6px;margin-right:auto}
.tabs button.active{background:var(--blue)}
.interactive canvas{cursor:grab;touch-action:none}
.interactive canvas:active{cursor:grabbing}
.fusion-summary{display:flex;gap:18px;align-items:center;padding:12px 0}
.fusion-score{font-size:30px;font-weight:800;color:var(--gold)}
@media(max-width:900px){.forecast-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){.cards,.grid,.forecast-cards,.final-grid{grid-template-columns:1fr}
header,.section-title{align-items:flex-start}
.legend{display:none}
table{font-size:12px}
section{overflow:hidden}
header{gap:15px}
.chart-wrap{overflow-x:auto}
}