:root{--bg:#000;--fg:#fff;--sec:rgba(235,235,245,.6);--ter:rgba(235,235,245,.3);--card:#1c1c1e;--green:#00d35a;--red:#ff453a;--orange:#ff9f0a}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%}
body{padding:env(safe-area-inset-top) calc(16px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(16px + env(safe-area-inset-left))}
.nav{height:44px;display:flex;align-items:center}
.title{font-size:17px;font-weight:600}
.err{background:var(--red);color:#fff;font-size:14px;padding:8px 12px;border-radius:10px;margin:4px 0}
.hero{padding:24px 0 12px}
.row{display:flex;align-items:center;gap:10px}
.balance{font-family:-apple-system,"SF Pro Display",system-ui,sans-serif;font-size:66px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.loading{background:var(--card);color:transparent;border-radius:12px;animation:pulse 1.2s infinite alternate}
@keyframes pulse{from{opacity:.5}to{opacity:1}}
.pill{font-size:13px;font-weight:600;padding:3px 9px;border-radius:999px}
.paper{background:var(--orange);color:#000}
.tick{display:inline-block;margin-top:8px;font-family:ui-monospace,"SF Mono",monospace;font-size:12px;color:var(--orange);border:1px solid var(--orange);border-radius:6px;padding:2px 6px}
.sub{color:var(--sec);font-size:15px;margin-top:8px;font-variant-numeric:tabular-nums}
.chart{width:100%;height:220px;display:block;margin-top:16px}
@media (prefers-reduced-motion:reduce){.loading{animation:none}}