:root{--bg:#0b0f14;--panel:#121820;--panel2:#171f29;--line:#1f2a36;--ink:#e6edf3;--mute:#8b98a8;--dim:#5b6877;--up:#22c55e;--down:#ef4444;--acc:#38bdf8;--warn:#f59e0b;--r:14px;--r2:10px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}a{color:var(--acc);text-decoration:none}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.up{color:var(--up)}.down{color:var(--down)}.mute{color:var(--mute)}.dim{color:var(--dim)}.bar{z-index:10;padding:calc(10px + var(--safe-t)) 16px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0b0f14d9;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.brand svg{width:26px;height:26px}.badge{letter-spacing:.08em;border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.badge.live{color:#fff;background:var(--down);border-color:var(--down)}.badge.paper{color:var(--acc);border-color:#38bdf866}.badge.open{color:var(--up);border-color:#22c55e66}.wrap{max-width:1180px;padding:16px;padding-bottom:calc(24px + var(--safe-b));grid-template-columns:1fr;gap:16px;margin:0 auto;display:grid}.right{order:-1}.span2{order:-2}@media (min-width:900px){.wrap{grid-template-columns:1.25fr .9fr}.span2{grid-column:1/-1}.right{order:0}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}.card h2{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{background:var(--panel2);border-radius:var(--r2);padding:10px 12px}.stat .l{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.stat .v{margin-top:2px;font-size:20px;font-weight:700}table{border-collapse:collapse;width:100%}th{color:var(--dim);text-align:left;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:6px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 6px}tr:last-child td{border-bottom:0}td.r,th.r{text-align:right}.sym{cursor:pointer;font-weight:700}.sym small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;font-weight:400;display:block;overflow:hidden}.btn{border:1px solid var(--line);background:var(--panel2);border-radius:var(--r2);cursor:pointer;min-height:44px;padding:10px 14px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.sm{min-height:34px;padding:6px 10px;font-size:13px}.btn.buy{background:var(--up);border-color:var(--up);color:#04140a}.btn.sell{background:var(--down);border-color:var(--down);color:#fff}.btn.ghost{background:0 0}.field{gap:4px;display:grid}.field label{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.field input,.field select{background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);outline:none;width:100%;min-height:44px;padding:10px 12px}.field input:focus{border-color:var(--acc)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg{background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);padding:3px;display:flex}.seg button{cursor:pointer;color:var(--mute);background:0 0;border:0;border-radius:7px;flex:1;min-height:38px;padding:8px;font-weight:600}.seg button.on{background:var(--panel2);color:var(--ink)}.seg button.on.b{color:var(--up)}.seg button.on.s{color:var(--down)}.search{position:relative}.drop{z-index:5;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r2);max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:auto}.drop div{cursor:pointer;justify-content:space-between;gap:10px;padding:9px 12px;display:flex}.drop div:hover{background:var(--line)}.drop small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg{border-radius:var(--r2);background:var(--panel2);border:1px solid var(--line);padding:10px 12px;font-size:13px}.msg.err{color:#fca5a5;border-color:#ef444480}.msg.ok{color:#86efac;border-color:#22c55e80}.ipo{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ipo .ring{border:2px solid var(--acc);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative}.ipo .ring:after{content:"";border:2px solid var(--acc);opacity:0;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:-2px}@keyframes ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.ipo .ring.hit,.ipo .ring.hit:after{border-color:var(--up)}.ipo b{font-size:17px}.gate{place-items:center;min-height:100dvh;padding:24px;display:grid}.gate form{text-align:center;gap:14px;width:100%;max-width:360px;display:grid}.gate input{text-align:center;letter-spacing:.4em;font-size:22px}.pill{background:var(--line);color:var(--mute);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:11px;display:inline-block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scroll{overflow-x:auto}