/* Finance pages own their layout; no root.css or Vuetify dependency. */
body.finance-body {
  --fin-bg: #fff; --fin-surface: #f5f6f8; --fin-surface-hover: #eceef1;
  --fin-text: #191c22; --fin-muted: #6c7480; --fin-line: #e5e7eb;
  --fin-accent: #ff9c2e; --fin-accent-hover: #ed8a1e; --fin-accent-soft: #fff3e4; --fin-accent-ink: #9b4b00;
  --fin-up: #16885c; --fin-down: #d74354;
  margin: 0; padding-top: 72px; background: var(--fin-bg); color: var(--fin-text);
  font: 400 14px/1.55 Manrope, Arial, sans-serif; letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
html[data-theme="dark"] body.finance-body {
  color-scheme: dark; --fin-bg: #111317; --fin-surface: #1b1e24; --fin-surface-hover: #252930;
  --fin-text: #eff0f3; --fin-muted: #9ca3af; --fin-line: #2b3038;
  --fin-accent-soft: #302519; --fin-accent-ink: #ffb461; --fin-up: #48c58e; --fin-down: #fa7585;
}
.finance-body .finance-page, .finance-body .finance-page *, .finance-body .finance-page *::before,
.finance-body .finance-page *::after { box-sizing: border-box; letter-spacing: 0; }
.finance-body .finance-page { max-width: 1400px; min-height: calc(100svh - 220px); margin: 0 auto; padding: 0 44px 72px; }
#finance-page :where(h1,h2,h3,p,dl,dd) { margin: 0; }
#finance-page :where(button,input,select,output) { font: inherit; color: inherit; }
#finance-page button { cursor: pointer; }
#finance-page a { color: inherit; text-decoration: none; }
#finance-page [hidden] { display: none !important; }
#finance-page :where(button,a,input,summary):focus-visible { outline: 2px solid var(--fin-accent); outline-offset: 4px; }
#finance-page button:disabled { cursor: not-allowed; opacity: .48; }
#finance-page .finance-nav { display: flex; gap: 32px; min-height: 64px; align-items: stretch; border-bottom: 1px solid var(--fin-line); }
#finance-page .finance-nav a { display: flex; align-items: center; position: relative; color: var(--fin-muted); font-weight: 700; padding: 16px 0; white-space: nowrap; }
#finance-page .finance-nav a.is-active { color: var(--fin-text); }
#finance-page .finance-nav a.is-active::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: var(--fin-accent); }
#finance-page .finance-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 36px 0 32px; }
#finance-page h1 { font-size: 32px; line-height: 1.25; font-weight: 800; }
#finance-page .finance-heading p { margin-top: 10px; color: var(--fin-muted); max-width: 760px; }
#finance-page h2 { font-size: 20px; line-height: 1.4; font-weight: 700; }
#finance-page .fin-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 42px; padding: 10px 18px; border: 1px solid transparent; border-radius: 6px; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: center; transition: background .15s; }
#finance-page .fin-primary { background: var(--fin-accent); color: #21170b; }
#finance-page .fin-primary:hover:not(:disabled) { background: var(--fin-accent-hover); }
#finance-page .fin-secondary { border-color: var(--fin-line); background: var(--fin-bg); color: var(--fin-text); }
#finance-page .fin-secondary:hover:not(:disabled) { background: var(--fin-surface); }
#finance-page .fin-full { width: 100%; }
#finance-page .fin-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: var(--fin-icon) center/contain no-repeat; -webkit-mask: var(--fin-icon) center/contain no-repeat; vertical-align: middle; }
.fin-wallet { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/wallet.svg'); }
.fin-arrow { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/arrow-right.svg'); }
.fin-exchange { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/arrow-down-up.svg'); }
.fin-lock { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/lock-keyhole.svg'); }
.fin-search-icon { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/search.svg'); }
.fin-coins { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/coins.svg'); }
.fin-close { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/x.svg'); }
.fin-info { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/info.svg'); }
.fin-chevron { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/chevron-down.svg'); }
.fin-refresh { --fin-icon: url('/designs/welbit/assets/img/icons/lucide/refresh-cw.svg'); }
#finance-page .fin-icon-button { display: inline-flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; padding: 0; color: var(--fin-muted); background: transparent; border: 0; border-radius: 6px; }
#finance-page .fin-icon-button:hover { background: var(--fin-surface-hover); color: var(--fin-text); }
#finance-page .fin-text-link { display: inline-flex; align-items: center; gap: 8px; padding: 0; color: var(--fin-text); font-weight: 700; border: 0; background: transparent; }
#finance-page .fin-text-link:hover { color: var(--fin-accent-hover); }
#finance-page .fin-tag { display: inline-block; width: fit-content; background: var(--fin-surface); color: var(--fin-muted); padding: 3px 9px; font-size: 12px; border-radius: 4px; font-weight: 600; }
#finance-page .fin-status { display: inline-flex; gap: 7px; align-items: center; color: var(--fin-muted); font-size: 12px; font-weight: 600; }
#finance-page .fin-status > span:first-child { width: 6px; height: 6px; border-radius: 50%; background: var(--fin-up); }
#finance-page .earn-products { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
#finance-page .earn-product { position: relative; border: 1px solid var(--fin-line); border-radius: 8px; padding: 30px; overflow: hidden; }
#finance-page .earn-product p { color: var(--fin-muted); max-width: 330px; margin: 12px 0 26px; }
#finance-page .earn-product h2 { font-size: 24px; }
#finance-page .earn-staking { grid-row: span 2; min-height: 448px; background: var(--fin-surface); }
#finance-page .earn-product-content { position: relative; z-index: 1; max-width: 70%; }
#finance-page .earn-staking h2 { font-size: 30px; margin-top: 16px; }
#finance-page .earn-product-art { position: absolute; width: 440px; height: 340px; object-fit: contain; right: -12px; bottom: -40px; pointer-events: none; }
#finance-page .earn-swap { display: grid; grid-template-columns: 1fr 52px; align-content: start; min-height: 220px; }
#finance-page .earn-swap h2 { grid-column: 1; grid-row: 1; }
#finance-page .earn-swap p { grid-column: 1 / -1; margin-bottom: 20px; }
#finance-page .earn-product-icon { grid-column: 2; grid-row: 1; width: 42px; height: 42px; display: grid; place-items: center; background: var(--fin-accent-soft); color: var(--fin-accent-hover); border-radius: 6px; }
#finance-page .earn-lending { min-height: 208px; }
#finance-page .earn-lending h2 { margin-top: 12px; }
#finance-page .earn-lending p { margin-bottom: 0; padding-right: 25px; }
#finance-page .earn-lending > .fin-lock { position: absolute; right: 30px; bottom: 30px; color: var(--fin-muted); }
#finance-page .earn-questions { display: grid; grid-template-columns: 1fr 2fr; gap: 48px; padding-top: 48px; }
#finance-page .fin-faq-list details { border-bottom: 1px solid var(--fin-line); }
#finance-page .fin-faq-list summary { padding: 18px 0; cursor: pointer; font-weight: 600; }
#finance-page .fin-faq-list details:first-child summary { padding-top: 0; }
#finance-page .fin-faq-list p { padding-bottom: 20px; color: var(--fin-muted); }
#finance-page .staking-overview { display: grid; grid-template-columns: repeat(3,1fr); padding: 0 0 30px; margin-bottom: 16px; border-bottom: 1px solid var(--fin-line); gap: 24px; }
#finance-page .staking-overview dt { font-size: 13px; color: var(--fin-muted); margin-bottom: 8px; }
#finance-page .staking-overview dd { font-size: 26px; font-weight: 700; line-height: 1.3; }
#finance-page .staking-overview dd small { font-size: 14px; color: var(--fin-muted); font-weight: 400; }
#finance-page .fin-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 12px; }
#finance-page .fin-tabs { display: flex; align-items: stretch; gap: 28px; }
#finance-page .fin-tabs button { position: relative; display: inline-flex; gap: 8px; align-items: center; background: none; border: 0; padding: 14px 0; color: var(--fin-muted); font-size: 16px; font-weight: 700; }
#finance-page .fin-tabs button[aria-selected="true"] { color: var(--fin-text); }
#finance-page .fin-tabs button[aria-selected="true"]::after { content: ""; position: absolute; height: 2px; background: var(--fin-accent); bottom: 0; left: 0; right: 0; }
#finance-page .fin-count { font-size: 11px; padding: 1px 6px; border-radius: 4px; background: var(--fin-surface); color: var(--fin-muted); }
#finance-page .fin-search { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--fin-surface); color: var(--fin-muted); border-radius: 6px; }
#finance-page .fin-search input { width: 100%; min-width: 0; border: 0; background: none; outline: 0; font-size: 13px; }
#finance-page .fin-search input::placeholder { color: var(--fin-muted); }
#finance-page .fin-search:focus-within { outline: 1px solid var(--fin-accent); }
#finance-page .staking-table-head, #finance-page .staking-product-row { display: grid; grid-template-columns: 1.2fr .8fr 2fr 1fr 130px; gap: 24px; align-items: center; }
#finance-page .staking-table-head { font-size: 12px; color: var(--fin-muted); padding: 16px 0; border-bottom: 1px solid var(--fin-line); }
#finance-page .staking-product-row { padding: 24px 0; border-bottom: 1px solid var(--fin-line); }
#finance-page .fin-asset { display: flex; gap: 12px; align-items: center; min-width: 0; }
#finance-page .fin-asset img { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; }
#finance-page .fin-asset strong { display: block; font-weight: 700; }
#finance-page .fin-asset small { display: block; font-size: 12px; color: var(--fin-muted); overflow-wrap: anywhere; }
#finance-page .fin-return { color: var(--fin-up); font-size: 22px; font-weight: 700; white-space: nowrap; }
#finance-page .fin-return small { display: block; color: var(--fin-muted); font-size: 11px; font-weight: 400; }
#finance-page .fin-periods { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#finance-page .fin-periods button { padding: 6px 9px; border: 1px solid var(--fin-line); border-radius: 4px; background: transparent; font-size: 12px; font-weight: 600; white-space: nowrap; min-width: 38px; }
#finance-page .fin-periods button[aria-pressed="true"] { border-color: var(--fin-accent); background: var(--fin-accent-soft); color: var(--fin-text); }
#finance-page .fin-range { font-size: 12px; color: var(--fin-muted); overflow-wrap: anywhere; }
#finance-page .fin-range strong { display: block; color: var(--fin-text); font-weight: 500; }
#finance-page .fin-empty { text-align: center; padding: 64px 20px; color: var(--fin-muted); }
#finance-page .fin-empty > .fin-icon { width: 36px; height: 36px; margin-bottom: 16px; opacity: .6; }
#finance-page .fin-empty p { margin-bottom: 20px; }
#finance-page .fin-notice { display: flex; align-items: flex-start; gap: 10px; color: var(--fin-muted); font-size: 12px; margin-top: 24px; }
#finance-page .fin-notice .fin-icon { width: 16px; height: 16px; flex-basis: 16px; margin-top: 2px; }
#finance-page .fin-position { border-bottom: 1px solid var(--fin-line); padding: 24px 0; }
#finance-page .fin-position-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
#finance-page .fin-position-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
#finance-page .fin-position-metrics dt { color: var(--fin-muted); font-size: 12px; margin-bottom: 6px; }
#finance-page .fin-position-metrics dd { font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#finance-page .fin-position-status { margin-left: auto; }
#finance-page .fin-positive { color: var(--fin-up); }
#finance-page .fin-negative { color: var(--fin-down); }
#finance-page .fin-dialog { width: min(480px,calc(100% - 32px)); max-height: calc(100svh - 40px); border: 1px solid var(--fin-line); border-radius: 8px; padding: 24px; background: var(--fin-bg); color: var(--fin-text); box-shadow: 0 24px 100px #0003; overflow-y: auto; }
#finance-page .fin-dialog::backdrop { background: #090c1480; backdrop-filter: blur(3px); }
html:has(.fin-dialog[open]) { overflow: hidden; }
.finance-body:has(.fin-dialog[open]) :is(.mobile-bottom-nav, #welbit-support .support-button),
.finance-body.finance-picker-open :is(.mobile-bottom-nav, #welbit-support .support-button) { visibility: hidden; opacity: 0; pointer-events: none; }
#finance-page .fin-dialog-header { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 24px; }
#finance-page .fin-dialog-header h2 { font-size: 20px; }
#finance-page .fin-dialog-asset { margin-bottom: 24px; }
#finance-page .fin-dialog-periods { margin: 8px 0 24px; }
#finance-page .fin-field-label, #finance-page .fin-label-row { font-size: 12px; color: var(--fin-muted); }
#finance-page .fin-label-row { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; margin-bottom: 10px; }
#finance-page .fin-input-wrap { display: flex; gap: 12px; padding: 12px; border-radius: 6px; background: var(--fin-surface); align-items: center; }
#finance-page .fin-input-wrap:focus-within { outline: 1px solid var(--fin-accent); }
#finance-page .fin-input-wrap input { width: 100%; min-width: 0; padding: 0; font-size: 22px; border: 0; background: transparent; outline: 0; }
#finance-page .fin-input-wrap button, #finance-page .fin-inline-button { border: 0; background: transparent; padding: 0; color: var(--fin-accent-ink); font-size: 12px; font-weight: 700; }
#finance-page .fin-hint { color: var(--fin-muted); font-size: 12px; margin-top: 8px; }
#finance-page .fin-summary { margin-top: 24px; }
#finance-page .fin-summary > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 8px 0; }
#finance-page .fin-summary dt { color: var(--fin-muted); font-size: 12px; }
#finance-page .fin-summary dd { text-align: right; font-weight: 600; font-size: 13px; overflow-wrap: anywhere; max-width: 65%; }
#finance-page .fin-error { font-size: 12px; color: var(--fin-down); margin: 12px 0; overflow-wrap: anywhere; }
#finance-page .fin-error:empty { margin: 8px 0; }
#finance-page .swap-workspace { display: grid; grid-template-columns: minmax(0,540px) minmax(0,320px); justify-content: center; align-items: start; gap: 64px; padding: 8px 0 40px; }
#finance-page .swap-tool { border: 1px solid var(--fin-line); border-radius: 8px; padding: 28px; min-width: 0; }
#finance-page .swap-tool-heading { display: flex; gap: 16px; justify-content: space-between; align-items: center; margin-bottom: 28px; }
#finance-page .swap-amount-block { background: var(--fin-surface); padding: 18px; border-radius: 6px; }
#finance-page .swap-amount-block:focus-within { box-shadow: inset 0 0 0 1px var(--fin-accent); }
#finance-page .swap-amount-row { display: flex; align-items: center; gap: 12px; }
#finance-page .swap-amount-row > input, #finance-page .swap-amount-row > output { width: 100%; min-width: 0; background: none; border: 0; outline: none; font-size: 27px; font-weight: 600; line-height: 1.4; padding: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
#finance-page .swap-amount-row > input::placeholder { color: var(--fin-muted); }
#finance-page .swap-amount-footer { display: flex; gap: 12px; justify-content: space-between; color: var(--fin-muted); font-size: 11px; margin-top: 12px; min-height: 18px; }
#finance-page .swap-reverse-row { display: flex; height: 20px; justify-content: center; position: relative; z-index: 2; }
#finance-page .swap-reverse { position: relative; top: -8px; background: var(--fin-bg); border: 3px solid var(--fin-bg); color: var(--fin-text); }
#finance-page .fin-coin-picker { flex: 0 0 auto; position: relative; }
#finance-page .fin-coin-trigger { display: flex; align-items: center; gap: 8px; border: 0; background: transparent; padding: 4px 0 4px 4px; font-weight: 700; font-size: 15px; }
#finance-page .fin-coin-trigger > span { display: inline-flex; align-items: center; gap: 7px; }
#finance-page .fin-coin-trigger img { width: 24px; height: 24px; object-fit: contain; }
#finance-page .fin-coin-trigger .fin-icon { width: 14px; height: 14px; flex-basis: 14px; }
#finance-page .fin-coin-menu { position: absolute; top: calc(100% + 10px); right: -6px; z-index: 20; width: 288px; padding: 8px; border: 1px solid var(--fin-line); border-radius: 6px; background: var(--fin-bg); box-shadow: 0 12px 32px #0002; }
#finance-page .fin-coin-menu.is-above { top: auto; bottom: calc(100% + 10px); }
#finance-page .fin-coin-options { max-height: 244px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; margin-top: 8px; }
#finance-page .fin-coin-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; padding: 10px 8px; width: 100%; background: none; text-align: left; border-radius: 4px; }
#finance-page .fin-coin-option:hover, #finance-page .fin-coin-option[aria-pressed="true"] { background: var(--fin-surface); }
#finance-page .fin-coin-option .fin-asset img { width: 28px; height: 28px; flex-basis: 28px; }
#finance-page .fin-coin-option > small { color: var(--fin-muted); font-size: 11px; }
#finance-page .swap-summary { margin: 20px 0 12px; }
#finance-page .swap-disclaimer { line-height: 1.6; margin-top: 18px; }
#finance-page .fin-retry { margin: 16px auto 0; display: flex; justify-content: center; }
#finance-page .swap-aside { padding: 4px 0; }
#finance-page .swap-aside-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
#finance-page .swap-aside-heading > .fin-icon { color: var(--fin-muted); }
#finance-page .swap-aside h2 { font-size: 16px; }
#finance-page .swap-asset { width: 100%; background: none; border: 0; border-bottom: 1px solid var(--fin-line); padding: 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; }
#finance-page .swap-asset:hover { color: var(--fin-accent-hover); }
#finance-page .swap-asset > span:last-child { font-size: 12px; overflow-wrap: anywhere; text-align: right; max-width: 45%; }
#finance-page .swap-aside > .fin-text-link { margin-top: 24px; }
#finance-page .swap-aside-note { display: flex; gap: 12px; color: var(--fin-muted); font-size: 12px; border-top: 1px solid var(--fin-line); margin-top: 28px; padding-top: 24px; }
.finance-body .cookie { position: fixed; bottom: 24px; left: 24px; z-index: 950; max-width: min(440px,calc(100% - 48px)); padding: 20px; border: 1px solid var(--fin-line); background: var(--fin-bg); color: var(--fin-text); box-shadow: 0 8px 32px #0002; border-radius: 8px; font-size: 13px; }
.finance-body .cookie a { color: var(--fin-text); }
.finance-body .cookie button { padding: 9px 16px; margin-top: 12px; color: #21170b; background: var(--fin-accent); border: 0; border-radius: 4px; cursor: pointer; }
@media (max-width: 1180px) {
  #finance-page .staking-table-head, #finance-page .staking-product-row { grid-template-columns: 1fr .7fr 1.6fr .8fr 110px; gap: 16px; }
  #finance-page .earn-product-content { max-width: 100%; }
  #finance-page .earn-product-art { width: 320px; height: 260px; right: -20px; bottom: -30px; }
}
@media (max-width: 980px) {
  .finance-body .finance-page { padding: 0 24px 56px; }
  #finance-page .finance-nav { min-height: 56px; }
  #finance-page .finance-heading { padding: 28px 0; }
  #finance-page .swap-workspace { gap: 32px; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
  #finance-page .staking-table-head { display: none; }
  #finance-page .staking-product-row { grid-template-columns: 1fr 1fr 140px; }
  #finance-page .staking-product-row > .fin-periods { grid-column: 1 / 3; grid-row: 2; }
  #finance-page .staking-product-row > .fin-range { grid-column: 3; grid-row: 1; text-align: right; }
  #finance-page .staking-product-row > .fin-button { grid-column: 3; grid-row: 2; }
  #finance-page .staking-product-row .fin-return { text-align: right; }
  #finance-page .fin-position-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .finance-body .finance-page { padding: 0 20px 44px; }
  #finance-page .finance-nav { gap: 28px; }
  #finance-page h1 { font-size: 28px; }
  #finance-page .finance-heading { align-items: flex-start; gap: 12px; }
  #finance-page .finance-heading > .fin-button { padding: 10px; font-size: 12px; flex-shrink: 0; }
  #finance-page .finance-heading > .fin-button .fin-icon { display: none; }
  #finance-page .finance-heading p { font-size: 13px; }
  #finance-page .earn-products { grid-template-columns: 1fr; gap: 16px; }
  #finance-page .earn-staking { grid-row: auto; min-height: 330px; }
  #finance-page .earn-product { padding: 24px; }
  #finance-page .earn-staking h2 { font-size: 26px; }
  #finance-page .earn-staking p { max-width: 75%; }
  #finance-page .earn-staking .fin-button { margin-top: 4px; }
  #finance-page .earn-product-art { width: 200px; height: 180px; bottom: -20px; right: -12px; }
  #finance-page .earn-swap, #finance-page .earn-lending { min-height: auto; }
  #finance-page .earn-questions { grid-template-columns: 1fr; gap: 24px; padding-top: 36px; }
  #finance-page .staking-overview { gap: 12px; padding-bottom: 24px; margin-bottom: 8px; }
  #finance-page .staking-overview dt { font-size: 11px; }
  #finance-page .staking-overview dd { font-size: 20px; }
  #finance-page .staking-overview dd small { font-size: 12px; }
  #finance-page .fin-toolbar { flex-wrap: wrap; gap: 12px; }
  #finance-page .fin-toolbar > .fin-search { width: 100%; order: -1; }
  #finance-page .fin-tabs { gap: 24px; width: 100%; }
  #finance-page .fin-tabs button { font-size: 14px; }
  #finance-page .staking-product-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding: 22px 0; gap: 18px 12px; }
  #finance-page .staking-product-row > .fin-periods { grid-column: 1 / -1; grid-row: 2; }
  #finance-page .staking-product-row > .fin-range { grid-column: 1; grid-row: 3; text-align: left; }
  #finance-page .staking-product-row > .fin-button { grid-column: 2; grid-row: 3; justify-self: end; width: 100%; max-width: 150px; min-height: 38px; }
  #finance-page .fin-return { font-size: 22px; }
  #finance-page .fin-position-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; font-size: 13px; }
  #finance-page .fin-position-heading { flex-wrap: wrap; gap: 12px; }
  #finance-page .fin-position-heading > .fin-button { font-size: 12px; min-height: 36px; padding: 8px 12px; }
  #finance-page .fin-dialog { padding: 20px; }
  #finance-page .swap-workspace { grid-template-columns: minmax(0,1fr); gap: 32px; padding-top: 0; }
  #finance-page .swap-tool { padding: 20px; }
  #finance-page .swap-amount-block { padding: 16px 12px; }
  #finance-page .swap-tool-heading h2 { font-size: 18px; }
  #finance-page .swap-amount-row > input, #finance-page .swap-amount-row > output { font-size: 24px; }
  #finance-page .swap-aside { border-top: 1px solid var(--fin-line); padding-top: 28px; }
  #finance-page .swap-aside-heading { margin-bottom: 8px; }
  #finance-page .fin-coin-menu { width: min(280px,calc(100vw - 84px)); }
  .finance-body .cookie { bottom: 80px; }
}
@media (max-width: 360px) {
  .finance-body .finance-page { padding-left: 16px; padding-right: 16px; }
  #finance-page .swap-tool { padding: 14px; }
  #finance-page .fin-coin-trigger { font-size: 13px; gap: 5px; }
  #finance-page .fin-coin-trigger img { width: 20px; height: 20px; }
  #finance-page .swap-amount-row { gap: 6px; }
  #finance-page .fin-position-status { font-size: 11px; }
  #finance-page .earn-product-art { opacity: .8; width: 110px; height: 110px; }
}
@media (prefers-reduced-motion: reduce) {
  #finance-page *, #finance-page *::before, #finance-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}