:root{--bg:#000;--card:#1c1c1e;--sep:#2c2c2e;--txt:#fff;--mut:#8e8e93;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--blue:#0a84ff}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#app{max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 24px)}
.top{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}
.title{font-size:34px;font-weight:700;letter-spacing:.3px}
.badge{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,159,10,.18);color:var(--orange)}
.badge.live{background:rgba(48,209,88,.18);color:var(--green)}
.pill{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(10,132,255,.2);color:var(--blue);margin-left:6px;vertical-align:middle}
.card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:14px}
.label{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.balance{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}
.pnl{font-size:15px;font-weight:600;margin:2px 0 10px;font-variant-numeric:tabular-nums}
.up{color:var(--green)}.down{color:var(--red)}
canvas{width:100%;height:120px;display:block}
.muted{color:var(--mut)}.small{font-size:12px;margin-top:6px}
.big{font-size:22px;font-weight:600;margin:40px 0 6px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--sep)}
.list li:first-child{border-top:0}
.list .t{font-weight:600}.list .s{color:var(--mut);font-size:13px}
.list .r{text-align:right;font-variant-numeric:tabular-nums;font-size:15px}
.hidden{display:none!important}
.skel{background:linear-gradient(90deg,#1c1c1e,#2c2c2e,#1c1c1e);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:10px;height:22px;margin:12px 0}
.skel.w60{width:60%;height:44px}.skel.w40{width:40%}.skel.chart{height:140px}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}