.chain-notice{padding:12px var(--gut);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-align:center;margin-top:0;color:var(--ink2)}
.top{max-width:100vw}.top .brand{flex-shrink:0}.top .top-r{flex-shrink:0}
.hero{padding-top:56px}.status-error{color:#b72828}.chain-notice a{text-decoration:underline}
button:disabled{opacity:.45;cursor:not-allowed}.empty a{text-decoration:underline}

.trade-form input,.trade-form select{width:100%;background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:8px;color:var(--ink);font:inherit}
.trade-form{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:16px}.trade-form label{display:block;margin:12px 0;font-size:14px}.trade-form .tabs{margin-bottom:16px}.quote{font-size:14px;line-height:1.8;margin:12px 0}.trade-form .btn{width:100%}
.tx-status{overflow-wrap:anywhere;font-size:14px;margin-top:12px}.tx-status a{text-decoration:underline}.modal-card{max-height:90dvh;overflow-y:auto}.wallet-choice{display:block;width:100%;margin:12px 0}.notice{font-size:14px;padding:14px;background:var(--bg2);border-radius:8px}.nd-coins-more{margin-top:12px}.foot{flex-wrap:wrap}.top .nav{gap:20px}.nav a{font-size:12px}.top .btn-sm{padding:12px 18px;font-size:11px}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1200px){.top .hide-sm{display:none}.top .nav{gap:14px}.top .brand{font-size:20px}.top{gap:14px}}
@media(max-width:800px){.chain-notice{margin-top:0;font-size:12px;padding:10px 16px}.hero{padding-top:32px}.top .nav a{font-size:16px}}