.mscoinWrap{display:block;max-width:1100px;margin:0 auto}

.mscoinTabs{display:flex;gap:10px;align-items:center;margin:0 0 14px 0;flex-wrap:wrap}
.msTab{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.16);color:rgba(255,255,255,.90);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
.msTab.active{border-color:rgba(0,229,255,.22);box-shadow:0 0 0 3px rgba(0,229,255,.10);background:linear-gradient(180deg,rgba(0,229,255,.08),rgba(124,58,237,.06))}
.mscoinPanel{animation:msFade .25s ease}
@keyframes msFade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.mscoinTop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.msCard{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.18));padding:14px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.msWide{grid-column:span 2}
.msCard .k{font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.65)}
.msCard .v{font-weight:1000;font-size:26px;margin-top:6px;line-height:1.15}
.msCard .s{margin-top:6px;font-size:12px;color:rgba(255,255,255,.65)}
.mscoinChartCard{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18));padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.mscoinChartHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
.mscoinChartHead .title{font-weight:1000;font-size:18px}
.mscoinChartHead .sub{font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}
.mscoinBtns{display:flex;gap:8px}
.msBtn{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.16);color:rgba(255,255,255,.90);border-radius:14px;padding:10px 12px;font-weight:900;cursor:pointer}
.msBtn.active{border-color:rgba(0,229,255,.22);box-shadow:0 0 0 3px rgba(0,229,255,.10);background:linear-gradient(180deg,rgba(0,229,255,.08),rgba(124,58,237,.06))}
.msBtn:hover{transform:translateY(-1px)}
.mscoinMini{margin-top:10px;opacity:.92}
.mscoinFooter{margin-top:12px}
.msNote{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.14);padding:12px;color:rgba(255,255,255,.82);font-size:13px}

.mscoinSectionTitle{font-weight:1000;font-size:18px;margin:8px 0 12px 2px}
.mscoinGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.mscoinTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mscoinBox{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18));padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.mscoinBoxHead{font-weight:1000;font-size:14px;margin-bottom:10px;color:rgba(255,255,255,.92)}
.msMuted{color:rgba(255,255,255,.65);font-size:13px}

.msBadgeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.msBadge{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.16);padding:12px}
.msBadge .t{font-weight:1000;font-size:13px}
.msBadge .k{margin-top:6px;font-size:11px;color:rgba(255,255,255,.65);letter-spacing:.04em}

.msJournal{display:flex;flex-direction:column;gap:10px}
.msJ{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.12);padding:12px}
.msJ .a{display:flex;gap:10px;align-items:baseline}
.msJ .a .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.msJ .a .t{font-weight:900}
.msJ .b{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;color:rgba(255,255,255,.70)}
.msJ .b .m{white-space:nowrap}
@media (max-width: 860px){
  .mscoinTop{grid-template-columns:repeat(2,1fr)}
  .mscoinGrid{grid-template-columns:repeat(2,1fr)}
  .msWide{grid-column:span 2}
  .mscoinTwoCol{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .mscoinTop{grid-template-columns:1fr}
  .mscoinGrid{grid-template-columns:1fr}
  .msWide{grid-column:span 1}
  .msBadgeGrid{grid-template-columns:1fr 1fr}
}