/* WhaleLand compact entry system. Loaded last so the shared home language wins
   over older page-specific card treatments without changing data behavior. */
:root {
  --wl-entry-height: 84px;
  --wl-entry-radius: 12px;
  --wl-entry-gap: 8px;
  --wl-entry-padding: 10px;
  --wl-entry-bg: #fff;
  --wl-entry-border: #e3e5e8;
  --wl-entry-ink: #262a30;
  --wl-entry-muted: #747b85;
  --wl-entry-accent: #464c55;
  --wl-entry-tint: #f1f2f4;
  --wl-entry-tint-strong: #e9ebee;
  --wl-entry-icon-box: 34px;
  --wl-entry-icon: 20px;
  --wl-entry-title: 14px;
  --wl-entry-shadow: 0 8px 24px rgba(31, 38, 47, .065), 0 1px 2px rgba(31, 38, 47, .035);
}

html[data-theme="dark"] {
  --wl-entry-bg: #1c1e22;
  --wl-entry-border: #393c42;
  --wl-entry-ink: #ededee;
  --wl-entry-muted: #a3a7ae;
  --wl-entry-accent: #d2d4d8;
  --wl-entry-tint: #292c31;
  --wl-entry-tint-strong: #32353b;
  --wl-entry-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

/* One elevated parent card, with quiet inner buttons and no divider lines. */
html[data-page] body :is(.wl-entry-shell, .wl-service-shell, .wl-account-service-shell) {
  box-sizing: border-box;
  padding: 11px !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: var(--wl-entry-shadow) !important;
}

html[data-page] body .wl-entry-grid,
html[data-page] body .wl-core-service-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--wl-entry-gap) !important;
}

html[data-page] body .wl-entry-grid > :is(a, button),
html[data-page] body .wl-core-service-grid > a {
  position: relative;
  display: flex !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--wl-entry-height) !important;
  min-height: var(--wl-entry-height) !important;
  padding: var(--wl-entry-padding) 4px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  color: var(--wl-entry-ink) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: var(--wl-entry-radius) !important;
  box-shadow: none !important;
  text-align: center;
  text-decoration: none;
}

html[data-page] body :is(.wl-entry-grid, .wl-core-service-grid) > :is(a, button) > span:first-child {
  display: flex !important;
  width: var(--wl-entry-icon-box) !important;
  height: var(--wl-entry-icon-box) !important;
  min-width: var(--wl-entry-icon-box);
  flex: none !important;
  align-items: center;
  justify-content: center;
  color: var(--wl-entry-accent) !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 10px !important;
}

html[data-page] body :is(.wl-entry-grid, .wl-core-service-grid) :is(.wl-icon, .wl-quick-action-icon img) {
  width: var(--wl-entry-icon) !important;
  height: var(--wl-entry-icon) !important;
  object-fit: contain;
  flex: none;
}

html[data-page] body :is(.wl-entry-grid, .wl-core-service-grid) b {
  width: auto !important;
  margin: 0 !important;
  color: var(--wl-entry-ink) !important;
  font-size: var(--wl-entry-title) !important;
  line-height: 19px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

html[data-page] body .wl-entry-grid :is(.wl-final-function-copy, .wl-quick-action-copy) { width: auto; flex: none; }
html[data-page] body .wl-entry-grid :is(.wl-final-function-arrow, .wl-quick-action-chevron) { display: none; }
html[data-page] body .wl-entry-grid > .is-soon { cursor: default; opacity: .72; gap: 1px !important; }
html[data-page] body .wl-entry-grid > .is-soon small { margin: 0; color: var(--wl-entry-muted); font-size: 10.5px !important; line-height: 14px; }
html[data-page] body .wl-entry-grid > .is-active { background: var(--wl-entry-tint-strong) !important; }

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) {
  display: grid;
  gap: var(--wl-entry-gap);
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) > :is(a, button),
html[data-page] body .wl-account-pwa-card {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 52px !important;
  padding: 9px 10px !important;
  align-items: center;
  gap: 10px;
  color: var(--wl-entry-ink) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: var(--wl-entry-radius) !important;
  box-shadow: none !important;
  text-decoration: none;
}

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) > :is(a, button) > span:first-child,
html[data-page] body .wl-account-pwa-icon {
  display: flex;
  width: var(--wl-entry-icon-box) !important;
  height: var(--wl-entry-icon-box) !important;
  flex: 0 0 var(--wl-entry-icon-box) !important;
  align-items: center;
  justify-content: center;
  color: var(--wl-entry-accent) !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 10px;
}

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) > :is(a, button) > span .wl-icon,
html[data-page] body .wl-account-pwa-icon .wl-icon {
  width: var(--wl-entry-icon) !important;
  height: var(--wl-entry-icon) !important;
}

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) b,
html[data-page] body .wl-account-pwa-card b {
  color: inherit;
  font-size: var(--wl-entry-title) !important;
  font-weight: 650 !important;
}

