:root{--bg: #0b0e13;--panel: #11151c;--panel-2: #161b24;--line: #222a36;--text: #e6ebf2;--muted: #8b95a7;--up: #33d6a6;--down: #f0616d;--accent: #6aa8ff;--radius: 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;color:var(--text);background:var(--bg);font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}h2{font-size:13px;font-weight:600;margin:0}.muted{color:var(--muted)}.up{color:var(--up)}.down{color:var(--down)}.splash{display:grid;place-items:center;height:100vh;color:var(--muted)}.splash.err{color:var(--down)}.top{display:flex;align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--up)}.brand .pill{font-size:11px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 8px}.markets{display:flex;gap:4px}.markets button{display:flex;flex-direction:column;align-items:flex-start;padding:4px 10px;border-radius:8px}.markets button span:first-child{font-weight:600}.markets button.on{background:var(--panel-2)}.markets button .muted{font-size:11px}.account{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel-2);padding:5px 9px;border-radius:8px}.dot{width:8px;height:8px;border-radius:50%}.dot.up{background:var(--up);box-shadow:0 0 6px var(--up)}.dot.down{background:var(--down)}.primary{background:var(--accent);color:#06101f;font-weight:600;padding:7px 14px;border-radius:8px}.ghost{border:1px solid var(--line);padding:6px 12px;border-radius:8px}.ghost:hover{background:var(--panel-2)}.grid{display:grid;gap:8px;padding:8px;grid-template-columns:minmax(0,1fr) 300px 300px;grid-template-rows:500px minmax(280px,auto);grid-template-areas:"chart book form" "account trades form"}.chart-panel{grid-area:chart}.book-panel{grid-area:book}.form-panel{grid-area:form}.account-panel{grid-area:account}.trades-panel{grid-area:trades}@media(max-width:1150px){.grid{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:460px auto auto auto;grid-template-areas:"chart book" "form trades" "account account"}}@media(max-width:760px){.grid{grid-template-columns:minmax(0,1fr);grid-template-rows:380px auto auto auto auto;grid-template-areas:"chart" "form" "book" "trades" "account"}.top{gap:10px}.account{margin-left:0}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);min-height:38px}.seg{display:flex;gap:2px;background:var(--bg);padding:2px;border-radius:8px}.seg button{padding:4px 10px;border-radius:6px;color:var(--muted)}.seg button.on{background:var(--panel-2);color:var(--text)}select{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 6px}.chart{flex:1;position:relative;min-height:0}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none;z-index:2}.book-cols,.book-row,.trade-cols,.trade-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:2px 12px}.book-cols,.trade-cols{font-size:11px;padding-top:6px;padding-bottom:6px}.book-cols span:not(:first-child),.book-row span:not(:first-child):not(.depth),.trade-cols span:not(:first-child),.trade-row span:not(:first-child){text-align:right}.book-side{flex:1;display:flex;flex-direction:column;overflow:hidden}.book-side.asks{justify-content:flex-end}.book-row{position:relative;width:100%;text-align:left;line-height:18px}.book-row:hover{background:var(--panel-2)}.book-row .depth{position:absolute;top:0;bottom:0;right:0;opacity:.14}.book-row.bid .depth{background:var(--up)}.book-row.ask .depth{background:var(--down)}.book-row.bid .px{color:var(--up)}.book-row.ask .px{color:var(--down)}.book-row>span{position:relative}.book-mid{display:flex;align-items:baseline;justify-content:space-between;padding:6px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.book-mid .last{font-size:16px;font-weight:600}.trade-list{overflow-y:auto;flex:1;max-height:320px}.trade-row{line-height:18px}.side-tabs{display:grid;grid-template-columns:1fr 1fr;margin:10px 12px 0;background:var(--bg);border-radius:8px;padding:2px}.side-tabs button{padding:8px;border-radius:6px;font-weight:600;color:var(--muted)}.side-tabs .buy.on{background:var(--up);color:#04150f}.side-tabs .sell.on{background:var(--down);color:#1a0508}.type-seg{margin:10px 12px 0;align-self:flex-start}form{display:flex;flex-direction:column;gap:10px;padding:12px}.avail{display:flex;justify-content:space-between}.field{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 10px;height:40px}.field:focus-within{border-color:var(--accent)}.field span{color:var(--muted);width:52px}.field input{flex:1;min-width:0;background:none;border:0;outline:none;text-align:right;font-size:14px}.field em{font-style:normal;color:var(--muted)}.field.static{justify-content:space-between}.field.static span{width:auto}.pcts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pcts button{border:1px solid var(--line);border-radius:6px;padding:4px 0;color:var(--muted)}.pcts button:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.submit{padding:11px;border-radius:8px;font-weight:700;font-size:14px}.submit.buy{background:var(--up);color:#04150f}.submit.sell{background:var(--down);color:#1a0508}.note{margin:0;font-size:12px}.note.ok{color:var(--up)}.note.err{color:var(--down)}.fine{margin:0;font-size:11px;color:var(--muted)}.tabs{justify-content:flex-start;gap:4px}.tabs>button{padding:4px 10px;border-radius:6px;color:var(--muted)}.tabs>button.on{color:var(--text);background:var(--panel-2)}.right{margin-left:auto}.link{color:var(--accent)}.link:hover{text-decoration:underline}.account-panel .note{padding:6px 12px}.table-wrap{overflow:auto;flex:1}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-weight:500;color:var(--muted);font-size:11px;padding:8px 12px;position:sticky;top:0;background:var(--panel)}td{padding:5px 12px;border-top:1px solid var(--line)}.empty{color:var(--muted);text-align:center;padding:24px 12px;margin:0}.testnet-banner{background:#3b2f05;color:#ffd66b;text-align:center;padding:6px 12px;font-size:12px;font-weight:500}.brand .pill.mainnet{color:var(--up);border-color:color-mix(in srgb,var(--up) 40%,transparent)}.brand .pill.testnet{color:#ffd66b;border-color:#5a4710}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto}.modal select{flex:1;text-align:right;border:0;background:none}.modal .field .link{width:auto}a{color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.note.warn{color:#ffd66b}.small{font-size:11px;white-space:normal}.note.strong{font-weight:600;font-size:13px}