body,button,input,select{font-family:Arial,system-ui,sans-serif}
h1,h2,.brand,.orbit-inner strong,.big-number,.rewards-ring-inner strong,.metrics strong,.price{font-family:Arial,system-ui,sans-serif!important}
.trade-wallet-balances strong,.exchange-head,.exchange-input input,.exchange-asset strong,.exchange-receive>strong,.trade-quote strong{font-family:Arial,ui-monospace,monospace!important}
button{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
button:active:not(:disabled){transform:scale(.985)}
.trade-connect{width:100%;border:1px solid #9178df;background:#292044;color:#eee5ff;border-radius:10px;padding:12px;font-size:12px;font-weight:800;margin:0 0 18px}
.trade-connect:hover{background:#392b5e}
.market-grid{grid-template-columns:minmax(0,1fr) minmax(350px,390px)}
.rewards-info{justify-content:center}
.rewards-info .rewards-stat:last-of-type{border-bottom:0}
.profile-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #2b2c3d}
.profile-stat span{color:#aeb0c0;font-size:12px;line-height:1.35}
.profile-stat strong{font-size:15px;text-align:right;white-space:nowrap}
.profile-total strong{color:#f0d083;font-size:18px}
.profile-total{border-bottom:0}
.card .fine{margin-top:14px;line-height:1.5}
@media(max-width:700px){
  .market-grid{display:flex;flex-direction:column}
  .trade-col{order:-1}
  .sidebar{display:block;padding:13px 14px}
  .brand{padding:0 4px;margin:0 0 12px;font-size:20px}
  .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .nav{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px 3px;font-size:11px;line-height:1.15}
  .nav i{font-size:17px}
  .nav.active{box-shadow:inset 0 -3px #987cff}
  .topbar{height:60px;padding:0 14px;gap:8px}
  .crumb{font-size:11px}
  .actions{gap:8px}
  .btn{font-size:10px;padding:8px 9px}
  .content{padding:23px 14px}
  .heading{align-items:start}
  .heading h1{font-size:clamp(26px,8vw,34px)}
  .hero{padding:20px 16px}
  .chart iframe,.chart-empty{height:310px}
  .chart-head{padding:0 14px}
  .chart-foot{gap:8px;flex-wrap:wrap}
  .trade{padding:20px}
  .metrics{grid-template-columns:1fr;gap:8px}
  .metrics div{border:0;border-bottom:1px solid #292a3a;padding:10px}
  .metrics div:last-child{border:0}
  .rewards-main,.rewards-info{padding:21px}
  .rewards-main{min-height:450px}
  .rewards-ring{width:min(295px,76vw)}
}
@media(min-width:701px) and (max-width:1100px){.market-grid{grid-template-columns:1fr}.trade-col{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:390px){
  .nav{font-size:10px}
  .brand{font-size:18px}
  .topbar .btn{max-width:145px}
  .topbar .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .table-head,.asset-row{grid-template-columns:minmax(100px,1.15fr) minmax(76px,.9fr) minmax(80px,.9fr);padding:12px 8px;gap:5px}
  .asset-name{gap:5px}
  .asset-name small{font-size:8px}
}
@media(max-width:700px){
  .sidebar{position:relative;z-index:5}
  .sidebar nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#11131f;border-top:1px solid #353149;box-shadow:0 -12px 30px #05060bb3}
  .shell{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .content{min-width:0}
  .heading{min-width:0}
  .heading>div{min-width:0}
  .chart-head{min-width:0}
  .chart-name{min-width:0}
  .price{min-width:0;overflow-wrap:anywhere}
  .asset-row,.table-head{min-width:0}
  .asset-name{min-width:0}
  .asset-name>span:last-child{min-width:0}
  .asset-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .balance,.asset-value{overflow-wrap:anywhere}
  .trade-quote{overflow-wrap:anywhere}
  .trade-status{overflow-wrap:anywhere}
}