:root{--bg:#000;--pan:#12161f;--pan2:#1d2433;--line:#2a3345;--txt:#f1f3f7;--mut:#9aa3b5;--up:#22c55e;--dn:#ef4444;--acc:#3b82f6;--or:#f97316}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.4 -apple-system,Segoe UI,Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit;color:var(--txt);background:var(--pan2);border:1px solid var(--line);border-radius:8px;padding:9px 11px}
button{cursor:pointer}button.pri{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}button.ghost{background:transparent;border-color:transparent}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:#000;border-bottom:1px solid var(--line)}
.bar .tt{font-weight:700;font-size:17px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:none;border:0;padding:4px}
.st{font-size:11px;color:var(--mut);padding:4px 12px}.st.warn{color:#f59e0b}
.cols,.row{display:flex;align-items:center;gap:6px;padding:0 12px}
.cols{position:sticky;top:53px;z-index:4;background:#000;color:var(--mut);font-size:12px;padding-top:4px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.row{min-height:46px;border-bottom:1px solid #161b26;cursor:pointer}.row:active{background:var(--pan2)}
.fl{width:14px;flex:none}.nm{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c{width:74px;flex:none;text-align:right;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.c.s{width:62px}
.up{color:var(--up)}.dn{color:var(--dn)}.mut{color:var(--mut)}
.sec{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;text-align:center;background:var(--pan);border-left:3px solid transparent}
.sec .n{flex:1}.sec button{padding:2px 9px;background:transparent;border:0;color:var(--mut)}
.pad{padding:12px}.card{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}
.price{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.er{display:flex;gap:8px;font-size:14px;padding:2px 0;font-variant-numeric:tabular-nums}.er .l{width:118px;color:var(--mut)}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;position:sticky;top:53px;background:#000;z-index:4}.tabs button{flex:none;border-radius:999px;padding:6px 14px}.tabs button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.chip{border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px}
.br{display:flex;align-items:center;gap:6px;font-size:13px;margin:4px 0}.bl{width:46%;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt{flex:1;height:7px;background:var(--pan2);border-radius:4px;overflow:hidden}.bt i{display:block;height:100%;background:var(--acc)}.bv{width:54px;flex:none;text-align:right}
.nw{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--txt);text-decoration:none}.nw small{display:block;color:var(--mut);margin-top:2px}
iframe.chart{display:block;width:100%;height:calc(100dvh - 190px);min-height:380px;border:0}
.load{padding:30px;text-align:center;color:var(--mut)}.err{color:#fca5a5;padding:12px}
.login{max-width:340px;margin:18vh auto 0;padding:16px;display:grid;gap:10px}.login h1{font-size:22px;margin:0 0 6px}
.sheet{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.72);display:flex;align-items:flex-end}.sheet>div{width:100%;max-height:82dvh;overflow:auto;background:var(--pan);border-radius:14px 14px 0 0;padding:12px 12px calc(14px + env(safe-area-inset-bottom))}
.sheet button.it{display:block;width:100%;text-align:left;margin-bottom:6px;background:var(--pan2)}.sheet input,.sheet textarea{width:100%;margin-bottom:8px}.sheet textarea{height:130px}
.dots{display:flex;gap:9px;flex-wrap:wrap;margin:6px 0 10px}.dots button{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid transparent}