:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1018;color:#e8f0f4}*{box-sizing:border-box}body{margin:0}.shell{max-width:1540px;margin:auto;padding:28px 30px 60px}header,.panelHead{display:flex;justify-content:space-between;align-items:center;gap:18px}header{margin-bottom:22px}.eyebrow,.hint{font-size:11px;letter-spacing:.13em;color:#7b95a7;font-weight:700}.eyebrow{margin-bottom:9px}h1{font-size:29px;letter-spacing:-.04em;margin:0 0 8px}h2{font-size:16px;margin:0;font-weight:650}.muted,.note{color:#8da3b1}.muted{font-size:13px}.banner{padding:12px 16px;background:#15242b;border:1px solid #2c5661;border-radius:10px;margin-bottom:16px;color:#bddde1;font-size:13px}.banner.bad{background:#2e1e21;border-color:#70404a;color:#f3c1c7}.banner.good{background:#162923;border-color:#315e4c;color:#b4dec7}main{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.panel{background:#121b26;border:1px solid #253542;border-radius:14px;padding:18px;box-shadow:0 10px 35px #0002}.markets{height:700px;display:flex;flex-direction:column;min-height:0}.markets .panelHead{align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}.marketList{overflow:auto;min-height:0}.market{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#d8e4eb;padding:12px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.market:hover{background:#1d2b38}.market.active{background:#173e40;border-color:#327a72}.market small{display:block;color:#86a1b0;font-size:11px;margin-top:4px}.market strong{color:#8be3bb;white-space:nowrap;font-size:13px}.trade{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.trade>.panel:first-child{min-height:410px}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.top{font-size:26px;font-weight:650;margin-top:6px;white-space:nowrap}.bookGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bookTitle{font-size:12px;color:#91a7b4;margin-bottom:8px}.levels{font-variant-numeric:tabular-nums}.level{display:flex;justify-content:space-between;padding:6px 9px;border-radius:4px;font-size:13px;background:linear-gradient(90deg,#19473544 var(--fill),transparent var(--fill))}#asks .level{background:linear-gradient(90deg,#62303644 var(--fill),transparent var(--fill))}.level span:first-child{color:#a7dfc3}#asks .level span:first-child{color:#e7a2ad}.orderPanel h2{margin-bottom:18px}.fields{display:grid;gap:14px}label{font-size:12px;color:#9db1bc;display:block;position:relative}input{display:block;width:100%;margin-top:6px;border:1px solid #354958;background:#0e1720;color:#e9f2f6;padding:11px 12px;border-radius:8px;outline:none;font:inherit}input:focus{border-color:#63b8ae}input[type=search]{max-width:200px;margin:0}.suffix{position:absolute;right:12px;bottom:12px;color:#9db1bc}.buttons{display:grid;gap:9px;margin-top:20px}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:10px 13px}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:#5bcc9a;color:#0a2019;font-weight:700}.primary:hover:not(:disabled){background:#82dfb2}.primary.maker{background:#3b90ae;color:#f5feff}.primary.maker:hover:not(:disabled){background:#58acc6}.secondary{background:#1b2a37;color:#d4e4ea;border-color:#344a59}.secondary:hover{background:#254053}.small{font-size:12px;padding:6px 9px}.note{line-height:1.5;font-size:11px;margin:15px 0 0}.actionMessage{font-size:12px;min-height:18px;margin-top:12px}.actionMessage.error{color:#eeacb5}.badge{padding:5px 9px;border-radius:999px;background:#283a46;color:#a9c9d1;font-size:11px;white-space:nowrap}.orders{margin-top:16px}.orderList{margin-top:14px}.order{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:13px 0;border-top:1px solid #263640;font-size:13px}.order:first-child{border-top:0}.order b{font-weight:650}.order small{display:block;color:#90a8b3;margin-top:5px}.empty{color:#8198a5;font-size:13px;padding:12px}.danger{color:#f1adb6}dialog{background:#15212c;color:#e9f2f6;border:1px solid #3e5a67;border-radius:14px;padding:24px;width:min(460px,calc(100% - 30px));box-shadow:0 25px 90px #000b}dialog::backdrop{background:#0009}dialog label{margin-top:18px}dialog .primary{margin-top:20px;width:100%}@media(max-width:1150px){.trade{grid-template-columns:1fr}.markets{height:700px}}@media(max-width:780px){.shell{padding:16px}main{grid-template-columns:1fr}.markets{height:300px}.trade{grid-template-columns:1fr}h1{font-size:23px}}