:root{--bg:#0b0d10;--card:#15181d;--fg:#e9edf2;--muted:#8a94a3;--green:#22c55e;--red:#ef4444;--orange:#f59e0b;--blue:#60a5fa}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
header{padding:calc(env(safe-area-inset-top) + 12px) 16px 8px}
.top{display:flex;justify-content:space-between;align-items:center}
.stack{font-size:38px;font-weight:700;margin-top:8px}.muted{color:var(--muted);font-size:13px;margin:2px 0}
.up{color:var(--green)}.down{color:var(--red)}
canvas{width:100%;display:block;margin-top:8px}
main{padding:0 16px 96px}.tab{display:none}.tab.active{display:block}
.card{background:var(--card);border-radius:14px;padding:12px 14px;margin:10px 0}
.card h3{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.big{font-size:22px;font-weight:600;margin:0}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--muted)}
.pill.red{color:var(--red);border-color:var(--red)}.pill.green{color:var(--green);border-color:var(--green)}
.bar{height:6px;background:#222831;border-radius:3px;overflow:hidden;margin-top:8px}.fill{height:100%;width:0;background:var(--green);transition:width .2s}
.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #1f242b}
.row .r{text-align:right}.btn{display:inline-block;background:var(--green);color:#000;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;margin:8px 0}
a{color:var(--blue)}table{width:100%;font-size:13px}td{padding:3px 0}td:last-child{text-align:right}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0f1216;border-top:1px solid #1f242b;padding-bottom:env(safe-area-inset-bottom)}
nav button{flex:1;background:none;border:0;color:var(--muted);padding:14px 0;font-size:14px}nav button.on{color:var(--fg)}
.legend{font-size:12px;color:var(--muted)}.sw{display:inline-block;width:14px;height:0;border-top:2px dashed var(--orange);vertical-align:middle;margin:0 4px}.sw.blue{border-top:2px solid var(--blue)}
.hidden{display:none}h2{font-size:16px;margin:18px 0 6px}