:root{color-scheme:dark;--paper:#060b17;--surface:#101d34;--line:rgba(146,188,242,.25);--fg:#e9f1fa;--muted:#b5c9dc;--glow:#62e3ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(130% 65% at 45% -5%,#17385c 0%,#091425 53%,#050b14 100%);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
a{color:#85d7ff}a:focus-visible,button:focus-visible{outline:3px solid #ffd580;outline-offset:3px}
header{border-bottom:1px solid var(--line);background:rgba(9,21,41,.92);position:relative;z-index:1}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:16px}
.brand{color:white;font-weight:800;font-size:clamp(1.05rem,2.5vw,1.45rem);letter-spacing:.1em;text-decoration:none}
.brand span{color:#62e3ff}
.back{font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;text-decoration:none;color:var(--fg)}
main{padding-top:30px;padding-bottom:40px}
.kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:#94dfff;margin:.2rem 0}
h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.13;margin:.3rem 0 .65rem;font-weight:780;color:white}
.lead{font-size:1rem;color:var(--muted);margin:.5rem 0 1.2rem;max-width:70ch}
.market-nav{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 20px}
.market-nav a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--fg);font-weight:700;text-decoration:none;background:rgba(255,255,255,.05)}
.market-nav a[aria-current=page]{border-color:#6ef3ca;background:rgba(98,227,255,.19)}
.market-nav a:hover{background:rgba(98,227,255,.16)}
.mchart{border:1px solid var(--line);border-radius:18px;padding:clamp(14px,2vw,24px);background:rgba(9,21,41,.7)}
#ml-box{min-height:220px}
.mchart .ml-gw{height:clamp(380px,65vh,680px)!important}
.mchart .ml-pre-g{height:clamp(180px,32vh,240px)!important}
.note{font-size:.89rem;color:var(--muted);margin:20px 0 0;line-height:1.6}
footer{border-top:1px solid var(--line);color:#a4b8cc;font-size:.82rem;padding:24px 0 40px}
footer a{color:#9edbff}
@media(max-width:600px){header .wrap{padding-block:11px}main{padding-top:20px}.market-nav{gap:7px}.market-nav a{padding:8px 12px;font-size:.83rem}.mchart{padding:12px}.mchart .ml-gw{height:410px!important}}