@font-face{font-family:"Space Grotesk";src:url("../assets/space-grotesk/space-grotesk-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../assets/fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#141618;--surface:#1b1e20;--raised:#232729;--line:rgba(205,210,211,.18);--stone:#ececea;--mist:#b9bec0;--copper:#b99782;--danger:#d9a093}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--stone);font-family:"Space Grotesk",Arial,sans-serif}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 99.8%,rgba(205,210,211,.035) 100%) 0 0/12.5vw 100%,radial-gradient(ellipse at 65% 10%,#3a3d4066,transparent 58%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.skip-link{position:absolute;left:10px;top:-50px;background:var(--copper);color:var(--ink);padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.trade-header{height:70px;padding:0 3.5vw;display:flex;align-items:center;gap:3vw;border-bottom:1px solid var(--line);background:#141618e8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.075em;white-space:nowrap}.wordmark-dot{color:var(--copper);margin-left:-10px}.mark{height:22px;width:24px;display:flex;align-items:center;gap:2px;transform:skew(-14deg)}.mark i{width:5px;height:13px;background:var(--copper)}.mark i:nth-child(2){height:20px}.mark i:nth-child(3){height:10px}.trade-header nav{display:flex;gap:24px;margin-left:auto}.trade-header nav a,.chain-tag,.wallet-button,.eyebrow,.small-count,.panel-foot,.field-top,.quote-controls,.signing-note,.trade-footer,.network-readout,.loading-note{font-family:"JetBrains Mono",Consolas,monospace}.trade-header nav a{font-size:11px;text-transform:uppercase;color:var(--mist);white-space:nowrap}.trade-header nav a:hover,.trade-header nav a.on{color:var(--copper)}.header-actions{display:flex;align-items:center;gap:12px}.chain-tag{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:var(--mist)}.chain-tag i{width:6px;height:6px;background:var(--copper);box-shadow:0 0 0 4px #b9978226}.wallet-button{border:1px solid var(--copper);background:transparent;color:var(--stone);min-height:36px;padding:7px 12px;font-size:11px;white-space:nowrap}.wallet-button:hover{background:var(--copper);color:var(--ink)}
main{max-width:1640px;padding:0 4vw 90px;margin:auto}.trade-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:70px 0 48px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--copper)}h1,h2,p{margin-top:0}.trade-intro h1{font-size:clamp(54px,6.7vw,112px);line-height:.94;letter-spacing:-.075em;margin:20px 0 16px;font-weight:700}.trade-intro h1 em{font-style:normal;font-weight:400;color:var(--mist)}.intro-description{color:#d4d6d4;font-size:clamp(16px,1.35vw,20px);max-width:620px;margin:0}.network-readout{display:grid;gap:7px;min-width:205px;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:var(--mist)}.network-readout strong{font-family:"Space Grotesk",Arial,sans-serif;font-size:18px;color:var(--stone);font-weight:500}.network-readout small{font-size:9px;color:#979e9d}
.book-layout{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(330px,.77fr);gap:14px;align-items:start}.panel{min-width:0;border:1px solid var(--line);background:#1b1e20cc}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:clamp(26px,2.5vw,38px);letter-spacing:-.055em;line-height:1;margin:8px 0 0;font-weight:600}.small-count{font-size:10px;color:var(--mist);letter-spacing:.04em;text-align:right;white-space:nowrap}.panel-head>a,.panel-foot a{font:600 10px "JetBrains Mono",Consolas,monospace;color:var(--copper)}.panel-head>a:hover,.panel-foot a:hover{text-decoration:underline}.search-wrap{display:block;padding:16px 24px;border-bottom:1px solid var(--line)}.search-wrap input{width:100%;border:1px solid var(--line);background:#141618;color:var(--stone);outline:0;padding:12px 14px;font-size:13px}.search-wrap input::placeholder{color:#777e7f}.market-list{max-height:510px;overflow:auto;scrollbar-color:#666d70 #1b1e20}.market-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;padding:13px 24px;border:0;border-bottom:1px solid rgba(205,210,211,.10);background:transparent;color:var(--stone)}.market-item:hover,.market-item[aria-selected=true]{background:#303538}.market-item[aria-selected=true]{box-shadow:inset 3px 0 var(--copper)}.token-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#393f42;color:var(--mist);font-weight:700;font-size:13px}.market-item .name{display:grid;gap:4px;min-width:0}.market-item strong{font-size:16px}.market-item small{font-size:11px;color:#a8afad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-item .price{font:500 14px "JetBrains Mono",Consolas,monospace;color:#dedfdb}.market-item .price small{display:block;margin-top:5px;text-align:right;color:var(--copper);font-size:9px}.panel-foot{display:flex;justify-content:space-between;gap:12px;padding:17px 24px;font-size:9px;color:#9ba3a2}
.token-icon img{display:block;width:28px;height:28px;object-fit:contain}.token-icon img[src$="/SPY.png"],.token-icon img[src$="/QQQ.svg"]{width:31px;height:22px}
.swap-body{padding:23px 24px 26px}.token-field{border:1px solid var(--line);padding:15px;background:#171a1c}.token-field.output{background:#232729}.field-top{display:flex;justify-content:space-between;gap:10px;color:#b6bcba;font-size:10px;letter-spacing:.05em}.field-top span:last-child{color:#979e9d}.field-main{display:flex;align-items:center;gap:12px;margin-top:13px}.field-main input,.field-main output{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--stone);font-size:clamp(32px,3vw,43px);letter-spacing:-.06em}.field-main input::placeholder{color:#777f80}.field-main select{max-width:128px;min-width:108px;min-height:40px;padding:7px 9px;border:1px solid var(--line);background:#343a3d;color:var(--stone);font-weight:600;font-size:13px}.field-main option{background:#202426}.flip-button{display:block;width:35px;height:35px;border:1px solid var(--copper);background:#303538;color:var(--copper);font-size:20px;line-height:1;margin:-5px auto;position:relative;z-index:1}.flip-button:hover{background:var(--copper);color:var(--ink)}.quote-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;color:var(--mist);font-size:10px;letter-spacing:.03em}.quote-controls select{border:1px solid var(--line);background:#2a2e31;color:var(--stone);padding:7px 9px}.quote-status{min-height:29px;color:var(--mist);font-size:12px}.quote-status.error{color:var(--danger)}.quote-details{border-top:1px solid var(--line);margin:8px 0 19px}.quote-details>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(205,210,211,.10);font-size:12px}.quote-details>div span{color:#b6bcba}.quote-details>div strong{font-weight:500;text-align:right}.split-option{display:flex;align-items:center;gap:9px;padding:12px 0;color:var(--copper);font-size:12px}.split-option input{accent-color:var(--copper)}.trade-button{width:100%;min-height:50px;border:0;background:#dedfdd;color:var(--ink);font-weight:700;font-size:14px}.trade-button:hover:not(:disabled){background:#f0f0ed}.trade-button:disabled{background:#50565a;color:#b5bab8}.signing-note{color:#999f9f;font-size:9px;line-height:1.5;margin:13px 0 0}.transaction-status{border:1px solid var(--line);background:#313638;color:var(--stone);padding:12px;margin-top:15px;font-size:12px;line-height:1.5}.transaction-status.error{border-color:#d9a09370;color:var(--danger)}.transaction-status a{color:var(--copper);text-decoration:underline}
.depth-panel,.fills-panel{margin-top:14px}.depth-content,.fills-content{padding:7px 24px 19px}.loading-note{color:#9ba3a2;font-size:11px;padding:18px 0;margin:0}.depth-row,.fill-row{display:grid;grid-template-columns:1.1fr .8fr .8fr .6fr;gap:14px;align-items:center;min-height:57px;border-bottom:1px solid rgba(205,210,211,.10);font-size:13px}.depth-row:last-child,.fill-row:last-child{border-bottom:0}.depth-row strong,.fill-row strong{font-weight:600}.depth-row span,.fill-row span{color:#b3b9b8}.depth-row .best{color:var(--copper)}.depth-head,.fills-head{font:600 9px "JetBrains Mono",Consolas,monospace;letter-spacing:.06em;color:#969d9b}.fill-row a{color:var(--copper)}.fill-row{grid-template-columns:1fr 1fr 1fr auto}.trade-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 4vw;border-top:1px solid var(--line);font-size:10px;color:#adb4b2}.trade-footer i{font-style:normal;color:var(--copper);padding:0 8px}.trade-footer div{display:flex;gap:24px;flex-wrap:wrap}.trade-footer a:hover{color:var(--copper)}
@media(max-width:1000px){.trade-header nav{gap:13px}.chain-tag{display:none}.book-layout{grid-template-columns:1fr 380px}.market-item{padding-left:15px;padding-right:15px}.swap-body{padding:20px}}
@media(max-width:790px){.trade-header{padding:0 5vw}.trade-header nav{display:none}.header-actions{margin-left:auto}.trade-intro{padding:55px 0 30px;display:block}.network-readout{margin-top:25px;max-width:250px}.book-layout{grid-template-columns:minmax(0,1fr)}.market-list{max-height:350px}}
@media(max-width:570px){.trade-header{height:64px}.wordmark{font-size:18px}.wallet-button{font-size:10px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.trade-intro h1{font-size:clamp(52px,12vw,70px)}.intro-description{font-size:15px}.panel-head{padding:18px 17px}.panel-head h2{font-size:28px}.search-wrap{padding:13px 17px}.market-item{grid-template-columns:37px minmax(0,1fr) auto;gap:9px;padding:10px 17px}.token-icon{width:34px;height:34px}.market-item strong{font-size:14px}.market-item .price{font-size:11px}.market-item small{font-size:10px}.panel-foot{padding:14px 17px;font-size:8px}.swap-body{padding:17px}.field-main input,.field-main output{font-size:32px}.depth-content,.fills-content{padding:8px 17px 15px}.depth-row{grid-template-columns:1fr .7fr .7fr;font-size:11px}.depth-row>*:nth-child(4){display:none}.fill-row{grid-template-columns:1fr 1fr auto;font-size:11px}.fill-row>*:nth-child(3){display:none}.trade-footer{padding:24px 5vw;font-size:9px}}
.wallet-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--copper);background:#202426;color:var(--stone);box-shadow:0 28px 100px #000b}.wallet-dialog::backdrop{background:#050b0bcc;backdrop-filter:blur(8px)}.wallet-dialog-head{display:flex;align-items:center;justify-content:space-between}.wallet-dialog-close{width:30px;height:30px;border:1px solid var(--line);background:transparent;color:var(--stone);font-size:24px;line-height:1}.wallet-dialog-close:hover{border-color:var(--copper);color:var(--copper)}.wallet-dialog h2{margin:22px 0 12px;font-size:clamp(32px,6vw,44px);line-height:1;letter-spacing:-.06em}.wallet-dialog-message{min-height:24px;margin:0 0 20px;color:var(--mist);font-size:14px;line-height:1.5}.wallet-dialog-message.error{color:var(--danger)}.wallet-options{display:grid;gap:8px}.wallet-option,.wallet-copy-link{width:100%;min-height:48px;padding:12px 16px;text-align:left;border:1px solid var(--line);background:#303538;color:var(--stone);font-size:14px;font-weight:600}.wallet-option:hover,.wallet-copy-link:hover{border-color:var(--copper);background:#3b4042}.wallet-option:disabled{opacity:.6}.wallet-no-provider{border-top:1px solid var(--line);padding-top:17px}.wallet-no-provider p{color:var(--stone);font-size:14px;line-height:1.55}.wallet-copy-link{border-color:var(--copper);color:var(--copper);font-family:"JetBrains Mono",Consolas,monospace;font-size:11px}.wallet-dialog-foot{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line);color:#999f9f;font:10px/1.6 "JetBrains Mono",Consolas,monospace}

/* Compact action controls across the trading book. */
.wallet-button{min-height:32px;padding:6px 10px;font-size:10px}
.flip-button{width:30px;height:30px;font-size:17px}
.trade-button{min-height:42px;font-size:12px}
.wallet-dialog-close{width:27px;height:27px;font-size:20px}
.wallet-option,.wallet-copy-link{min-height:40px;padding:9px 12px;font-size:12px}
@media(max-width:570px){.wallet-button{min-height:30px;padding:5px 9px}.trade-button{min-height:40px}.wallet-option,.wallet-copy-link{min-height:38px}}
[hidden]{display:none!important}
.data-freshness{display:block;font-size:11px;line-height:1.5;color:#aeb4b6;margin:8px 0}
.data-freshness.stale{color:#c5a48f}
.market-panel .panel-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px}
.market-panel .panel-foot .data-freshness{grid-column:1/-1;margin:0}