/* Consolidation: shared account-inspired surfaces, preserving display preferences. */
:root { --wl-con-card: #fff; --wl-con-bg: #f4f6f8; --wl-con-ink: #243449; --wl-con-line: #e5eaf0; --wl-con-muted: #657487; }
html[data-theme="dark"] { --wl-con-card: #162332; --wl-con-bg: #0e1925; --wl-con-ink: #e5edf7; --wl-con-line: #2e4054; --wl-con-muted: #a2b3c5; }
.wl-final-home, .wl-final-discover, .wl-account-design { background: var(--wl-con-bg) !important; color: var(--wl-con-ink); }
.wl-final-page .wl-final-main { padding-bottom: calc(var(--wl-nav-h, 50px) + env(safe-area-inset-bottom, 0px) + 24px) !important; }
.wl-final-home .wl-final-section, .wl-final-discover .wl-final-section { margin-top: 22px !important; }
.wl-final-home .wl-final-brand img { width: 42px !important; height: 42px !important; border: 1px solid #5caf8c; border-radius: 13px; box-shadow: 0 0 7px #53ad8820; }
.wl-final-icon-button { min-width: 44px !important; min-height: 44px !important; }
.wl-final-icon-button svg { width: 25px !important; height: 25px !important; }
#home-service-status[data-state="online"] i, #home-service-status[data-state="ready"] i { background: #20b676 !important; box-shadow: 0 0 7px #20b67680; animation: wl-service-breathe 3s ease-in-out infinite; }
@keyframes wl-service-breathe { 50% { opacity: .55; box-shadow: 0 0 3px #20b67630; } }
.wl-final-home .wl-final-ticker { min-height: 64px !important; padding: 12px 14px !important; background: var(--wl-con-card) !important; border: 1px solid var(--wl-con-line) !important; border-radius: 18px !important; gap: 9px !important; box-shadow: 0 4px 16px #18314706; }
.wl-final-ticker > span svg { width: 25px; height: 25px; }
.wl-final-ticker em { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#home-system-status { display: none; }
.wl-final-home .wl-final-function-tile, .wl-core-service-grid > a, .wl-quick-action, .wl-hot-project-card { background: var(--wl-con-card) !important; border: 1px solid var(--wl-con-line) !important; box-shadow: 0 5px 18px #18314707 !important; border-radius: 18px !important; }
.wl-core-service-grid > a { min-height: 118px !important; padding: 18px 14px !important; }
.wl-core-service-icon { width: 48px !important; height: 48px !important; }
.wl-core-service-icon svg { width: 29px !important; height: 29px !important; }
.wl-final-ecosystem-card { background: var(--wl-con-card) !important; border-color: var(--wl-con-line) !important; border-radius: 20px !important; }
.wl-final-ecosystem-status { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; }
.wl-final-ecosystem-status a { white-space: nowrap !important; word-break: keep-all !important; min-height: 44px; padding: 10px 12px !important; }
.wl-final-discover .wl-discover-final-appbar { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; align-items: center; }
.wl-final-discover .wl-discover-final-search { height: 48px !important; min-height: 48px !important; flex: 1 1 220px !important; width: auto !important; max-width: none !important; padding: 0 14px !important; border-radius: 16px !important; background: var(--wl-con-card) !important; }
.wl-discover-final-search input { width: 100%; min-width: 0; font-size: 14px !important; }
.wl-discover-final-search svg { width: 25px !important; height: 25px !important; flex-shrink: 0; }
.wl-final-discover .wl-quick-action { padding: 16px 10px !important; min-height: 92px !important; }
.wl-quick-action-icon { width: 43px !important; height: 43px !important; flex: 0 0 43px !important; }
.wl-quick-action-icon svg, .wl-quick-action-icon img { width: 29px !important; height: 29px !important; }
.wl-quick-action-copy b { overflow-wrap: normal; word-break: keep-all; }
.wl-project-filter-chips, .wl-news-filters { gap: 8px !important; overflow-x: auto; flex-wrap: nowrap !important; }
.wl-project-filter-chips button, .wl-news-filters button { min-height: 44px !important; padding: 10px 17px !important; white-space: nowrap; flex-shrink: 0; }
.wl-hot-project-logo { width: 48px !important; height: 48px !important; }
.wl-hot-projects::before { background: #66a9c9 !important; }
.wl-ecosystem-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.wl-ecosystem-grid > a, .wl-ecosystem-grid > article { display: flex; align-items: center; gap: 12px; min-height: 100px; padding: 18px 14px; background: var(--wl-con-card); border: 1px solid var(--wl-con-line); border-radius: 18px; box-shadow: 0 4px 16px #18314707; color: var(--wl-con-ink); }
.wl-ecosystem-grid > * > span { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 14px; background: #e9f1fa; color: #3a6b92; }
.wl-ecosystem-grid svg { width: 27px; height: 27px; }
.wl-ecosystem-grid > * > svg { width: 16px; flex: 0 0 16px; }
.wl-ecosystem-grid div { min-width: 0; flex: 1; }
.wl-ecosystem-grid b { font-size: 14px; }
.wl-ecosystem-grid small { display: block; font-size: 12px; color: var(--wl-con-muted); margin-top: 5px; }
.wl-final-home .wl-home-news-item { display: grid !important; grid-template-columns: 84px minmax(0,1fr); gap: 7px 14px !important; padding: 18px !important; min-height: 122px !important; border: 1px solid var(--wl-con-line) !important; background: var(--wl-con-card) !important; border-radius: 18px !important; margin-bottom: 12px; }
.wl-home-news-item .wl-news-cover { grid-row: 1 / 4; width: 84px !important; height: 84px !important; object-fit: cover; border-radius: 12px; }
.wl-home-news-item strong { font-size: 15px !important; line-height: 1.6 !important; }
.wl-home-news-item b, .wl-home-news-item time { font-size: 12px !important; color: var(--wl-con-muted) !important; }
.wl-home-news-item:nth-child(-n+2) { grid-template-columns: 104px minmax(0,1fr) !important; }
.wl-home-news-item:nth-child(-n+2) .wl-news-cover { width: 104px !important; height: 104px !important; }
.wl-final-discover .wl-crypto-news-item { display: grid !important; grid-template-columns: 90px minmax(0,1fr) !important; gap: 10px 14px !important; padding: 20px 16px !important; border: 1px solid var(--wl-con-line) !important; border-radius: 18px !important; background: var(--wl-con-card) !important; margin-bottom: 12px; }
.wl-crypto-news-item .wl-news-cover { grid-row: 1 / 3; width: 90px !important; height: 90px !important; object-fit: cover; border-radius: 12px; }
.wl-crypto-news-title { font-size: 15px !important; line-height: 1.65 !important; }
.wl-news-stream-meta { flex-wrap: wrap !important; gap: 7px !important; }
.wl-account-design .wl-account-design-list { gap: 12px !important; }
.wl-account-design .wl-account-design-list > a, .wl-account-design .wl-account-design-list > button { min-height: 76px !important; padding: 17px 18px !important; border-radius: 18px !important; background: var(--wl-con-card) !important; box-shadow: 0 4px 16px #18314707 !important; }
.wl-account-design-list .wl-account-accent { width: 44px !important; height: 44px !important; }
.wl-account-design-list .wl-account-accent svg { width: 28px !important; height: 28px !important; }
.wl-account-design-list small { display: block; margin-top: 5px; font-size: 12px; color: var(--wl-con-muted); }
#invite-share-btn { width: 100% !important; min-height: 48px !important; border-radius: 14px !important; background: #276a9a !important; color: white !important; }
[hidden] { display: none !important; }
.wl-center-main { max-width: 860px; margin: 0 auto; padding: 24px 20px calc(var(--wl-nav-h,50px) + env(safe-area-inset-bottom,0px) + 28px); color: var(--wl-con-ink); }
.wl-center-main h1 { font-size: 25px; margin: 18px 0; font-weight: 750; }
.wl-center-main h2 { font-size: 18px; font-weight: 700; margin-bottom: 14px; }
.wl-center-card, .wl-center-links > a { background: var(--wl-con-card); border: 1px solid var(--wl-con-line); border-radius: 20px; padding: 22px; margin: 16px 0; box-shadow: 0 4px 18px #18314707; }
.wl-center-card p { font-size: 14px; line-height: 1.7; color: var(--wl-con-muted); margin-top: 12px; overflow-wrap: anywhere; }
.wl-center-links > a { display: grid; grid-template-columns: 1fr auto; gap: 7px; min-height: 85px; }
.wl-center-links > a span { grid-column: 1; font-size: 13px; color: var(--wl-con-muted); }
.wl-center-links > a i { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.wl-back-link { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; color: #347ca6; margin-right: 12px; }
.wl-network-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.wl-network-grid button { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 12px; border: 1px solid var(--wl-con-line); border-radius: 14px; font-size: 13px; }
.wl-network-grid button[aria-pressed="true"] { border-color: #5799bc; background: #559fba16; }
.wl-route-label { display: flex; flex-direction: column; gap: 10px; }
.wl-route-label select { width: 100%; min-height: 48px; padding: 10px; border: 1px solid var(--wl-con-line); border-radius: 12px; color: var(--wl-con-ink); background: var(--wl-con-card); }
.wl-share-options { width: min(440px,calc(100vw - 32px)); max-height: 85dvh; overflow-y: auto; border-radius: 22px; padding: 24px; border: 1px solid var(--wl-con-line); background: var(--wl-con-card); color: var(--wl-con-ink); }
.wl-share-options::backdrop { background: #10203570; }
.wl-share-options button, .wl-share-options a { display: flex; align-items: center; min-height: 48px; padding: 12px; border-radius: 12px; margin: 8px 0; width: 100%; overflow-wrap: anywhere; border: 1px solid var(--wl-con-line); }
.wl-share-options p { font-size: 13px; line-height: 1.7; color: var(--wl-con-muted); }
.wl-data-disclosure { background: var(--wl-con-card) !important; border: 1px solid var(--wl-con-line); border-radius: 18px; margin-top: 18px; }
.wl-data-disclosure > summary { padding: 18px; min-height: 56px; cursor: pointer; font-weight: 650; color: var(--wl-con-ink); }
.wl-data-disclosure:not([open]) > :not(summary) { display: none !important; }
@media (max-width: 430px) {
 .wl-ecosystem-grid { grid-template-columns: 1fr; }
 .wl-discover-final-title { flex: 0 0 auto; }
 .wl-final-discover .wl-discover-final-search { flex-basis: 180px !important; }
 .wl-core-service-grid > a { flex-wrap: wrap; }
 .wl-network-grid button span { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) { #home-service-status i { animation: none !important; } }

.wl-final-home .wl-final-function { background: var(--wl-con-card) !important; border: 1px solid var(--wl-con-line) !important; min-height: 125px !important; padding: 18px !important; border-radius: 18px !important; box-shadow: 0 5px 18px #18314707 !important; }
.wl-final-function-icon { width: 46px !important; height: 46px !important; }
.wl-final-function-icon svg { width: 30px !important; height: 30px !important; }
.wl-final-discover .wl-hot-projects .wl-section-title::before, .wl-final-discover .wl-project-filter-chips button.is-active { color: #287394 !important; border-color: #96bfd1 !important; background: #e9f2f8 !important; }
/* Explicit page scope beats historical per-page !important rules. */
html[data-page="home"] body .page-root .wl-final-main,
html[data-page="discover"] body .page-root .wl-final-main { background: var(--wl-con-bg) !important; padding-bottom: calc(var(--wl-nav-h,50px) + env(safe-area-inset-bottom,0px) + 24px) !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-ticker { min-height: 64px !important; height: auto !important; padding: 12px 14px !important; border-radius: 16px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-brand img { width: 42px !important; height: 42px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-function { min-height: 126px !important; padding: 18px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-function-icon { width: 46px !important; height: 46px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-function-icon svg { width: 29px !important; height: 29px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-grid { gap: 12px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-grid > a { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; position: relative !important; min-height: 152px !important; height: auto !important; align-content: start !important; padding: 18px 14px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-copy { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-copy b { display: block !important; width: 100% !important; font-size: 15px !important; line-height: 1.45 !important; white-space: nowrap !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-copy small { display: block !important; width: 100% !important; margin-top: 7px !important; font-size: 11px !important; line-height: 1.5 !important; color: var(--wl-con-muted) !important; white-space: normal !important; overflow: visible !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-core-service-arrow { position: absolute !important; top: 24px !important; right: 14px !important; width: 18px !important; height: 18px !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-ecosystem-status a { white-space: nowrap !important; min-height: 44px !important; width: auto !important; flex: 1 1 auto; }
html[data-page="home"] body .page-root .wl-final-main .wl-final-chain-item small { white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item { background: var(--wl-con-card) !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item > b { width: fit-content !important; padding: 2px 7px !important; background: #eaf1f8 !important; border: none !important; color: #4a6b8b !important; }
html[data-page="home"] body .page-root .wl-final-main .wl-home-news-item > strong { font-size: 15px !important; line-height: 1.6 !important; }
html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-item { background: var(--wl-con-card) !important; border: 1px solid var(--wl-con-line) !important; padding: 20px 16px !important; border-radius: 18px !important; }
html[data-page="discover"] body .page-root .wl-final-main .wl-crypto-news-title { font-size: 15px !important; line-height: 1.65 !important; }
.wl-data-card { margin: 12px 0; padding: 14px; background: var(--wl-con-card); border: 1px solid var(--wl-con-line); border-radius: 16px; }
.wl-data-card > summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-weight: 650; }
.wl-data-card:not([open]) > :not(summary) { display: none !important; }
html[data-theme="dark"][data-page="home"] body .page-root .wl-final-main .wl-final-function,
html[data-theme="dark"][data-page="discover"] body .page-root .wl-final-main .wl-quick-action,
html[data-theme="dark"][data-page="account"] body .page-root .wl-account-design-list > a,
html[data-theme="dark"][data-page="account"] body .page-root .wl-account-design-list > button { background: var(--wl-con-card) !important; color: var(--wl-con-ink) !important; border-color: var(--wl-con-line) !important; }
html[data-theme="dark"][data-page="home"] body .page-root .wl-final-main .wl-final-function-copy b,
html[data-theme="dark"][data-page="home"] body .page-root .wl-final-main .wl-core-service-copy b,
html[data-theme="dark"][data-page="discover"] body .page-root .wl-final-main .wl-quick-action-copy b,
html[data-theme="dark"][data-page="account"] body .page-root .wl-account-design-list b { color: var(--wl-con-ink) !important; }
html[data-theme="dark"] body .page-root .mobile-tabbar .mobile-tab,
html[data-theme="dark"] body .page-root .mobile-tabbar .mobile-tab span { color: #9eb3c6 !important; }
html[data-theme="dark"] body .page-root .mobile-tabbar .mobile-tab.active,
html[data-theme="dark"] body .page-root .mobile-tabbar .mobile-tab.active span { color: #edf4fb !important; }