body{font-feature-settings:"kern" 1,"tnum" 1;text-rendering:optimizeLegibility}.amount-input input,.amount-input output,.quote-details strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){
  .app-shell{padding:0 12px 126px}
  .topbar{height:72px;padding:0 3px}.brand{font-size:29px;letter-spacing:-1.8px}.top-actions{gap:10px}
  .exchange-card{margin-top:14px;padding:10px;border-radius:27px;border-color:#2c323b;box-shadow:0 24px 65px #0008,inset 0 1px #fff08}
  .country-selector{min-height:62px;padding:9px 12px;border-radius:18px;background:linear-gradient(145deg,#10141a,#0b0e13)}
  .selector-copy{margin-left:12px;gap:2px}.selector-copy small{font-size:9px;letter-spacing:.15px}.selector-copy strong{font-size:18px;letter-spacing:-.35px}.chevron{font-size:17px}
  .trade-panel{margin-top:10px;padding:15px 13px 13px;border-radius:21px;border-color:#242a32;box-shadow:inset 0 1px #ffffff08}
  .field-heading{font-size:11px;padding:0 2px}.field-heading button{padding:6px 11px;font-size:11px;border-radius:10px}
  .amount-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px;min-height:61px;margin-top:5px}
  .asset-selector{min-width:0;min-height:58px;padding:9px 10px;gap:8px;border-radius:16px;background:linear-gradient(145deg,#171c23,#10141a)}
  .asset-selector .coin-icon{width:32px;height:32px;flex:0 0 32px}.asset-selector strong{min-width:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;font-size:11px;line-height:1.22;letter-spacing:-.12px}.asset-selector .chevron{margin-left:auto;flex:0 0 auto}
  .amount-input input,.amount-input output{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.12}.amount-input small{display:block;margin-top:6px;font-size:10px;white-space:nowrap}
  .swap-button{width:48px;height:48px;margin:5px auto -8px;font-size:23px;box-shadow:0 7px 20px #0008,0 0 15px #ffd00012}
  .receive-title{padding-top:22px}.fiat-selector{min-height:58px}.fiat-selector strong{font-size:13px}
  .bank-selector{min-height:60px;margin-top:9px;padding:8px 12px;border-radius:16px}.bank-selector .bank-symbol{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;overflow:hidden}.bank-selector .bank-symbol .brand-image{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.14)}.bank-selector small{font-size:9px}.bank-selector strong{font-size:16px;letter-spacing:-.25px}
  .quote-details{grid-template-columns:1fr 1fr;gap:8px;padding:12px 2px 8px}.quote-details div{min-width:0;padding:10px 11px;border:1px solid #242a32;border-radius:13px;background:#0c1015}.quote-details .total{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;background:linear-gradient(135deg,#17170f,#0d1013);border-color:#554800}.quote-details span{font-size:9px}.quote-details strong{font-size:10px;line-height:1.4;overflow-wrap:anywhere}.quote-details .total strong{font-size:13px;white-space:nowrap}
  .route-limits{margin:1px 8px 12px;font-size:9px;line-height:1.45}.primary-button{padding:16px;border-radius:15px;font-size:16px}
  .bottom-nav{bottom:max(9px,env(safe-area-inset-bottom));width:calc(100% - 24px);height:70px;border-radius:20px}.bottom-nav .nav-icon{width:32px;height:32px}.bottom-nav .nav-icon svg{width:19px;height:19px}.bottom-nav small{font-size:9px}
}
@media(max-width:370px){.amount-row{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:6px}.asset-selector{padding:8px 7px;gap:6px}.asset-selector strong{font-size:10px}.amount-input input,.amount-input output{font-size:24px}.quote-details div{padding:9px 8px}}