:root{--bg:#0b0f17;--card:#141a26;--line:#222b3b;--tx:#e8edf5;--mut:#8a96ab;--gold:#d4a843;--up:#2ecc8f;--dn:#ff5d6c;--warn:#f5b942;--blue:#4f9dff}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--tx);font-family:'Segoe UI',system-ui,Arial,sans-serif;font-size:14px}
body{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.top{position:sticky;top:0;z-index:5;background:var(--bg);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.5px}.brand img{width:26px;height:26px;border-radius:6px}.brand b{color:var(--gold)}
main{padding:14px 16px}
.pill{font-size:11px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut);white-space:nowrap}
.pill.g{color:var(--up);border-color:#1f5c46;background:#10281f}.pill.y{color:var(--warn);border-color:#6b5320;background:#2a2210}.pill.r{color:var(--dn);border-color:#6b2830;background:#2a1217}.pill.paper{color:var(--blue);border-color:#27497a;background:#102038}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:11px}
.card.warn{border-color:#6b5320}
.h{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin-bottom:7px}
.title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin:0 0 8px}
.big{font-size:30px;font-weight:700}.up{color:var(--up)}.dn{color:var(--dn)}.mut{color:var(--mut)}.gold{color:var(--gold)}.small{font-size:12px}.tiny{font-size:11px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row>div{min-width:0}
.row .t{overflow-wrap:anywhere}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:640px;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0e1420;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center}
.nav a{flex:1;text-align:center;font-size:10px;color:var(--mut);text-decoration:none}.nav a i{display:block;font-style:normal;font-size:19px;margin-bottom:2px}.nav a.on{color:var(--gold)}
.bar{height:7px;border-radius:5px;background:#222b3b;overflow:hidden;margin-top:6px}.bar span{display:block;height:100%}
.tabs{display:flex;gap:6px;margin-bottom:11px;overflow-x:auto}.tabs button{flex:none;padding:6px 13px;border-radius:99px;background:var(--card);border:1px solid var(--line);font:inherit;font-size:12px;color:var(--mut);cursor:pointer}.tabs button.on{background:var(--gold);color:#1a1405;font-weight:600;border-color:var(--gold)}
.sp{display:flex;align-items:flex-end;gap:3px;height:46px}.sp i{flex:1;border-radius:2px;display:block;min-height:3px}
a.link,.link{color:var(--gold);cursor:pointer;text-decoration:none}
.menu .row{cursor:pointer;padding:13px 0}
input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:inherit;margin-bottom:9px}
.btn{display:block;text-align:center;padding:11px;border-radius:11px;background:var(--card);border:1px solid var(--line);color:var(--tx);cursor:pointer;font:inherit;width:100%}
.err{color:var(--dn)}
.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:6px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--mut);font-weight:500}
select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:inherit;margin-bottom:9px}
.btn.gold{background:var(--gold);color:#1a1405;font-weight:700;border-color:var(--gold)}
.btn:disabled{opacity:.5}
.card .btn{margin-bottom:8px}