*{box-sizing:border-box}body{margin:0;background:#0b0f17;color:#dde;font:14px -apple-system,system-ui,sans-serif;padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom)}
header{display:flex;gap:10px;align-items:center;padding:10px 4px;position:sticky;top:0;background:#0b0f17;z-index:5;flex-wrap:wrap}
.muted{color:#789}.disc{background:#2a1d00;border:1px solid #a70;padding:6px 8px;border-radius:8px;font-size:12px}
nav{display:flex;gap:6px;overflow-x:auto;padding:8px 0}nav button,.tf button{background:#162030;color:#dde;border:1px solid #2a3a50;border-radius:18px;padding:8px 14px;font-size:14px;min-width:56px}
nav button.on,.tf button.on{background:#0af;color:#000}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.card{background:#121a26;border:1px solid #223;border-radius:10px;padding:8px}.card.sel{border-color:#0af}
.g{font-size:26px;font-weight:700}.up{color:#2e8}.dn{color:#f45}
.panel{background:#10161f;border-radius:10px;padding:8px;margin:10px 0}.ch{width:100%;height:120px}.ch.big{height:300px}
h3,h4{margin:6px 0}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:3px;border-bottom:1px solid #223;text-align:left}
.bar{height:6px;background:#223;border-radius:3px;position:relative}.bar i{position:absolute;top:0;bottom:0;border-radius:3px}
@media(min-width:900px){body{max-width:1200px;margin:auto}.ch.big{height:420px}}