html[data-page] body :is(.wl-entry-list, .wl-more-entry-list) > :is(a, button) > .wl-icon {
  width: 14px !important;
  height: 14px !important;
  margin-left: auto;
  color: var(--wl-entry-accent);
}

html[data-page] body .wl-entry-list > [hidden] { display: none !important; }
html[data-page] body .wl-entry-list #wl-design-account-network > div { flex-direction: row; align-items: center; gap: 8px; }
html[data-page] body .wl-entry-list #wl-design-account-chain { margin: 0; color: var(--wl-entry-muted); font-size: 11px; }

/* Home: quiet 3x2 face, continuously moving real network logos, poster news. */
html[data-page="home"] body .wl-home-entry-shell { margin-top: 12px !important; }

html[data-page="home"] body .wl-final-ecosystem-card {
  overflow: hidden;
  padding: 14px !important;
  border: 0 !important;
  box-shadow: var(--wl-entry-shadow) !important;
}

html[data-page="home"] body .wl-final-ecosystem-lead {
  display: flex;
  min-height: 34px;
  align-items: center;
  gap: 9px;
}

html[data-page="home"] body .wl-final-ecosystem-lead > span {
  display: flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  color: var(--wl-entry-accent) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: 10px;
}

html[data-page="home"] body .wl-final-ecosystem-lead h2 {
  margin: 0;
  color: var(--wl-entry-ink);
  font-size: 14px !important;
  font-weight: 650 !important;
}

