:root{--bg:#0f1218;--card:#181d26;--line:#2a3140;--tx:#e6e9ef;--mut:#8b94a7;--mcg:#4f8cff;--hg:#2fbf71;--htm:#ff8a3d;--bar:#2a3140;--gfill:#4f8cff;--mfill:#ff8a3d}
@media(prefers-color-scheme:light){:root{--bg:#f5f7fb;--card:#fff;--line:#dde2ea;--tx:#151a22;--mut:#5b6476;--bar:#e8ecf2}}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--tx)}
a{color:inherit}.banner{background:#b8860b;color:#111;text-align:center;padding:6px 12px;font-weight:600}
header{display:flex;gap:20px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line)}
header b{font-size:18px}header nav a{margin-right:14px;text-decoration:none;color:var(--mut)}
main{max-width:1200px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}.card h3{margin:0 0 8px;font-size:15px}
.chip{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;border:1px solid var(--line);margin:1px 3px 1px 0;color:var(--mut)}
.MCG{background:var(--mcg);color:#fff;border:0}.HG{background:var(--hg);color:#fff;border:0}.HTM{background:var(--htm);color:#111;border:0}
.controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
input,select{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:6px;padding:7px}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:10px;overflow:hidden}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{color:var(--mut);font-weight:500}tr:hover td{background:rgba(127,127,127,.08)}
.num{text-align:right}.pos{color:var(--hg)}.neg{color:#e5534b}
.tw{overflow-x:auto}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.kv span:nth-child(odd){color:var(--mut)}
.score{font-size:32px;font-weight:700;margin-bottom:6px}
.sbar{display:inline-flex;align-items:center;gap:6px}.sbar b{min-width:22px;text-align:right}
.sbar i{display:inline-block;width:56px;height:6px;background:var(--bar);border-radius:3px;overflow:hidden}
.sbar i span{display:block;height:100%;border-radius:3px}
.sbar.g i span{background:var(--gfill)}.sbar.m i span{background:var(--mfill)}
svg{width:100%;height:260px}
.top-row{display:flex;justify-content:space-between;gap:8px;margin:2px 0;font-size:13px}
.top-row a{text-decoration:none}.top-row a:hover{text-decoration:underline}
.note{background:var(--card);color:var(--mut);text-align:center;padding:5px 12px;font-size:12px;border-bottom:1px solid var(--line)}
.tog{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.cw{position:relative;touch-action:pan-y;padding-bottom:18px}
.mlab{position:absolute;left:0;right:0;bottom:0;height:16px;font-size:11px;color:var(--mut)}.mlab span{position:absolute;transform:translateX(2px);white-space:nowrap}
.tip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,.35);white-space:nowrap;z-index:2}
.cw{padding-right:52px}.mlab{right:52px}
.ylab{position:absolute;top:0;right:0;width:48px;height:420px;font-size:11px;color:var(--mut)}.ylab span{position:absolute;left:4px;transform:translateY(-50%);white-space:nowrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seg button{background:transparent;color:var(--mut);border:0;padding:2px 10px;font-size:12px;cursor:pointer}.seg button.on{background:var(--line);color:var(--tx)}
.mockl{font-size:11px;font-weight:600;color:#111;background:#f2c94c;border-radius:4px;padding:1px 6px}.biz p{margin:6px 0}
@media(max-width:600px){main{padding:12px}.cw{padding-right:40px}.mlab{right:40px}.ylab{width:38px}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:860px){.grid3{grid-template-columns:1fr}}
.bgrid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:8px 24px}@media(max-width:1000px){.bgrid[style*="--n:4"]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bgrid{grid-template-columns:1fr}}.bsec h4{margin:6px 0 2px;font-size:12px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.bsec p,.bsec ul{margin:0;font-size:13px}.bsec ul{padding-left:18px}
@media(max-width:600px){.mlab .mo{display:none}}
.lead{font-size:15px;max-width:900px}.bhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bhead small{font-size:11px;font-weight:400;color:var(--mut)}
.bsec h4{display:flex;align-items:center;gap:6px}.bsec.risk h4{color:#d9605a}.bsec li{margin:2px 0}
.pill{font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;padding:1px 7px;border-radius:99px;border:1px solid}.pill.wide{color:var(--hg)}.pill.narrow{color:#d4a017}.pill.emerging{color:var(--mcg)}
