/* HG unified client design — visual-only; no financial or auth changes. */
:root{--hg-navy:#00347d;--hg-primary:#0867ee;--hg-sky:#39a9ff;--hg-pale:#eef6ff;--hg-ink:#092d67;--hg-muted:#697d9a;--hg-stroke:#e1ecfa;--hg-elevation:0 6px 22px #164b8211}
.app-shell{background:linear-gradient(180deg,#fff 0%,#f5faff 52%,#edf6ff 100%)}
.content{color:var(--hg-ink)}
/* Reference home: keep first three transactions and banner closer to fold. */
.hg-home-blue{min-height:0;padding:calc(14px + env(safe-area-inset-top,0px)) 20px 37px}
.hg-home-greeting h1{font-size:23px;margin:2px 0}
.hg-home-profile{width:48px;height:48px}
.hg-balance-title{margin-top:13px;font-size:15px}
.hg-balance-value{font-size:clamp(38px,10vw,56px);margin-top:5px;line-height:1.15}
.hg-home-body{margin-top:-19px;padding:12px 16px 20px;border-radius:26px 26px 0 0}
.hg-main-actions{gap:10px;margin-bottom:12px}
.hg-main-action{min-height:112px;padding:10px 6px;gap:4px;border-radius:20px}
.hg-main-action>span{width:45px;height:45px}
.hg-main-action .ico{width:26px;height:26px}
.hg-main-action strong{font-size:17px}
.hg-main-action small{font-size:11px}
.hg-recent{padding:12px 14px;margin-bottom:12px;border-radius:21px}
.hg-recent-head{margin-bottom:5px}
.hg-recent-row{min-height:56px;padding:7px 0;gap:7px}
.hg-recent-symbol{flex-basis:34px;height:34px}
.hg-recent-info{gap:2px}.hg-recent-money{gap:2px}
.hg-promo-slide{border-radius:19px}
.hg-promo-dots{min-height:20px}
/* Compact shared page heading, using the same blue language as home. */
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth){padding-top:12px}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header{padding:8px 5px;margin:0 0 6px}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.row:has(>.title){position:relative;margin:0 -16px 14px!important;padding:17px 20px 24px;min-height:100px;align-items:flex-start;background:radial-gradient(ellipse at 10% 0%,#55b8ff77,transparent 60%),linear-gradient(130deg,#e9f5ff,#b9dcff 75%,#eaf5ff);border-radius:0 0 28px 28px;overflow:hidden}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.row:has(>.title)::after{content:"";position:absolute;width:115%;height:65px;bottom:-42px;left:-5%;border:1px solid #ffffffa8;border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.row .title{font-size:clamp(22px,5.5vw,27px);line-height:1.5;margin:0;color:var(--hg-navy)}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.row .subtitle{font-size:13px;color:#536d8e;line-height:1.7}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.row .plain-icon{background:#fff;color:var(--hg-primary);box-shadow:0 4px 12px #0758ac14}
/* Common cards, guides, form controls and transaction surfaces. */
.card,.method,.guide,.profile-card,.soft-card,.empty{border-color:var(--hg-stroke);box-shadow:var(--hg-elevation);border-radius:21px;background:#fff}
.card{padding:15px;margin-bottom:12px}
.method{padding:13px 15px;min-height:76px;margin:10px 0;gap:12px}
.method-icon{width:46px;height:46px;border-radius:14px}
.method strong,.guide strong{color:var(--hg-navy)}
.method small{margin-top:3px}
.guide{min-height:66px;padding:11px 13px}
.circle{border-radius:14px}
.filter-row{gap:7px;margin:12px 0 15px}
.filter{min-height:38px;padding:6px 12px}
.flow-steps{margin:12px 0 15px;gap:6px}
.field{margin:13px 0}
.field label{margin-bottom:7px;color:var(--hg-navy)}
.field input,.field select,.field textarea{min-height:48px;border-radius:14px}
.amount-input{border-radius:17px}
.amount-input input{font-size:1.55rem}
.choice-group{margin-bottom:13px}
.choice{min-height:46px;border-radius:13px}
.summary-row{line-height:1.65;gap:12px}
.stack{gap:11px}
.sep{margin:11px 0}
.hint{margin:10px 0}
.hint-box,.warn-box{padding:12px 13px;margin:12px 0;border-radius:15px}
.btn{min-height:48px;border-radius:15px;margin-top:12px}
.pill{border-radius:30px}
.auth-title{color:var(--hg-navy)}
.auth .field{margin:13px 0}
.auth-brand{margin-bottom:19px}
.modal{border-radius:24px 24px 0 0}
.hg-subhead{min-height:0;padding:calc(25px + env(safe-area-inset-top,0px)) 20px 70px}
.hg-subbody{margin-top:-44px}
.hg-profile-identity{padding:17px 15px;margin-bottom:13px}
.hg-profile-avatar{flex-basis:72px;height:72px}
.hg-profile-option,.hg-logout,.hg-guide{min-height:65px!important;margin-bottom:10px!important}
.hg-help-support{min-height:105px}
.hg-subbody .section-title{margin:17px 0 11px}
.app-shell:has(.hg-home) .bottombar,.app-shell:has(.hg-subhead) .bottombar{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
.app-shell:has(.hg-home) .tab,.app-shell:has(.hg-subhead) .tab{min-height:56px}
@media(max-height:740px){.hg-home-blue{padding-bottom:32px}.hg-balance-title{margin-top:8px}.hg-main-action{min-height:100px}.hg-main-action>span{width:40px;height:40px}.hg-recent-row{min-height:52px}}
@media(max-width:365px){.hg-main-action{min-height:103px}.hg-main-action small{font-size:10px}.card{padding:12px}.method{padding:11px}}
@media(prefers-reduced-motion:reduce){.method,.card,.guide{animation:none!important}}

/* v15: Merge duplicated legacy header/title visually into one reference-blue hero.
   This targets actual DOM: header.compact-header + div.row + optional p.subtitle. */
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth):has(>.compact-header + .row:has(>.title)){padding-top:0!important}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth):has(>.compact-header + .row:has(>.title))>.compact-header{
 position:absolute!important;inset-block-start:0;inset-inline:0;height:92px;
 padding:24px 20px 10px!important;margin:0!important;z-index:3;
 background:transparent!important;align-items:flex-start
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth):has(>.compact-header + .row:has(>.title))>.compact-header .office-label{color:#e1eeff!important;font-size:13px}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth):has(>.compact-header + .row:has(>.title))>.compact-header .head-icon{background:#fff;border-color:#dbeaff;box-shadow:0 4px 14px #001b5530}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row:has(>.title){
 margin:0 calc(-1 * clamp(16px,5vw,24px)) 0!important;
 padding:96px 22px 26px!important;
 min-height:166px!important;
 align-items:center!important;
 background:radial-gradient(ellipse at 0% 0%,#2498ff 0%,transparent 52%),linear-gradient(135deg,#0965db 0%,#00377f 62%,#096bf1 100%)!important;
 border-radius:0 0 26px 26px!important;
 color:#fff!important;
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row:has(>.title)::after{
 width:125%!important;height:78px!important;bottom:-55px!important;left:-15%!important;
 border:1px solid #8bcaff6e!important;transform:rotate(-9deg)!important;
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row:has(>.title) .title{
 color:#fff!important;font-size:clamp(23px,6vw,30px)!important;line-height:1.5!important
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row:has(>.title) .plain-icon{
 background:#fff!important;color:#0b55ae!important;width:43px;height:43px;box-shadow:0 3px 12px #00265a2c
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row + .subtitle{
 margin:14px 0 15px!important;color:#687d98!important;font-size:13px!important;line-height:1.7!important
}
.content:not(:has(.hg-home)):not(:has(.hg-subhead)):not(.auth)>.compact-header + .row:not(:has(+ .subtitle)){margin-bottom:15px!important}

/* v16: actual DOM header removed; one unified compact hero for secondary routes. */
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead)) {padding-top:0!important}
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title){
 position:relative;margin:0 -16px 0!important;min-height:132px!important;
 padding:38px 22px 25px!important;display:flex;align-items:center!important;
 background:radial-gradient(ellipse at 5% 0%,#198cff 0%,transparent 60%),linear-gradient(130deg,#0867ee 0%,#00347d 70%,#075ce4 100%)!important;
 border-radius:0 0 28px 28px!important;overflow:hidden
}
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title) .title{color:#fff!important;font-size:clamp(22px,6vw,29px)!important}
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title) .plain-icon{background:#fff!important;color:#0757bc!important;width:46px;height:46px}
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title)+.subtitle{margin:13px 2px 18px!important;font-size:13px!important;line-height:1.7!important}
.content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title)::after{bottom:-57px!important;pointer-events:none}
/* Authentication: bank-grade, white-card layout with restrained blue wave hero. */
.content.auth{padding:0 18px 28px!important;background:linear-gradient(180deg,#f6fbff 0%,#fff 55%,#eff7ff 100%)!important;min-height:100%}
.content.auth>.auth-brand{margin:0 -18px 16px!important;padding:28px 16px 26px!important;
 background:radial-gradient(ellipse at 0% 0%,#45a9ff 0%,transparent 56%),linear-gradient(130deg,#0c74f4 0%,#00347d 80%)!important;
 border-radius:0 0 30px 30px!important;position:relative;overflow:hidden}
.content.auth>.auth-brand::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-49px;height:75px;border:1px solid #9ed7ff70;border-radius:50%;transform:rotate(-7deg);pointer-events:none}
.content.auth>.auth-brand img{width:70px!important;height:76px!important;padding:7px;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px #00245640}
.content.auth>.auth-brand .wordmark{color:#fff!important;font-size:21px!important;margin-top:10px!important}
.content.auth>.auth-brand p{color:#e5f2ff!important;font-size:12px!important;margin:4px 0 0!important}
.content.auth>.auth-title{font-size:25px!important;margin:10px 0 3px!important;color:var(--hg-navy)!important}
.content.auth>.subtitle{font-size:13px!important;color:#657c99!important;line-height:1.75!important;margin:0 0 17px!important}
.content.auth form{background:#fff;border:1px solid #e2ecfa;border-radius:23px;padding:18px 15px 16px;box-shadow:0 9px 28px #164b8212}
.content.auth .field{margin:9px 0 16px!important}
.content.auth .field label{display:block;font-size:13px;font-weight:700;color:var(--hg-navy);margin-bottom:7px}
.content.auth .field input{width:100%;min-height:51px!important;background:#f5f9ff!important;border:1px solid #dce8f8!important;border-radius:14px!important;padding:11px 14px;font-size:15px!important;box-shadow:none!important}
.content.auth .field input:focus{border-color:#0867ee!important;outline:2px solid #0867ee24!important}
.content.auth .btn:not(.ghost):not(.text){background:linear-gradient(110deg,#0867ee,#00449f)!important;color:white!important;border-radius:14px!important;min-height:49px!important}
.content.auth .btn.text{background:transparent!important;box-shadow:none!important;min-height:32px!important;margin:0 0 7px!important;padding:3px 0!important;color:#0867ee!important;font-size:13px!important}
.content.auth .footer-prompt{margin:18px 0 12px!important;text-align:center}
.content.auth .legal-mini{font-size:11px!important;color:#778ba5!important;text-align:center;line-height:1.7!important}
@media(max-height:750px){.content.auth>.auth-brand{padding-top:17px!important;padding-bottom:17px!important}.content.auth>.auth-brand img{height:60px!important;width:60px!important}.content.auth .field{margin-bottom:10px!important}}

/* Unified full-bleed mobile banner frame, 16:9. */
.hg-promo-slide{aspect-ratio:16/9!important;padding:0!important;overflow:hidden!important;border-radius:20px!important}
.hg-promo-slide img{display:block;width:100%;height:100%;object-fit:cover!important;border-radius:0!important}
.hg-balance-toggle{border:0;background:transparent;color:inherit;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;padding:4px;cursor:pointer}
.hg-balance-toggle .ico{width:21px;height:21px}

.hg-home-profile,.hg-profile-avatar{overflow:hidden}
.hg-avatar-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.hg-avatar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.hg-avatar-actions button,.hg-avatar-upload{font-size:12px;color:#0867ee;background:#edf6ff;border:1px solid #d8e9ff;border-radius:12px;padding:8px 11px;cursor:pointer}

/* HG release polish: selection only where users genuinely need to copy data. */
.app-shell{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}
.app-shell button,.app-shell .title,.app-shell .subtitle,.app-shell .section-title,.app-shell .tab,.app-shell .guide strong{-webkit-user-select:none;user-select:none}
.app-shell input,.app-shell textarea,.app-shell [contenteditable],.app-shell .deposit-address-text,.app-shell .destination,.app-shell .mono,.app-shell .copyable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.hg-profile-avatar-wrap{position:relative;display:block;flex:0 0 84px;width:84px;height:84px}
.hg-profile-avatar-wrap .hg-profile-avatar{width:100%;height:100%;display:grid;place-items:center}
.hg-avatar-edit{position:absolute;bottom:-4px;inset-inline-start:-5px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#0867ee;color:#fff;box-shadow:0 2px 8px #00347d44;padding:4px;z-index:2}
.hg-avatar-edit .ico{width:17px;height:17px}
.hg-theme-setting{display:grid;gap:12px}
.hg-theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hg-theme-choices button{border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);min-height:44px;font-size:.8rem}
.hg-theme-choices button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
/* No vertical entrance bounce on wizard and onboarding steps. */
.intro-slide,.method,.card,.guide,.flow-steps,.deposit-overview,.deposit-address-card,.deposit-receipt-card{animation:none!important}
.intro-premium,.intro-slide,.intro-scene,.intro-copy,.intro-controls{transition:none!important;scroll-behavior:auto!important}
.content.auth:has(.intro-premium){scroll-behavior:auto!important;overflow-anchor:none}
.content.auth input,.content.auth textarea{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:auto!important}

/* Dark theme: explicit contrast for all interactive states, not a global color inversion. */
:root[data-theme=dark]{--ink:#e8f1ff;--muted:#aebfda;--navy:#eaf3ff;--blue:#72aeff;--soft:#223755;--line:#3a5271;--bg:#0b1526;--green:#65e3ba;--red:#ff909b;--shadow:0 6px 24px #0004;--hg-navy:#eaf3ff;--hg-primary:#78b4ff;--hg-sky:#7ac7ff;--hg-pale:#213956;--hg-ink:#e8f1ff;--hg-muted:#b2c4dd;--hg-stroke:#38516e;--hg-elevation:0 8px 24px #0004;color-scheme:dark}
:root[data-theme=dark] body{background:#081120;color:#e8f1ff}
:root[data-theme=dark] .app-shell,:root[data-theme=dark] .hg-home{background:#0b1526!important}
:root[data-theme=dark] .content{color:#e8f1ff}
:root[data-theme=dark] .hg-home-body,:root[data-theme=dark] .hg-subbody{background:#0e1d32!important}
:root[data-theme=dark] .card,:root[data-theme=dark] .method,:root[data-theme=dark] .guide,:root[data-theme=dark] .choice,:root[data-theme=dark] .head-icon,:root[data-theme=dark] .bottombar,:root[data-theme=dark] .hg-recent,:root[data-theme=dark] .hg-profile-identity,:root[data-theme=dark] .hg-profile-option,:root[data-theme=dark] .hg-main-action:not(.primary),:root[data-theme=dark] .hg-recent-row,:root[data-theme=dark] .deposit-address-card,:root[data-theme=dark] .deposit-receipt-card,:root[data-theme=dark] .hg-guide,:root[data-theme=dark] .modal,:root[data-theme=dark] .auth-card{background:#172941!important;color:#edf5ff!important;border-color:#38516e!important}
:root[data-theme=dark] .soft-card,:root[data-theme=dark] .hint-box,:root[data-theme=dark] .preview-notice,:root[data-theme=dark] .pill,:root[data-theme=dark] .circle,:root[data-theme=dark] .method-icon,:root[data-theme=dark] .plain-icon,:root[data-theme=dark] .hg-verified,:root[data-theme=dark] .hg-profile-avatar,:root[data-theme=dark] .hg-recent-symbol,:root[data-theme=dark] .hg-main-action>span{background:#243d5c!important;color:#a8d0ff!important;border-color:#436080!important}
:root[data-theme=dark] .field input,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .field select,:root[data-theme=dark] .amount-input,:root[data-theme=dark] input:not([type=file]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:#102239!important;color:#f1f7ff!important;border-color:#496384!important}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#9cafcb!important;opacity:1}
:root[data-theme=dark] input:focus-visible,:root[data-theme=dark] textarea:focus-visible,:root[data-theme=dark] button:focus-visible{outline:2px solid #8cc3ff;outline-offset:2px}
:root[data-theme=dark] .mini,:root[data-theme=dark] .hint,:root[data-theme=dark] .subtitle,:root[data-theme=dark] .method small,:root[data-theme=dark] .hg-profile-identity p,:root[data-theme=dark] .hg-recent-info small,:root[data-theme=dark] .hg-recent-money small,:root[data-theme=dark] .summary-row>span,:root[data-theme=dark] .flow-steps,:root[data-theme=dark] .tab{color:#b7c9e1!important}
:root[data-theme=dark] .title,:root[data-theme=dark] .section-title,:root[data-theme=dark] .hg-profile-identity h2,:root[data-theme=dark] .hg-profile-option strong,:root[data-theme=dark] .hg-recent strong,:root[data-theme=dark] .hg-guide strong,:root[data-theme=dark] .wordmark{color:#f0f7ff!important}
:root[data-theme=dark] .btn:not(.ghost):not(.text),:root[data-theme=dark] .hg-theme-choices button[aria-pressed=true]{background:#267af0!important;color:#fff!important;border-color:#267af0!important}
:root[data-theme=dark] .btn.ghost,:root[data-theme=dark] .hg-theme-choices button,:root[data-theme=dark] .choice.selected,:root[data-theme=dark] .filter.selected{background:#253e5d;color:#d7eaff;border-color:#6b9fe1}
:root[data-theme=dark] .tab.active{background:#254a75!important;color:#9dcaff!important}
:root[data-theme=dark] .hg-home-blue,:root[data-theme=dark] .hg-subhead{background:linear-gradient(125deg,#09254b,#0b4285)!important;color:#fff!important}
:root[data-theme=dark] .hg-home-blue *,:root[data-theme=dark] .hg-subhead *{color:#fff}
:root[data-theme=dark] .hg-home-blue .hg-balance-value,:root[data-theme=dark] .hg-home-blue .hg-balance-title{color:#fff!important}
:root[data-theme=dark] .hint-red,:root[data-theme=dark] .hg-recent-money.negative{color:#ff909b!important}
:root[data-theme=dark] .hg-recent-money.positive{color:#65e3ba!important}
:root[data-theme=dark] .warn-box,:root[data-theme=dark] .deposit-caution{background:#493820!important;color:#ffe2a6!important;border-color:#8a6937!important}
:root[data-theme=dark] .hg-promo-slide img,:root[data-theme=dark] .method-icon img,:root[data-theme=dark] .intro-asset img{filter:none!important}
:root[data-theme=dark] .intro-copy h1,:root[data-theme=dark] .intro-kicker{color:#eaf4ff!important}
:root[data-theme=dark] .intro-copy p,:root[data-theme=dark] .intro-count{color:#b9cde7!important}
:root[data-theme=dark] .intro-currency-sheet,:root[data-theme=dark] .intro-currency-option,:root[data-theme=dark] .intro-transfer-card,:root[data-theme=dark] .intro-wallet-card{background:#172941!important;border-color:#426080!important;color:#f0f7ff!important}
:root[data-theme=dark] .intro-currency-heading strong,:root[data-theme=dark] .intro-currency-option strong{color:#f0f7ff!important}
:root[data-theme=dark] .intro-currency-heading div>span,:root[data-theme=dark] .intro-currency-option div>span{color:#bed0e7!important}
:root[data-theme=dark] .intro-premium{background:#0b1526!important}
\r\n/* Unified dark surfaces and readable contrast */
:root[data-theme=dark] .app-shell,:root[data-theme=dark] .content:not(.auth),:root[data-theme=dark] .hg-subbody,:root[data-theme=dark] .hg-home-body{background:#0e1d32!important}
:root[data-theme=dark] .app-shell::after{display:none!important}
:root[data-theme=dark] .bottombar{background:#172941!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important}
:root[data-theme=dark] .bottombar::before,:root[data-theme=dark] .bottombar::after{display:none!important}
:root[data-theme=dark] .tab{color:#b7cce6!important}
:root[data-theme=dark] .tab.active,:root[data-theme=dark] .app-shell:has(.hg-home) .tab.active,:root[data-theme=dark] .app-shell:has(.hg-subhead) .tab.active{background:#294c75!important;color:#d9ecff!important;box-shadow:inset 0 0 0 1px #8ab8ed!important}
:root[data-theme=dark] .hg-subhead,:root[data-theme=dark] .hg-home-blue,:root[data-theme=dark] .content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title){background:linear-gradient(125deg,#09254b,#0b4285)!important}
:root[data-theme=dark] .content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title)::after{border-color:#7397c066!important}
:root[data-theme=dark] .content:not(.auth):not(:has(.hg-home)):not(:has(.hg-subhead))>.row:has(>.title)+.subtitle{color:#b7c9e1!important}
:root[data-theme=dark] .hg-help-support,:root[data-theme=dark] .support{background:linear-gradient(115deg,#203c58,#19334e)!important;color:#eaf3ff!important;border:1px solid #4b7197!important;box-shadow:none!important}
:root[data-theme=dark] .hg-help-support *,:root[data-theme=dark] .support *{color:#eaf3ff!important}
:root[data-theme=dark] .hg-help-support small,:root[data-theme=dark] .support small{color:#bed3eb!important}
:root[data-theme=dark] .hg-profile-option,:root[data-theme=dark] .hg-guide,:root[data-theme=dark] .hg-recent-row{box-shadow:none!important}
:root[data-theme=dark] .hg-profile-option .ico,:root[data-theme=dark] .hg-guide .ico{color:#b5d5ff}
:root[data-theme=dark] .hg-profile-identity p,:root[data-theme=dark] .hg-profile-identity .mini{color:#bed0e7!important}
:root[data-theme=dark] .hg-logout{color:#ffabb7!important}
:root[data-theme=dark] .hg-logout .circle{background:#4b283b!important;color:#ffabb7!important}
:root[data-theme=dark] .hg-verified{color:#c6e0ff!important}
:root[data-theme=dark] .hg-subbody .section-title{color:#f0f7ff!important}
:root[data-theme=dark] .hg-recent-info small,:root[data-theme=dark] .hg-recent-money small{color:#c1d2e9!important}
:root[data-theme=dark] .hg-home-blue .subtitle,:root[data-theme=dark] .hg-subhead .subtitle{color:#d6e7fc!important}
:root[data-theme=dark] .content.auth{background:#0e1d32!important}
:root[data-theme=dark] .content.auth .auth-card,:root[data-theme=dark] .content.auth .field input{background:#172941!important;color:#f1f7ff!important;border-color:#496384!important}
:root[data-theme=dark] .content.auth .field label{color:#e9f3ff!important}

:root[data-theme=dark] .app-shell:has(.hg-home) .bottombar,:root[data-theme=dark] .app-shell:has(.hg-subhead) .bottombar{border:0!important;box-shadow:none!important;background:#172941!important}
:root[data-theme=dark] .app-shell:has(.hg-home) .tab,:root[data-theme=dark] .app-shell:has(.hg-subhead) .tab{color:#b7cce6!important}
:root[data-theme=dark] .hg-subbody{min-height:calc(100% - 140px);background:#0e1d32!important}
:root[data-theme=dark] .content:has(.hg-subhead){background:#0e1d32!important}

/* Consistent rounded navigation across every authenticated page. */
.app-shell.with-nav{background:var(--bg)}
.app-shell.with-nav .bottombar{border-radius:25px 25px 0 0!important;overflow:hidden;border-top:0!important;box-shadow:none!important}
:root[data-theme=dark] .app-shell.with-nav{background:#0e1d32!important}
:root[data-theme=dark] .app-shell.with-nav .bottombar{background:#172941!important;border:0!important;box-shadow:none!important}
:root[data-theme=light] .app-shell.with-nav{background:#f6faff!important}

/* Unified overlay bottom navigation: page artwork stays visible through rounded corners. */
.app-shell.with-nav{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto!important}
.app-shell.with-nav>.content{grid-column:1;grid-row:1 / 3;min-height:0;padding-bottom:112px!important}
.app-shell.with-nav>.bottombar{grid-column:1;grid-row:2;align-self:end;position:relative;z-index:20;min-width:0;border-radius:25px 25px 0 0!important;overflow:hidden;padding:6px 9px calc(6px + env(safe-area-inset-bottom,0px))!important;border:0!important;box-shadow:none!important}
.app-shell.with-nav>.bottombar>.tab{min-height:56px!important;border-radius:17px!important}
.hg-native-android .app-shell.with-nav>.bottombar{padding-bottom:6px!important}
.keyboard-open .app-shell.with-nav>.content{grid-row:1!important}

/* Home avatar: fixed square, no flex compression or button padding. */
.hg-home-greeting>.hg-home-profile{flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;aspect-ratio:1/1;padding:0!important;box-sizing:border-box;overflow:hidden;border-radius:50%;display:grid;place-items:center}
.hg-home-greeting>.hg-home-profile .hg-avatar-image{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%;flex-shrink:0}