*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#0f172a}button,select{font:inherit}header{height:72px;background:#071426;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:20}header img{height:50px;max-width:180px;object-fit:contain}.status{font-size:11px;font-weight:800;color:#86efac}.ticker{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-bottom:1px solid #dbe3ee;position:sticky;top:72px;z-index:19}.ticker div{padding:8px 12px;border-right:1px solid #eef2f7;display:flex;gap:7px;align-items:center}.ticker span,.ticker em{font-size:9px}.ticker b{font-size:12px}.wrap{max-width:1600px;margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#071426,#12345b);color:#fff;border-radius:16px;padding:28px;display:flex;justify-content:space-between;align-items:center}.hero h1{margin:4px 0}.hero small,.hero p{opacity:.75}.heroLive{border:1px solid #365f8c;border-radius:10px;padding:10px}.section{margin-top:14px}.sectionHead{display:flex;justify-content:space-between;padding:8px 2px;font-size:11px}.marketGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stockGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.marketCard{background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:13px;text-align:left;display:flex;flex-direction:column;gap:5px}.marketCard>b{font-size:20px}.marketCard small{font-size:8px;color:#64748b}.marketCard.off{opacity:.55}.mcTop{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.toggle{border:0;background:#e2e8f0;border-radius:999px;padding:3px 7px;font-size:8px}.toggle.on{background:#dcfce7;color:#166534}.terminalBar{position:sticky;top:109px;z-index:15;background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:8px;display:flex;gap:8px;align-items:center}.terminalBar label{font-size:8px;font-weight:800}.terminalTitle{font-weight:900}.spot{margin-left:auto;display:flex;gap:8px;align-items:center}.spot small{font-size:8px}.oiNav{display:flex;gap:6px;margin:10px 0}.oiNav button,.filters button,.chartTabs button,.terminalBar button{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:6px 9px;font-size:9px}.oiNav .on,.filters .on,.chartTabs .on{background:#0f172a;color:#fff}.error{margin-top:8px;padding:10px;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;color:#b91c1c;display:flex;gap:10px}.engineStrip,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.engineStrip>div,.panel,.intelCards>div,.meter{background:#fff;border:1px solid #dbe3ee;border-radius:11px;padding:11px}.engineStrip span,.intelCards span,.meter>span,.cards span{font-size:8px;color:#64748b;font-weight:800}.engineStrip b,.cards strong{display:block;font-size:14px}.engineStrip small,.intelCards small{font-size:8px;color:#64748b}.meters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.meterBar{height:7px;background:#fee2e2;border-radius:999px;margin:8px 0;overflow:hidden}.meterBar i{display:block;height:100%;background:#86efac}.meter b{font-size:12px}.meter small{font-size:7px;color:#64748b}.panel{margin-top:10px}.intelCards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.filters{display:flex;justify-content:space-between;margin:10px 0}.filters>div{display:flex;gap:4px;align-items:center}.filters span{font-size:8px;font-weight:900}.chainWrap{overflow:auto;background:#fff;border:1px solid #dbe3ee;border-radius:10px}.chainWrap table{border-collapse:collapse;width:100%;min-width:1100px;font-size:8px}.chainWrap th,.chainWrap td{border-bottom:1px solid #eef2f7;padding:7px;text-align:center}.chainWrap thead{background:#f8fafc}.atmRow{background:#fff7ed}.opt{border:0;background:transparent;font-weight:900}.opt.ce{color:#059669}.opt.pe{color:#dc2626}.chartBox{background:#fff;border:1px solid #dbe3ee;border-radius:11px;overflow:hidden}.chartHead{padding:9px 11px;display:flex;justify-content:space-between}.chartTabs{display:flex;gap:4px;margin:8px 0}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:100}.modalCard{position:relative;background:#fff;border-radius:14px;padding:20px;width:min(680px,94vw)}.x{position:absolute;right:10px;top:10px}.detailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detailGrid>div{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.detailGrid span{font-size:8px;color:#64748b;display:block}.green{color:#059669!important}.red{color:#dc2626!important}.muted{color:#94a3b8!important}footer{text-align:center;padding:18px;font-size:8px;color:#64748b}@media(max-width:900px){.marketGrid,.stockGrid,.engineStrip,.meters,.cards{grid-template-columns:repeat(2,1fr)}.ticker{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.marketGrid,.stockGrid,.engineStrip,.meters,.cards,.intelCards{grid-template-columns:1fr}.ticker{grid-template-columns:repeat(2,1fr)}.wrap{padding:8px}.terminalBar{flex-wrap:wrap}.spot{margin-left:0}.filters{flex-direction:column;gap:6px}}