/* EZ Bitcoin Wallet presentation layer. Wallet visibility is owned by the wallet. */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../fonts/nunito-sans-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('../fonts/nunito-sans-latin-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}

.ezw {
  --page: #f8f9ff;
  --ink: #1f1f1f;
  --muted: #aab8c6;
  --line: #bdcbd9;
  --active: #297fff;
  --gradient: linear-gradient(105deg, #04aeff 0%, #2397f6 52%, #437fec 100%);
  margin: 0;
  color: var(--ink);
  background: var(--page);
  font: 400 16px/1.5 'Nunito Sans', Arial, sans-serif;
  overflow-wrap: break-word;
  overflow-x: clip;
}
.ezw *, .ezw *::before, .ezw *::after { box-sizing: border-box; }
.ezw #wrap { min-height: 100dvh; height: auto; margin: 0; padding: 0; }
.ezw #content.container { width: 100%; max-width: none; padding: 0; margin: 0; }
.ezw #content > .tab-content { padding: 0; }
.ezw .hidden { display: none !important; }
.ezw button, .ezw input, .ezw select, .ezw textarea { font: inherit; }
.ezw button, .ezw a { -webkit-tap-highlight-color: transparent; }
.ezw button { cursor: pointer; }
.ezw a { color: var(--active); }
.ezw button:focus-visible, .ezw a:focus-visible { outline: 3px solid var(--active); outline-offset: 4px; }
.ezw .form-control:focus { border-color: var(--active); box-shadow: 0 0 0 3px #297fff20; outline: 0; }
.ezw button:disabled { cursor: wait; opacity: .65; }
.ezw label { font-weight: 400; }
.ezw .ezw-header { height: 76px; background: #fff; box-shadow: 0 2px 6px #2330510a; position: relative; z-index: 2; }
.ezw .header-inner { max-width: 1128px; height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ezw .brand { display: inline-flex; align-items: center; gap: 16px; color: var(--ink); text-decoration: none; white-space: nowrap; }
.ezw .brand img { width: 40px; height: 40px; }
.ezw .brand-label { font-size: 24px; line-height: 33px; font-weight: 800; font-style: italic; }
.ezw .desktop-nav { display: flex; align-items: center; gap: 28px; list-style: none; padding: 0; margin: 0; border: 0; }
.ezw .desktop-nav > li { float: none; margin: 0; }
.ezw .desktop-nav > li > a, .ezw .desktop-nav > li.active > a { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; }
.ezw .desktop-nav > li.active > a { color: var(--active); }
.ezw .desktop-nav a { color: var(--ink); font-size: 18px; text-decoration: none; }
.ezw .desktop-nav a:hover, .ezw .desktop-nav a[aria-current='page'] { color: var(--active); }
.ezw .header-logout { display: inline-flex; align-items: center; padding: 0; border: 0; background: none; }
.ezw .header-logout img { width: 24px; height: 24px; }
.ezw .header-logout button { display: flex; align-items: center; padding: 0; border: 0; background: none; }
.ezw[data-signed-in='false'] .header-logout { display: none; }
.ezw .menu-toggle { display: none; align-items: center; justify-content: center; background: none; border: 0; width: 44px; height: 44px; }
.ezw .menu-toggle img { width: 24px; height: 24px; }
.ezw .workspace { position: relative; isolation: isolate; display: flex; align-items: stretch; gap: 40px; max-width: 1128px; margin: 60px auto 24px; }
.ezw .workspace::before { content: ''; position: fixed; z-index: -1; inset: 76px 0 0; background: url('../img/wallet-background.png') center top / cover no-repeat; opacity: .4; pointer-events: none; }
.ezw .market-card, .ezw .wallet-card { min-width: 0; min-height: 747px; background: #fff; border-radius: 40px; box-shadow: -10px 20px 50px #aab8c64d, -10px 10px 30px #2330511a; }
.ezw .market-card { flex: 0 0 456px; padding: 24px 10px 20px; }
.ezw .wallet-card { flex: 1; padding: 24px 32px 32px; }
.ezw .market-title, .ezw .panel-title { margin: 0; font-size: 32px; font-weight: 400; line-height: 44px; }
.ezw .market-title { white-space: nowrap; text-align: center; }
.ezw .panel-title { padding: 0 0 15px; border-bottom: 1px solid var(--line); }
.ezw .price-row { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 21px 0 20px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ezw .price { font-size: 40px; line-height: 55px; font-weight: 900; }
.ezw .price-change { color: #00c719; font-size: 24px; line-height: 33px; font-weight: 400; }
.ezw .feature-list { padding: 10px 10px 19px 40px; margin: 0; border-bottom: 1px solid var(--line); font-size: 16px; }
.ezw .feature-list li { padding: 5px 0; }
.ezw .periods { display: flex; align-items: center; justify-content: center; gap: 4px; padding-top: 16px; white-space: nowrap; }
.ezw .periods > span { margin-right: 3px; font-size: 18px; }
.ezw .period { min-width: 36px; height: 40px; padding: 0 4px; background: none; border: 0; color: #bac6d4; font-size: 18px; font-weight: 400; border-radius: 50%; }
.ezw .period[aria-pressed='true'] { background: var(--gradient); color: #fff; min-width: 40px; }
.ezw .market-caption { display: block; color: #8b9aaa; font-size: 13px; text-align: center; margin: 20px 16px; }
.ezw .login-welcome { margin: 20px 0 16px; text-align: center; font-size: 24px; font-weight: 400; line-height: 33px; }
.ezw .info-note { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: #f4f7f8; color: #93aabd; font-size: 14px; line-height: 15px; font-weight: 400; }
.ezw .info-note p { margin: 0 0 16px; }
.ezw .info-note p:last-child { margin: 0; }
.ezw .info-icon { flex: 0 0 24px; width: 24px; height: 24px; }
.ezw .credentials { width: 360px; max-width: 100%; margin: 16px auto 24px; }
.ezw .field { display: block; width: 100%; margin-bottom: 20px; }
.ezw .form-control { width: 100%; height: 48px; padding: 10px 20px; border: 1px solid #a7bbce; border-radius: 28px; color: var(--ink); background: #fff; font-size: 18px; line-height: 26px; box-shadow: none; }
.ezw .form-control::placeholder { color: #a2b4c6; opacity: 1; font-weight: 400; }
.ezw .form-control[readonly] { background: #fff; }
.ezw .password-field { position: relative; }
.ezw .password-field input { padding-right: 52px; }
.ezw .password-toggle { position: absolute; right: 12px; top: 4px; width: 36px; height: 40px; background: none; border: 0; padding: 8px; }
.ezw .password-toggle img { width: 24px; height: 16px; }
.ezw .ezw-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 6px 20px; border: 2px solid #fff; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 800; line-height: 27px; text-decoration: none; box-shadow: 0 0 14px #238df65c; background: var(--gradient); }
.ezw .ezw-button:hover, .ezw .ezw-button:focus { color: #fff; text-decoration: none; filter: brightness(.97); }
.ezw .ezw-button img { flex: 0 0 24px; width: 24px; height: 24px; }
.ezw .credentials .primary-button { width: 100%; min-height: 56px; }
.ezw .secondary-button { background: linear-gradient(105deg, #ccc, #999); box-shadow: 0 0 14px #9994; }
.ezw .warning-note { padding: 15px 16px; border: 1px solid #ffe69b; border-radius: 4px; background: #fff3cd; color: #664d03; line-height: 24px; }
.ezw .wallet-summary { padding-top: 30px; }
.ezw .balance-and-types { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.ezw .eyebrow { color: #9eb2c7; font-size: 14px; line-height: 20px; margin: 0 0 8px; text-transform: uppercase; }
.ezw #walletBalance { color: var(--ink); font-size: 24px; font-weight: 900; line-height: 33px; white-space: nowrap; text-decoration: none; }
.ezw .address-types { display: flex; align-items: center; padding-bottom: 4px; }
.ezw .wallet-tab { padding: 0 24px; border: 0; border-right: 1px solid #e1e6ed; background: none; color: #9eb2c7; font-size: 18px; line-height: 20px; text-decoration: none; }
.ezw .wallet-tab:first-child { padding-left: 0; }
.ezw .wallet-tab:last-child { padding-right: 0; border-right: 0; }
.ezw .wallet-tab.active, .ezw .wallet-tab[aria-selected='true'] { color: var(--active); }
.ezw .address-block { position: relative; margin: 24px 0 26px; padding-right: 34px; }
.ezw .address-block > .copy-button { position: absolute; right: 0; bottom: 0; }
.ezw .address-label-row { display: flex; align-items: center; justify-content: space-between; }
.ezw .address-value { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ezw #walletAddress { color: var(--ink); font-size: 22px; line-height: 33px; font-weight: 400; overflow-wrap: anywhere; text-decoration: none; }
.ezw .copy-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; min-height: 32px; border: 0; background: none; padding: 4px; }
.ezw .copy-button img { width: 20px; height: 20px; }
.ezw .wallet-actions { display: flex; align-items: center; justify-content: space-between; gap: 0; margin: 0 0 46px; }
.ezw .action-button { min-width: 0; padding-left: 19px; padding-right: 19px; }
.ezw .action-button.active, .ezw .action-button.is-selected { background: #fff; color: #149eff; border-color: #149eff; box-shadow: none; }
.ezw .receive-panel { display: flex; align-items: flex-start; gap: 24px; border-top: 1px solid var(--line); padding-top: 24px; }
.ezw .receive-panel > p { font-size: 18px; line-height: 26px; margin: 12px 0 0; }
.ezw #walletQrCode { order: -1; flex: 0 0 195px; width: 195px; height: 195px; }
.ezw #walletQrCode img, .ezw #walletQrCode canvas { display: block; width: 195px; height: 195px; }
.ezw #walletSpend { border-top: 1px solid var(--line); padding-top: 20px; }
.ezw #walletSpend label, .ezw #walletKeys label { display: block; margin: 0 0 8px; font-size: 14px; line-height: 20px; text-transform: uppercase; }
.ezw #walletSpend .row { margin: 0; }
.ezw #walletSpendTo > .output { display: grid; grid-template-columns: minmax(0, 1fr) 130px 48px; gap: 20px; align-items: end; margin: 0 0 10px; }
.ezw #walletSpendTo > .output > br { display: none; }
.ezw #walletSpendTo > .output > .col-xs-8, .ezw #walletSpendTo > .output > .col-xs-3 { float: none; padding: 0; width: auto; }
.ezw .addressAdd, .ezw .addressRemove { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: var(--gradient); box-shadow: 0 0 14px #238df65c; text-decoration: none; }
.ezw .addressAdd .glyphicon, .ezw .addressRemove .glyphicon { display: grid; place-items: center; top: 0; width: 24px; height: 24px; background: #fff; color: #2299f8; border-radius: 50%; font-size: 13px; }
.ezw .fee-row { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 20px; margin-right: 68px !important; }
.ezw .send-actions { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 32px; }
.ezw #walletKeys .key-field { margin: 0 0 20px; }
.ezw #walletKeys .key-row { display: flex; align-items: center; gap: 20px; }
.ezw #walletKeys .key-row > input, .ezw #walletKeys .input-group { flex: 1; min-width: 0; }
.ezw #walletKeys .input-group { display: flex; }
.ezw #walletKeys .input-group .form-control { min-width: 0; border-radius: 28px 0 0 28px; }
.ezw #walletKeys .input-group-btn { width: auto; display: flex; }
.ezw #walletKeys .showKey { height: 48px; border-radius: 0 28px 28px 0; border: 1px solid #a7bbce; border-left: 0; background: #fff; color: #8ca4b9; text-shadow: none; box-shadow: none; }
.ezw .trade-content > .row { margin: 0; }
.ezw .trade-content .col-md-6 { padding: 0 16px 0 0; }
.ezw .trade-content p { margin-bottom: 24px; }
.ezw[data-wallet-view='send'] .wallet-actions, .ezw[data-wallet-view='send'] .receive-panel,
.ezw[data-wallet-view='keys'] .receive-panel, .ezw[data-wallet-view='trade'] .receive-panel { display: none; }
.ezw[data-wallet-view='send'] .address-block { margin-bottom: 26px; }
.ezw .about-pane { max-width: 1128px; margin: 48px auto 24px; }
.ezw .about-content { min-height: 640px; background: url('../img/about-background.png') center bottom / 1127px 596px no-repeat; }
.ezw .about-content .about-title { font-size: 46px; line-height: 56px; font-weight: 900; margin: 0; }
.ezw .about-content .about-subtitle { font-size: 40px; line-height: 50px; font-weight: 400; margin: 0 0 40px; }
.ezw .about-content h3 { font-size: 28px; line-height: 38px; font-weight: 400; margin: 0 0 4px; }
.ezw .about-text { width: 552px; max-width: 100%; }
.ezw .about-feature-list { padding-left: 0; margin: 0; }
.ezw .about-feature-list p { margin: 0 0 16px; font-size: 18px; line-height: 25px; }
.ezw .about-text > p { font-size: 18px; }
.ezw .about-feature-list li { padding: 0 0 16px; font-size: 18px; line-height: 25px; }
.ezw .about-content > p { font-size: 18px; }
.ezw .about-content .warning-note { max-width: 552px; margin-top: 40px; font-size: 16px; line-height: 24px; }
.ezw .ezw-footer { height: auto; background: transparent; margin: 0; padding: 24px 20px 30px; }
.ezw .footer-inner { max-width: 1128px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; color: #8093a6; font-size: 14px; }
.ezw .footer-inner a { color: inherit; }
.ezw .footer-inner .donation { overflow-wrap: anywhere; }
.ezw .legacy-pane { max-width: 1128px; margin: 48px auto; padding: 32px; background: #fff; border-radius: 32px; box-shadow: 0 10px 40px #23305112; }
.ezw .legacy-pane .form-control { margin-bottom: 8px; }
.ezw .modal-content { border: 0; border-radius: 28px; box-shadow: 0 12px 60px #23305140; overflow: hidden; }
.ezw .modal-header, .ezw .modal-body, .ezw .modal-footer { padding: 20px 24px; }
.ezw .modal-header { border-bottom-color: var(--line); }
.ezw .modal-title { font-size: 24px; font-weight: 700; }
.ezw .modal-footer { border-top-color: var(--line); }
.ezw .modal-footer .btn { border-radius: 24px; padding: 8px 20px; background-image: none; text-shadow: none; }
.ezw .modal-footer .btn-primary { background: var(--gradient); border-color: #fff; }
.ezw .alert { border-radius: 12px; overflow-wrap: anywhere; }

@media (max-width: 1199px) {
  .ezw .header-inner, .ezw .workspace, .ezw .about-pane, .ezw .legacy-pane { margin-left: 20px; margin-right: 20px; }
  .ezw .workspace { gap: 32px; }
  .ezw .market-card { flex-basis: 40%; }
  .ezw .market-title { font-size: 28px; }
  .ezw .price { font-size: 36px; }
  .ezw .price-row { gap: 16px; }
  .ezw .feature-list { padding-left: 28px; font-size: 15px; }
  .ezw .periods { gap: 1px; }
  .ezw .periods > span, .ezw .period { font-size: 16px; }
  .ezw .period { min-width: 30px; }
  .ezw .wallet-card { padding-left: 28px; padding-right: 28px; }
  .ezw .wallet-tab { padding-left: 18px; padding-right: 18px; }
  .ezw .action-button { padding-left: 13px; padding-right: 13px; font-size: 20px; gap: 8px; }
}

@media (max-width: 1024px) {
  .ezw .header-inner { max-width: 900px; }
  .ezw .workspace { max-width: 632px; margin: 40px auto 24px; width: calc(100% - 40px); flex-direction: column-reverse; }
  .ezw .market-card { flex-basis: auto; min-height: 520px; padding: 24px 20px 20px; }
  .ezw .market-title { font-size: 32px; }
  .ezw .price { font-size: 40px; }
  .ezw .feature-list { font-size: 16px; padding-left: 30px; }
  .ezw .periods { gap: 6px; }
  .ezw .periods > span, .ezw .period { font-size: 18px; }
  .ezw .wallet-card { flex: auto; padding: 24px 32px 32px; }
  .ezw .action-button { padding-left: 19px; padding-right: 19px; font-size: 20px; gap: 10px; }
  .ezw .about-content { background-position: center bottom; background-size: auto 500px; padding-bottom: 420px; }
  .ezw .about-pane { max-width: 700px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); }
}

@media (max-width: 600px) {
  .ezw .ezw-header { height: 70px; }
  .ezw .header-inner { margin: 0 20px; gap: 12px; }
  .ezw .brand-label, .ezw .desktop-nav { display: none; }
  .ezw .menu-toggle { display: flex; }
  .ezw .workspace { width: calc(100% - 40px); max-width: 355px; margin-top: 60px; gap: 40px; }
  .ezw .workspace::before { inset: 70px 0 0; background-size: auto 100%; }
  .ezw .market-card, .ezw .wallet-card { padding: 20px; min-height: 0; border-radius: 40px; }
  .ezw .wallet-card { padding-bottom: 30px; min-height: 500px; }
  .ezw .market-card { min-height: 747px; }
  .ezw .panel-title, .ezw .market-title { font-size: 32px; line-height: 44px; }
  .ezw .panel-title { padding-bottom: 16px; }
  .ezw .market-title { white-space: normal; }
  .ezw .price-row { gap: 16px; padding: 20px 0; }
  .ezw .price { font-size: 24px; line-height: 33px; }
  .ezw .price-change { font-size: 18px; line-height: 25px; }
  .ezw .feature-list { padding: 14px 0 14px 18px; font-size: 16px; line-height: 24px; }
  .ezw .feature-list li { padding: 5px 0; }
  .ezw .periods { gap: 0; justify-content: space-between; flex-wrap: wrap; }
  .ezw .periods > span { display: none; }
  .ezw .period { min-width: 30px; font-size: 18px; }
  .ezw .period[aria-pressed='true'] { min-width: 40px; }
  .ezw .login-welcome { font-size: 18px; line-height: 25px; margin-top: 20px; }
  .ezw .info-note { font-size: 14px; line-height: 15px; align-items: flex-start; }
  .ezw .info-icon { margin-top: 2px; }
  .ezw .credentials { margin: 55px auto 24px; }
  .ezw .credentials .field { margin-bottom: 16px; }
  .ezw .form-control { font-size: 18px; line-height: 25px; padding-left: 18px; padding-right: 18px; }
  .ezw .warning-note { font-size: 16px; line-height: 24px; padding: 14px; }
  .ezw .wallet-summary { padding-top: 20px; }
  .ezw .balance-and-types { flex-direction: column-reverse; align-items: stretch; gap: 24px; }
  .ezw .address-types { justify-content: space-between; padding: 0; }
  .ezw .wallet-tab { font-size: 18px; line-height: 25px; padding: 0 24px; flex: 1; text-align: center; }
  .ezw .wallet-tab:first-child { text-align: left; }
  .ezw .wallet-tab:last-child { text-align: right; }
  .ezw #walletBalance { font-size: 24px; line-height: 33px; }
  .ezw .eyebrow { font-size: 14px; line-height: 19px; margin-bottom: 8px; }
  .ezw .address-block { margin: 24px 0; }
  .ezw #walletAddress { font-size: 14px; line-height: 22px; }
  .ezw .address-value { gap: 4px; }
  .ezw .copy-button { flex-basis: 24px; min-height: 28px; padding: 2px; }
  .ezw .copy-button img { width: 20px; height: 20px; }
  .ezw .wallet-actions { display: none; }
  .ezw .receive-panel { flex-direction: column; align-items: center; gap: 20px; padding-top: 24px; }
  .ezw .receive-panel > p { margin: 0; font-size: 18px; line-height: 25px; text-align: center; }
  .ezw #walletQrCode { order: 0; flex-basis: 160px; width: 160px; height: 160px; }
  .ezw #walletQrCode img, .ezw #walletQrCode canvas { width: 160px; height: 160px; }
  .ezw #walletSpend { padding-top: 20px; }
  .ezw #walletSpendTo > .output { grid-template-columns: minmax(0, 1fr) 48px; gap: 12px; margin-bottom: 20px; }
  .ezw .recipient-address { grid-column: 1 / -1; }
  .ezw .recipient-amount { grid-column: 1; width: 130px; max-width: 100%; }
  .ezw .fee-row { grid-template-columns: 1fr; gap: 16px; margin: 0 !important; }
  .ezw .donation-field { width: 130px; max-width: 100%; }
  .ezw .send-actions { gap: 12px; margin-top: 24px; }
  .ezw .send-actions .ezw-button { font-size: 18px; padding: 6px 14px; }
  .ezw #walletSpend label, .ezw #walletKeys label { font-size: 14px; }
  .ezw #walletKeys .key-row { gap: 8px; }
  .ezw #walletKeys .form-control { font-size: 14px; padding-left: 14px; padding-right: 14px; }
  .ezw #walletKeys .showKey { font-size: 12px; padding-left: 7px; padding-right: 10px; }
  .ezw .trade-content .col-md-6 { width: 100%; padding: 0; }
  .ezw .about-pane { margin-top: 40px; }
  .ezw .about-content { min-height: 0; padding-bottom: 0; background-size: 1127px 596px; background-position: 43% 50%; }
  .ezw .about-content .about-title { font-size: 24px; line-height: 33px; }
  .ezw .about-content .about-subtitle { font-size: 24px; line-height: 33px; margin-bottom: 28px; }
  .ezw .about-content h3 { font-size: 22px; line-height: 30px; }
  .ezw .about-feature-list { padding-left: 0; }
  .ezw .about-feature-list p, .ezw .about-text > p { font-size: 18px; line-height: 25px; }
  .ezw .about-feature-list li, .ezw .about-content > p { font-size: 18px; line-height: 25px; }
  .ezw .about-content .warning-note { margin-top: 28px; }
  .ezw .footer-inner { flex-direction: column; text-align: center; font-size: 12px; }
  .ezw .legacy-pane { margin: 30px 20px; padding: 20px; }
  .ezw .legacy-pane .row { margin-left: -5px; margin-right: -5px; }
  .ezw .legacy-pane [class*='col-'] { padding-left: 5px; padding-right: 5px; }
  .ezw .modal-dialog { margin: 20px; }
  .ezw .modal-header, .ezw .modal-body, .ezw .modal-footer { padding: 18px; }
}

.ezw .mobile-menu { position: fixed; inset: 0 0 auto auto; width: min(100%, 395px); min-height: 100dvh; max-height: 100dvh; margin: 0; padding: 20px; border: 0; background: #fff; color: var(--ink); overflow-y: auto; }
.ezw .mobile-menu::backdrop { background: #23305166; }
.ezw .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.ezw .mobile-menu-header .brand-label { display: inline; font-size: 20px; }
.ezw .mobile-menu-header button { min-width: 44px; min-height: 44px; padding: 10px; border: 0; background: none; }
.ezw .mobile-menu-header button img { width: 24px; height: 24px; }
.ezw .mobile-menu-links { display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding-top: 20px; }
.ezw .mobile-menu-links a, .ezw .mobile-menu-links button { display: flex; align-items: center; gap: 16px; padding: 14px 12px; border: 0; background: none; color: var(--ink); text-decoration: none; text-align: left; font-size: 20px; line-height: 28px; }
.ezw .mobile-menu-links img { width: 24px; height: 24px; }
.ezw .mobile-menu-links [aria-current='page'] { color: var(--active); }

/* Public market data stays inside the existing market card. */
.ezw .market-card .price-row { position: relative; gap: 18px; }
.ezw .market-card .price-row[data-state='delayed']::after { content: 'Delayed'; position: absolute; right: 12px; bottom: 2px; color: #926329; font-size: 10px; line-height: 14px; }
.ezw .market-card .price-change { display: flex; flex-direction: column; align-items: flex-start; line-height: 28px; }
.ezw .market-card .price-change small { color: #8394a8; font-size: 12px; line-height: 16px; }
.ezw .market-card .price-change[data-direction='down'] { color: #d34242; }
.ezw .market-card .price-change[data-direction='neutral'] { color: #8394a8; }
.ezw .market-chart { position: relative; margin: 18px 0 0; min-width: 0; }
.ezw .price-chart { display: block; width: 100%; height: auto; min-height: 180px; outline-offset: -2px; border-radius: 6px; touch-action: pan-y; }
.ezw .chart-grid { stroke: #eaf0f6; stroke-width: 1; }
.ezw .chart-axis { fill: #9aaec2; font-family: inherit; font-size: 10px; }
.ezw .chart-area { fill: url(#ezw-market-fill); }
.ezw .chart-line { fill: none; stroke: #159dff; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.ezw .chart-point { fill: #159dff; stroke: #fff; stroke-width: 2; }
.ezw .chart-crosshair { stroke: #b6c9da; stroke-width: 1; stroke-dasharray: 3 3; }
.ezw .chart-tooltip { position: absolute; z-index: 2; left: 8px; right: 8px; top: 6px; margin: 0; padding: 5px 8px; border: 1px solid #d9e5f0; border-radius: 8px; color: #263d55; background: #fff; font-size: 12px; text-align: center; pointer-events: none; box-shadow: 0 3px 12px #23305112; }
.ezw .chart-status { position: absolute; z-index: 1; inset: 8px 12px auto; margin: 0; padding: 5px 8px; border-radius: 6px; color: #8192a7; background: #ffffffed; font-size: 11px; line-height: 16px; text-align: center; pointer-events: none; }
.ezw .chart-status[hidden], .ezw .chart-tooltip[hidden] { display: none; }
.ezw .market-chart[data-state='error'] .chart-status, .ezw .market-chart[data-state='stale'] .chart-status { color: #926329; }
.ezw .market-chart[data-state='loading'] .chart-line { opacity: .45; }
.ezw .market-card .market-caption { margin: 10px 8px 0; font-size: 11px; line-height: 16px; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .ezw .market-card .price-row { gap: 14px; }
  .ezw .market-card .price-change { font-size: 20px; line-height: 25px; }
  .ezw .market-card .price { font-size: 28px; }
  .ezw .market-chart { margin-top: 22px; }
  .ezw .price-chart { min-height: 170px; }
}