:root{--app-blue:#176cff;--app-cyan:#24d5ff}
.output-value#buy-amount{flex:1;width:100%;font-size:35px;font-weight:500;letter-spacing:-.05em;border:0;background:transparent;outline:none;color:#e6f3ff;min-width:0;box-shadow:none;appearance:none}
.output-value#buy-amount:focus-visible{outline:none}
.output-value#buy-amount::placeholder{color:#53657f}
.asset-box-buy:focus-within{border-color:#28ceff!important;box-shadow:0 0 0 1px rgba(28,206,255,.14)}
.exoswap-mode-note{display:block;font-size:10px;line-height:1.45;color:#88a3c8;padding:9px 1px 0}
.estimate-tag#receive-mode-tag{color:#73dfff;font-weight:600;letter-spacing:.05em}
.exoswap-mobile-dock{display:none}
@media(max-width:760px){
  body{background-color:#070d1c}
  .site-header{height:62px;min-height:62px;background:rgba(5,12,30,.96);border-bottom:1px solid rgba(101,165,255,.15)}
  .top-utility,.breadcrumb-bar,.hero-left .intro-line,.hero-left .hero-actions,.hero-left .feature-row,.hero-topline,.hero-left>.hero-art{display:none!important}
  .hero-grid{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;border:0!important;min-height:0!important;padding:0 12px 20px;gap:0!important;background:transparent!important}
  .hero-left{padding:15px 11px 5px!important;background:transparent!important;border:0!important;min-height:0!important}
  .hero-left:before{display:none}
  .hero-left .mega-title{font-size:clamp(25px,6.1vw,36px)!important;letter-spacing:-.065em;line-height:1.06;margin:3px 0 6px}
  .hero-left .hero-lead{font-size:11px!important;line-height:1.48!important;max-width:420px;margin:0 0 8px!important;color:#9cb2cc}
  .hero-right{border-radius:25px!important;overflow:hidden;border:1px solid rgba(83,154,255,.20);box-shadow:0 16px 60px rgba(0,0,0,.22);background:linear-gradient(150deg,#101a31,#0a1123 55%,#080e1c)!important}
  .trade-workspace{padding:17px 15px 20px!important}
  .trade-head h2{font-size:27px!important;margin:2px 0}
  .trade-head p{margin:2px 0 13px!important;font-size:10px}
  .wallet-brief{margin-bottom:10px}
  .asset-box{border-radius:19px!important;padding:12px 14px!important}
  .asset-input-row input,.output-value#buy-amount{font-size:clamp(23px,6vw,31px)!important}
  .box-meta{font-size:10px}
  .swap-disclaimer{font-size:10px;line-height:1.55}
  .quote-summary{border-radius:14px;overflow:hidden}
  .terminal-header{min-height:37px;padding:0 16px!important}
  .terminal-bottom{min-height:32px;padding:0 16px!important}
  .wallet-balance-overview{margin-top:6px!important;padding:11px 13px!important;border-radius:15px}
  #view-explore,#view-liquidity,#view-analytics,#view-bridge,#view-markets{padding:0 12px 25px}
  .v10-section-shell,.v9-bridge-layout,#view-markets .panel{max-width:100%;width:100%}
  .section-intro{padding:25px 0 15px!important}
  .section-intro h1{font-size:clamp(39px,10vw,60px)!important}
  .section-intro p{font-size:12px;line-height:1.55}
  .panel{border-radius:23px;overflow:hidden}
  .v9-bridge-layout{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}
  .v9-bridge-visual{min-height:170px!important}
  .table-wrap{overflow-x:auto}
  .footer{padding-bottom:100px!important}
  .exoswap-mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(6,13,31,.96);border-top:1px solid rgba(99,166,255,.22);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .exoswap-mobile-dock button{display:grid;justify-items:center;align-content:center;gap:3px;min-height:48px;padding:5px;background:transparent;border:0;border-radius:13px;color:#90a6ca;font:500 10px 'Space Grotesk',sans-serif}
  .exoswap-mobile-dock button.selected{color:#69caff;background:rgba(35,114,255,.13)}
  .exoswap-mobile-dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .connect-button,.primary-action{color:#fff!important;background:linear-gradient(135deg,#1b67f9,#0979d7)!important}
  .connect-button:active,.primary-action:active{color:#fff!important;background:#1551bd!important}
  .site-header .header-inner{padding-inline:12px}
}
@media(max-width:370px){.brand-word small{display:none}.network-button{padding:0 6px!important}.connect-button{padding:0 7px!important}.hero-left .mega-title{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.exoswap-mobile-dock{backdrop-filter:none}}