html[data-page="home"] body .wl-final-chain-strip.is-full {
  display: flex !important;
  width: calc(100% + 28px);
  margin: 12px -14px 0;
  padding: 8px 0 !important;
  overflow: hidden;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

html[data-page="home"] body .wl-chain-marquee-group {
  display: flex;
  width: max-content;
  min-width: max-content;
  flex: none;
  align-items: center;
  gap: 22px;
  animation: wl-chain-loop 20s linear infinite;
}

html[data-page="home"] body .wl-final-chain-strip.is-full img {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  object-fit: contain;
  flex: 0 0 30px;
}

html[data-page="home"] body .wl-final-chain-strip.is-full img:is([data-chain="polygon"], [data-chain="opbnb"]) { transform: scale(1.15); }

@keyframes wl-chain-loop {
  to { transform: translateX(calc(-100% - 22px)); }
}

html[data-page="home"] body .wl-final-ecosystem-cta {
  display: inline-flex;
  min-height: 30px;
  margin-top: 8px;
  padding: 0 11px;
  align-items: center;
  gap: 3px;
  color: var(--wl-entry-ink);
  background: var(--wl-entry-tint);
  border: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
}

html[data-page="home"] body .wl-final-ecosystem-cta .wl-icon { width: 12px; height: 12px; }

html[data-page="home"] body .wl-final-home-news {
  overflow: hidden;
  padding: 11px !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: var(--wl-entry-shadow) !important;
}

html[data-page="home"] body .wl-final-home-news .wl-final-section-head a { color: var(--wl-entry-accent); }
html[data-page="home"] body .wl-home-news-list { display: grid; margin-top: 8px; gap: 7px; border: 0; background: transparent; }
html[data-page="home"] body .wl-home-news-item { border: 0 !important; border-radius: 12px !important; text-decoration: none; }

html[data-page="home"] body .wl-home-news-item.is-featured {
  position: relative;
  display: block !important;
  min-height: 174px;
  padding: 0 !important;
  overflow: hidden;
  background: #252a31 !important;
}

html[data-page="home"] body .wl-home-news-item.is-featured::after { content: ''; position: absolute; inset: 24% 0 0; background: linear-gradient(180deg, transparent, rgba(16, 19, 23, .94)); }
html[data-page="home"] body .wl-home-news-item.is-featured .wl-news-cover { display: block; width: 100% !important; height: 174px !important; object-fit: cover; border-radius: inherit; }
html[data-page="home"] body .wl-home-news-item.is-featured > b { position: absolute; z-index: 1; left: 12px; bottom: 68px; width: max-content; padding: 3px 7px; color: #fff !important; background: rgba(255,255,255,.18) !important; border: 0 !important; border-radius: 999px; font-size: 10px !important; font-weight: 650 !important; backdrop-filter: blur(8px); }
html[data-page="home"] body .wl-home-news-item.is-featured > strong { position: absolute; z-index: 1; right: 12px; bottom: 27px; left: 12px; display: -webkit-box; overflow: hidden; color: #fff !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.4 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-page="home"] body .wl-home-news-item.is-featured > time { position: absolute; z-index: 1; right: 12px; bottom: 9px; color: rgba(255,255,255,.75) !important; font-size: 10px !important; }

html[data-page="home"] body .wl-home-news-item.is-compact {
  display: grid;
  min-height: 48px;
  padding: 8px 10px !important;
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  background: var(--wl-entry-tint);
}

html[data-page="home"] body .wl-home-news-item.is-compact .wl-news-cover { display: none; }
html[data-page="home"] body .wl-home-news-item.is-compact > b { padding: 2px 6px; color: var(--wl-entry-accent); background: var(--wl-entry-bg); border-radius: 6px; font-size: 9.5px !important; font-weight: 650 !important; }
html[data-page="home"] body .wl-home-news-item.is-compact > strong { overflow: hidden; color: var(--wl-entry-ink); font-size: 12px !important; font-weight: 550 !important; line-height: 1.4 !important; text-overflow: ellipsis; white-space: nowrap; }
html[data-page="home"] body .wl-home-news-item.is-compact > time { color: var(--wl-entry-muted); font-size: 9.5px !important; }

html[data-page="home"] body .wl-final-home-close { margin-top: 10px; padding: 0 0 2px; }
html[data-page="home"] body .wl-final-home-close .wl-compact-ctas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
html[data-page="home"] body .wl-final-home-close .wl-compact-ctas a { display: flex; min-height: 38px; padding: 7px 3px; align-items: center; justify-content: center; gap: 5px; color: #fff !important; background: var(--wl-brand) !important; border: 0 !important; border-radius: 10px; box-shadow: none !important; font-size: 12px; font-weight: 650; white-space: nowrap; }
html[data-page="home"] body .wl-compact-ctas .wl-icon { width: 16px; height: 16px; flex: none; }
html[data-page="home"] body .wl-final-home-close p { display: flex; margin: 9px 0 0; flex-direction: column; color: var(--wl-entry-muted); font-size: 9.5px; line-height: 1.55; text-align: center; }

/* Discover follows the same face and keeps news reading inside WhaleLand. */
html[data-page="discover"] body .wl-discover-final-appbar { gap: 10px; }
html[data-page="discover"] body .wl-discover-final-search {
  width: min(264px, calc(100vw - 108px)) !important;
  max-width: none !important;
  min-width: 0;
  flex: 0 1 264px;
}

html[data-page="discover"] body .wl-information-center { margin-top: 11px !important; }
html[data-page="discover"] body .wl-information-center .wl-final-section-head { margin-bottom: 8px; }
html[data-page="discover"] body .wl-information-center .wl-final-section-head h2,
html[data-page="discover"] body .wl-service-shell .wl-final-section-head h2 { color: var(--wl-entry-ink); font-size: 14px !important; font-weight: 650 !important; }

html[data-page="discover"] body .wl-discover-news-panel {
  padding: 11px !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: var(--wl-entry-shadow) !important;
}

html[data-page="discover"] body .wl-news-filters { margin-top: 8px; gap: 6px !important; }
html[data-page="discover"] body .wl-news-filters button {
  min-height: 34px !important;
  padding: 0 12px !important;
  color: var(--wl-entry-accent) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html[data-page="discover"] body .wl-news-filters button.is-active { color: var(--wl-entry-ink) !important; background: var(--wl-entry-tint-strong) !important; font-weight: 700 !important; }
html[data-page="discover"] body .wl-crypto-news-list { display: grid; margin-top: 9px; gap: 7px; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
html[data-page="discover"] body .wl-crypto-news-item { border: 0 !important; box-shadow: none !important; }
html[data-page="discover"] body .wl-crypto-news-item.is-featured { min-height: 210px !important; padding: 0 !important; overflow: hidden; background: #252a31 !important; border-radius: 13px !important; }
html[data-page="discover"] body .wl-crypto-news-item.is-featured { position: relative; display: block !important; color: #fff; }
html[data-page="discover"] body .wl-crypto-news-item.is-featured::after { content: ''; position: absolute; inset: 20% 0 0; background: linear-gradient(180deg, transparent, rgba(13, 16, 20, .95)); }
html[data-page="discover"] body .wl-crypto-news-item.is-featured .wl-news-cover { display: block; width: 100% !important; height: 210px !important; object-fit: cover; border-radius: inherit; }
html[data-page="discover"] body .wl-crypto-news-item.is-featured .wl-news-stream-meta { position: absolute; z-index: 1; right: 13px; bottom: 10px; left: 13px; display: flex; gap: 7px; color: rgba(255,255,255,.72) !important; font-size: 10px !important; }
html[data-page="discover"] body .wl-crypto-news-item.is-featured .wl-news-stream-meta b { width: max-content; padding: 3px 7px; color: #fff; background: rgba(255,255,255,.18); border-radius: 999px; font-size: 10px !important; font-weight: 650; backdrop-filter: blur(8px); }
html[data-page="discover"] body .wl-crypto-news-item.is-featured .wl-crypto-news-title { position: absolute; z-index: 1; right: 13px; bottom: 31px; left: 13px; display: -webkit-box; overflow: hidden; color: #fff !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.4 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

html[data-page="discover"] body .wl-crypto-news-item.is-compact {
  display: grid !important;
  min-height: 54px !important;
  padding: 9px 10px !important;
  align-items: center;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  background: var(--wl-entry-tint) !important;
  border-radius: 11px !important;
}

html[data-page="discover"] body .wl-crypto-news-item.is-compact .wl-news-cover { display: none; }
html[data-page="discover"] body .wl-crypto-news-item.is-compact .wl-news-stream-meta { display: flex; gap: 7px; color: var(--wl-entry-muted); font-size: 9.5px !important; }
html[data-page="discover"] body .wl-crypto-news-item.is-compact .wl-crypto-news-title { display: -webkit-box; overflow: hidden; color: var(--wl-entry-ink); font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-page="discover"] body .wl-crypto-news-item.is-compact .wl-crypto-news-meta { margin-top: 3px; color: var(--wl-entry-muted); font-size: 9.5px !important; }
html[data-page="discover"] body .wl-news-compact-symbol { margin-left: auto; padding: 3px 6px; color: var(--wl-entry-accent); background: var(--wl-entry-bg); border-radius: 7px; font-size: 10px; font-weight: 650; }

html[data-page="discover"] body .wl-news-detail {
  margin-top: 9px;
  padding: 11px !important;
  color: var(--wl-entry-ink);
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

html[data-page="discover"] body .wl-news-detail-back { display: inline-flex; min-height: 32px; padding: 0 10px; align-items: center; color: var(--wl-entry-ink); background: var(--wl-entry-bg); border-radius: 999px; font-size: 11px; font-weight: 650; }
html[data-page="discover"] body .wl-news-detail .wl-news-cover { display: block; width: 100%; aspect-ratio: 16 / 9; margin: 9px 0; object-fit: cover; border-radius: 10px; }
html[data-page="discover"] body .wl-news-detail h2 { margin: 9px 0 6px; color: var(--wl-entry-ink); font-size: 17px !important; font-weight: 680 !important; line-height: 1.5; }
html[data-page="discover"] body .wl-news-detail p { color: var(--wl-entry-accent); font-size: 12.5px; line-height: 1.75; }

html[data-page="discover"] body .wl-service-shell { margin-top: 12px !important; }
html[data-page="discover"] body .wl-service-shell .wl-final-section-head { margin-bottom: 8px; }

/* The consolidation layer uses intentionally strong selectors. These route
   scoped rules carry the same context so this final compact layer wins. */
html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button),
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--wl-entry-height) !important;
  min-height: var(--wl-entry-height) !important;
  padding: var(--wl-entry-padding) 4px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: var(--wl-entry-radius) !important;
  box-shadow: none !important;
  text-align: center !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) > span:first-child,
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) > span:first-child {
  display: flex !important;
  width: var(--wl-entry-icon-box) !important;
  height: var(--wl-entry-icon-box) !important;
  min-width: var(--wl-entry-icon-box) !important;
  flex: 0 0 var(--wl-entry-icon-box) !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--wl-entry-accent) !important;
  background: var(--wl-entry-bg) !important;
  border: 0 !important;
  border-radius: 10px !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid .wl-icon,
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid :is(.wl-icon, .wl-quick-action-icon img) {
  width: var(--wl-entry-icon) !important;
  height: var(--wl-entry-icon) !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid b,
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid b {
  width: auto !important;
  color: var(--wl-entry-ink) !important;
  font-size: var(--wl-entry-title) !important;
  line-height: 19px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid .wl-quick-action-copy {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  flex: none !important;
  background: transparent !important;
}

html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid > .is-soon small {
  display: block !important;
  margin: 0 !important;
  color: var(--wl-entry-muted) !important;
  font-size: 10.5px !important;
  line-height: 14px !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-featured {
  display: block !important;
  min-height: 174px !important;
  padding: 0 !important;
  background: #252a31 !important;
  border: 0 !important;
  border-radius: 12px !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-featured .wl-news-cover {
  width: 100% !important;
  height: 174px !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-featured > b {
  width: max-content !important;
  padding: 3px 7px !important;
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-compact {
  display: grid !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: 12px !important;
}

html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-item.is-featured {
  display: block !important;
  min-height: 210px !important;
  padding: 0 !important;
  background: #252a31 !important;
  border: 0 !important;
  border-radius: 13px !important;
}

html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-item.is-compact {
  display: grid !important;
  min-height: 54px !important;
  padding: 9px 10px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: 11px !important;
}

/* Account navigation and more services now share one outer card. */
html[data-page="account"] body .wl-account-service-shell { margin: 12px 0 0; }
html[data-page="account"] body .wl-account-more-services { margin: 14px 0 8px; }
html[data-page="account"] body .wl-account-more-services h2,
html[data-page="account"] body .wl-account-design-settings h2 { margin: 0 0 8px; color: var(--wl-entry-ink); font-size: 14px; font-weight: 650; }
html[data-page="account"] body .wl-account-pwa-card { margin-top: 8px; }
html[data-page="account"] body .wl-account-pwa-card [data-pwa-install-action] { display: none; }
html[data-page="account"] body :is(.wl-account-design-list small, .wl-account-pwa-copy small) { display: none !important; }
html[data-page="account"] body .wl-account-pwa-card::after { content: '›'; margin-left: auto; color: var(--wl-entry-accent); font-size: 21px; }

html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list > :is(a, button),
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-card {
  min-height: 52px !important;
  padding: 9px 10px !important;
  gap: 10px !important;
  color: var(--wl-entry-ink) !important;
  background: var(--wl-entry-tint) !important;
  border: 0 !important;
  border-radius: var(--wl-entry-radius) !important;
  box-shadow: none !important;
}

html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list .wl-account-accent,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-icon {
  width: var(--wl-entry-icon-box) !important;
  height: var(--wl-entry-icon-box) !important;
  flex: 0 0 var(--wl-entry-icon-box) !important;
  background: var(--wl-entry-bg) !important;
  border-radius: 10px !important;
}

html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list .wl-account-accent svg,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-icon svg {
  width: var(--wl-entry-icon) !important;
  height: var(--wl-entry-icon) !important;
}

/* Only the two swap mode selectors are recolored; trade layout and markets stay untouched. */
html[data-page="swap"] body .wl-final-swap-mode-tabs button { color: var(--wl-entry-accent) !important; background: transparent !important; }
html[data-page="swap"] body .wl-final-swap-mode-tabs button.is-active { color: #fff !important; background: var(--wl-brand) !important; box-shadow: none !important; }

html[data-page] body :is(.wl-entry-grid, .wl-entry-list, .wl-more-entry-list) > :is(a, button):focus-visible,
html[data-page] body .wl-account-pwa-card:focus-visible {
  outline: 2px solid var(--wl-entry-accent);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  html[data-page] body :is(.wl-final-home, .wl-final-discover, .wl-final-invite, .account-page-root) {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 389px) {
  :root { --wl-entry-gap: 6px; --wl-entry-title: 12.5px; }
  html[data-page="discover"] body .wl-discover-final-search { width: calc(100vw - 102px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-page="home"] body .wl-chain-marquee-group { animation: none; }
  html[data-page="home"] body .wl-final-chain-strip.is-full { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
  html[data-page="home"] body .wl-chain-marquee-group[aria-hidden="true"] { display: none; }
}

/* Continuous mobile panels: one calm outer surface, with rows and six-grid
   actions placed directly on it. Spacing and type carry the hierarchy. */
html[data-page="home"],
html[data-page="discover"],
html[data-page="account"] {
  --wl-entry-height: 72px;
  --wl-entry-ink: #343940;
  --wl-entry-muted: #7b8189;
  --wl-entry-accent: #5c636c;
  --wl-fw-page: 600;
  --wl-fw-section: 600;
  --wl-fw-card: 500;
  --wl-fw-body: 400;
  --wl-fw-control: 500;
}

html[data-page="home"] body,
html[data-page="discover"] body,
html[data-page="account"] body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}

html[data-page="home"] body .page-root .wl-entry-shell,
html[data-page="discover"] body .page-root :is(.wl-entry-shell, .wl-service-shell),
html[data-page="account"] body .page-root .wl-account-service-shell {
  padding: 12px 14px !important;
}

html[data-page="home"] body .page-root .wl-entry-grid,
html[data-page="discover"] body .page-root .wl-entry-grid {
  gap: 4px !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button),
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) {
  height: var(--wl-entry-height) !important;
  min-height: var(--wl-entry-height) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) > span:first-child,
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid > :is(a, button) > span:first-child {
  color: var(--wl-entry-accent) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-entry-grid b,
html[data-page="discover"] body .page-root .wl-final-main .wl-entry-grid b {
  color: var(--wl-entry-ink) !important;
  font-weight: 500 !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-list,
html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-list,
html[data-page="discover"] body .page-root .wl-service-shell .wl-more-entry-list,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list {
  gap: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-compact,
html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-item.is-compact,
html[data-page="discover"] body .page-root .wl-service-shell .wl-more-entry-list > a,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list > :is(a, button),
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item.is-compact {
  min-height: 44px !important;
  padding: 8px 4px !important;
}

html[data-page="home"] body .wl-home-news-item.is-compact > b,
html[data-page="home"] body .wl-home-news-item.is-compact > strong,
html[data-page="discover"] body .wl-crypto-news-item.is-compact .wl-crypto-news-title,
html[data-page="discover"] body .wl-news-compact-symbol {
  font-weight: 500 !important;
}

html[data-page="home"] body .wl-home-news-item.is-compact > b,
html[data-page="discover"] body .wl-news-compact-symbol {
  background: transparent !important;
}

html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-item.is-compact {
  min-height: 50px !important;
  padding: 8px 4px !important;
}

html[data-page="discover"] body .page-root .wl-service-shell .wl-more-entry-list > a,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list > :is(a, button),
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-card {
  min-height: 50px !important;
  padding: 8px 4px !important;
  gap: 10px !important;
  color: var(--wl-entry-ink) !important;
}

html[data-page="discover"] body .page-root .wl-service-shell .wl-more-entry-list > a > span:first-child,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-design-list .wl-account-accent,
html[data-page="account"] body .page-root .wl-account-service-shell .wl-account-pwa-icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  color: var(--wl-entry-accent) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-page="discover"] body .page-root .wl-service-shell .wl-more-entry-list b,
html[data-page="account"] body .page-root .wl-account-service-shell :is(.wl-account-design-list, .wl-account-pwa-card) b {
  color: var(--wl-entry-ink) !important;
  font-weight: 500 !important;
}

html[data-page="account"] body .wl-account-pwa-card {
  margin-top: 0 !important;
}

html[data-page="discover"] body .wl-discover-final-search {
  box-sizing: border-box;
  width: min(240px, calc(100vw - 124px)) !important;
  flex: 0 1 240px !important;
}

html[data-page="home"] body :is(.wl-final-section-head h2, .wl-final-ecosystem-lead h2),
html[data-page="discover"] body :is(.wl-discover-final-title strong, .wl-final-section-head h2, .wl-discover-panel-heading h2),
html[data-page="account"] body :is(.wl-account-design-appbar h1, .wl-account-design-settings h2) {
  color: var(--wl-entry-ink) !important;
  font-weight: 600 !important;
}

html[data-page="home"] body .wl-final-home-close .wl-compact-ctas a,
html[data-page="discover"] body .wl-news-filters button,
html[data-page="account"] body .mobile-tabbar .mobile-tab {
  font-weight: 500 !important;
}

html[data-page="discover"] body .wl-news-filters button.is-active {
  font-weight: 500 !important;
}

@media (max-width: 389px) {
  html[data-page="discover"] body .wl-discover-final-search {
    width: calc(100vw - 124px) !important;
  }
}