:root{--bg:#0f1115;--card:#1a1d24;--card2:#232733;--text:#e8eaed;--muted:#9aa0aa;--accent:#4f8cff;--good:#36c08a;--bad:#e2574c;--warn:#e0a83b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}.app{padding:calc(16px + env(safe-area-inset-top)) 14px 120px;max-width:640px;margin:0 auto}h1{font-size:20px;margin:4px 0 14px}h2{font-size:16px;margin:18px 0 8px;color:var(--text)}.card{background:var(--card);border-radius:14px;padding:14px;margin-bottom:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.row+.row{border-top:1px solid hsla(0,0%,100%,.05)}.muted{color:var(--muted)}.big{font-size:30px;font-weight:700}.indices{display:flex;gap:10px}.idx{flex:1 1;background:var(--card2);border-radius:12px;padding:12px;text-align:center}.idx .val{font-size:24px;font-weight:700}.idx .lbl{margin-top:2px}.idx .lbl,.pill{font-size:12px;color:var(--muted)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--card2)}.pill.good{background:rgba(54,192,138,.16);color:var(--good)}.pill.bad{background:rgba(226,87,76,.16);color:var(--bad)}.tabs{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;background:#1b1f27;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:6px 4px;box-shadow:0 8px 28px rgba(0,0,0,.45);max-width:620px;margin:0 auto}.tab{flex:1 1;text-align:center;padding:8px 2px;font-size:11px;color:var(--muted);background:none;border:none;cursor:pointer;border-radius:12px}.tab.active{background:rgba(79,140,255,.12);color:var(--accent)}.tab .ic{font-size:18px;display:block}input,select{background:var(--card2);border:1px solid hsla(0,0%,100%,.08);color:var(--text);border-radius:10px;padding:9px 11px;font-size:15px;width:100%}button.primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:15px;cursor:pointer;width:100%;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.bar{height:8px;background:var(--card2);border-radius:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.loading{color:var(--muted);padding:40px 0}.err,.loading{text-align:center}.err{color:var(--bad);padding:30px 0}