.trade-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.trade-primary{padding:32px;display:flex;align-items:flex-start;flex-direction:column;gap:20px;background:radial-gradient(ellipse at 0 0,#ff5cc817,transparent 66%),var(--surface)}.trade-symbol{display:grid;place-items:center;width:64px;height:64px;background:#ff5cc81c;border:1px solid #ff5cc838;border-radius:20px;color:var(--pink)}.trade-symbol svg{width:30px;height:30px}.trade-primary h2{font-size:30px;letter-spacing:-1px}.trade-primary p,.trade-feature p{color:var(--muted);line-height:1.8}.trade-primary .primary-button{width:100%;min-height:48px}.trade-pair{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--bg);font-size:21px;font-weight:600}.trade-pair span{display:flex;align-items:center;gap:9px}.trade-pair img{width:28px;height:28px;border-radius:50%}.trade-note{font-size:12px}.trade-secondary{display:grid;gap:16px}.trade-feature{display:flex;gap:20px;padding:25px}.trade-feature .explore-icon{margin:0;flex-shrink:0}.trade-feature h2{margin:7px 0}.trade-feature .text-button{margin-top:16px}.trade-feature .eyebrow{font-size:10px}.topbar-actions .icon-button{min-width:44px;min-height:44px}.nav-item{white-space:nowrap}.page-content{padding-bottom:40px}#view:focus{outline:none}
@media(max-width:750px){.trade-layout{grid-template-columns:minmax(0,1fr)}.trade-primary{padding:25px;gap:18px}.trade-primary h2{font-size:27px}.trade-feature{padding:21px;gap:16px}.trade-feature h2{font-size:19px}.trade-feature p{font-size:13px}.page-content{padding-bottom:110px}.nav-item{min-height:54px;font-size:10px!important;padding:8px 2px!important;gap:4px!important}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar-actions .icon-button{display:none}.nav-item svg{width:22px;height:22px}}
.operation-token-pair{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.operation-token{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.operation-token-pair .operation-token-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:contain;margin:0}.operation-token-separator{font-size:16px;color:var(--muted)}.review-summary .operation-token-pair{justify-content:center;margin-bottom:12px}
/* Chain identity stays separate from a token's own logo. */
.network-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;object-fit:contain;vertical-align:middle}.network-badge{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap}.network-label{font:inherit;color:inherit}.network-icon-unknown{display:inline-grid;place-items:center;color:var(--muted)}.network-select{min-height:44px;font-size:12px;padding:9px 12px}.network-select>.network-badge{gap:8px}.network-select>.network-badge>.network-icon{width:20px;height:20px}.network-select>svg{width:14px;height:14px;transform:rotate(90deg)}.network-choices{display:grid;gap:7px;margin-top:18px}.network-choice{display:flex;align-items:center;gap:13px;min-height:52px;width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;font-size:13px;color:var(--text)}.network-choice:hover,.network-choice:focus-visible{background:var(--surface2);border-color:var(--violet)}.network-choice.selected{border-color:var(--pink);background:rgba(255,92,200,.07)}.network-choice .network-icon{width:26px;height:26px}.network-choice>span{flex:1}.network-choice>svg{width:18px;height:18px;color:var(--pink)}.pv-balance-footer>.network-badge:before{display:none}.social-token-title .network-badge,.social-post-project>.network-badge{display:inline-flex;align-items:center;gap:5px}.social-token-title .network-icon,.social-post-project>.network-badge .network-icon{width:15px;height:15px;object-fit:contain}.social-detail-heading .eyebrow>.network-badge{margin-right:4px}.pv-page-heading .network-select{flex-shrink:0}@media(max-width:450px){.social-post-project>.network-badge>.network-label{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.network-select{font-size:11px;min-height:44px}.network-choices{gap:6px}.network-choice{min-height:50px}}

/* Safe areas belong to the outer shell, once. These scoped selectors also
   prevent native preview styles from adding notch padding to the bottom bar. */
@media (max-width: 750px) {
  .main-shell > .topbar { min-height: 64px; padding: 10px 18px; }
  .topbar .wallet-button { min-height: 44px; font-size: 11px; }
  .topbar .breadcrumb small { font-size: 9px; letter-spacing: 1.5px; }
  .main-shell > .page-content { padding: 20px 18px 28px; }
  .app-shell > .sidebar { padding: 6px 12px calc(6px + env(safe-area-inset-bottom)); }
  .sidebar > .nav-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 0; }
  .sidebar .nav-item { max-width: none; min-height: 54px; }
  .main-shell > .native-connected-note { padding: 8px 18px; font-size: 11px; }
}