.exchange-section{--market-accent:#ff6500;padding-top:78px}.exchange-heading{position:relative;display:grid;grid-template-columns:1fr minmax(250px,420px);gap:28px;align-items:end;margin-bottom:25px}.exchange-heading:after{content:"TOKEN EXCHANGE";position:absolute;right:0;bottom:-9px;z-index:-1;color:rgba(255,255,255,.035);font-size:clamp(48px,9vw,130px);font-weight:1000;letter-spacing:-.07em}.exchange-heading h2{margin:0;font-size:clamp(46px,7vw,104px);line-height:.78;letter-spacing:-.06em}.exchange-heading h2 span{display:block;color:var(--orange);text-shadow:6px 6px 0 rgba(121,108,255,.52)}.exchange-heading p{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.7}.exchange-tabs{display:flex;gap:8px;margin-bottom:14px}.exchange-tab{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.2);color:#fff;background:#0c0f11;cursor:pointer;font-size:8px;font-weight:1000;letter-spacing:.13em}.exchange-tab.is-active{border-color:var(--orange);color:#090a0b;background:var(--orange)}
.exchange-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:16px;align-items:start}.listing-studio{position:sticky;top:100px;padding:20px;border:1px solid rgba(255,255,255,.16);border-top:5px solid var(--orange);background:#0e1114;box-shadow:10px 10px 0 rgba(255,101,0,.1)}.listing-studio h3{margin:0 0 8px;font-size:28px}.listing-studio>p{color:#8f969b;font-size:10px;line-height:1.6}.market-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.market-mode label{position:relative}.market-mode input{position:absolute;opacity:0}.market-mode span{display:grid;min-height:52px;place-items:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:9px;font-weight:1000;letter-spacing:.12em}.market-mode input:checked+span{border-color:var(--orange);color:#08090a;background:var(--orange)}.market-note{padding:11px;border:1px dashed rgba(255,255,255,.2);color:#9ca2a7;font-size:9px;line-height:1.5}.market-note b{color:var(--lime)}
.live-market{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.exchange-card{position:relative;display:grid;grid-template-columns:128px 1fr;min-height:230px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#13171a,#090b0d)}.exchange-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--listing-color,var(--orange))}.listing-figure{position:relative;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--listing-color,var(--orange)) 24%,transparent),transparent 45%),#080a0c}.listing-figure img{width:100%;height:100%;object-fit:cover}.listing-figure span{position:absolute;left:7px;bottom:7px;padding:5px 6px;color:#08090a;background:var(--listing-color,var(--orange));font-size:7px;font-weight:1000;letter-spacing:.1em}.listing-copy{display:flex;min-width:0;flex-direction:column;padding:16px}.listing-copy small{color:#8c9399;font-size:7px;font-weight:900;letter-spacing:.1em}.listing-copy h3{margin:7px 0 5px;font-size:21px;line-height:.95}.listing-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#aeb4b8;font-size:10px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.seller-line{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#fff;font-size:8px;font-weight:1000;text-decoration:none}.seller-line img{width:25px;height:25px;border:1px solid var(--listing-color,var(--orange));border-radius:50%;object-fit:cover}.listing-price{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;color:var(--listing-color,var(--orange));font:1000 11px/1 ui-monospace,Consolas,monospace}.listing-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.listing-actions form{display:flex;gap:5px;flex:1}.listing-actions input{width:85px;min-height:34px;padding:7px;border:1px solid rgba(255,255,255,.2);color:#fff;background:#07090b}.listing-actions button,.listing-actions a{display:inline-grid;min-height:34px;place-items:center;padding:0 10px;border:1px solid var(--listing-color,var(--orange));color:#08090a;background:var(--listing-color,var(--orange));cursor:pointer;font-size:7px;font-weight:1000;letter-spacing:.1em;text-decoration:none}.listing-actions button:disabled{cursor:not-allowed;opacity:.45}.listing-actions .secondary{color:#fff;background:transparent}.market-status{grid-column:1/-1;margin:10px 0 0;color:var(--orange);font-size:9px;font-weight:1000;letter-spacing:.09em}.market-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed rgba(255,255,255,.2);color:#899197;text-align:center;font-size:9px;letter-spacing:.13em}
@media(max-width:1120px){.live-market{grid-template-columns:1fr}.exchange-card{grid-template-columns:150px 1fr}}
@media(max-width:780px){.exchange-heading{grid-template-columns:1fr}.exchange-grid{grid-template-columns:1fr}.listing-studio{position:static}.live-market{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-card{grid-template-columns:1fr}.listing-figure{min-height:220px}}
@media(max-width:560px){.live-market{grid-template-columns:1fr}.exchange-card{grid-template-columns:115px 1fr}.listing-figure{min-height:0}.exchange-heading h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.exchange-tab,.exchange-card{transition:none}}

@media(max-width:780px){
  .exchange-section{padding-top:clamp(54px,12vw,72px)}
  .exchange-tab{min-height:44px;touch-action:manipulation}
  .market-mode span{min-height:54px}
  .listing-actions input{min-height:44px;font-size:16px}
  .listing-actions button,.listing-actions a{min-height:44px;touch-action:manipulation}
}

@media(max-width:560px){
  .exchange-heading h2{max-width:100%;font-size:clamp(42px,14vw,56px);overflow-wrap:anywhere}
  .exchange-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.exchange-tab{min-width:0;padding-inline:5px}
  .listing-studio{padding:18px 16px}
  .listing-copy{padding:15px 13px}.listing-copy h3{overflow-wrap:anywhere}
  .listing-actions form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.listing-actions input{width:100%;min-width:0}
}

@media(max-width:420px){
  .exchange-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exchange-card{grid-template-columns:1fr}.listing-figure{min-height:220px}
  .listing-actions,.listing-actions form{display:grid;grid-template-columns:1fr}.listing-actions button,.listing-actions a{width:100%}
}

@media(hover:none),(pointer:coarse){.exchange-tab,.listing-actions input,.listing-actions button,.listing-actions a{min-height:44px}.exchange-tab,.exchange-card,.listing-actions button,.listing-actions a{touch-action:manipulation}}

@media(max-width:780px){
  .exchange-tab,.market-mode span,.listing-copy small,.seller-line,.listing-actions button,.listing-actions a,.market-note{font-size:9px;line-height:1.35}
  .listing-copy p{font-size:11px}
}