:root{--app-height:100svh;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;--content-top:0px;--content-bottom:0px;--content-left:0px;--content-right:0px}
[hidden]{display:none!important}
.app-shell{min-height:var(--app-height)}
#screen-content{min-height:calc(var(--app-height) - 56px);padding-bottom:calc(112px + max(env(safe-area-inset-bottom),var(--safe-bottom)) + var(--content-bottom));padding-left:calc(22px + max(var(--safe-left),var(--content-left)));padding-right:calc(22px + max(var(--safe-right),var(--content-right)))}
.account-home{min-height:calc(var(--app-height) - 192px - max(env(safe-area-inset-bottom),var(--safe-bottom)) - var(--content-bottom))}
.in-telegram .telegram-bar{display:none}
.in-telegram #screen-content{padding-top:calc(24px + max(env(safe-area-inset-top),var(--safe-top)) + var(--content-top));min-height:var(--app-height)}
.in-telegram .account-home{min-height:calc(var(--app-height) - 136px - max(var(--safe-top),env(safe-area-inset-top)) - var(--content-top) - max(var(--safe-bottom),env(safe-area-inset-bottom)) - var(--content-bottom))}
#bottom-nav{padding-bottom:calc(13px + max(env(safe-area-inset-bottom),var(--safe-bottom)) + var(--content-bottom));padding-left:calc(9px + max(var(--safe-left),var(--content-left)));padding-right:calc(9px + max(var(--safe-right),var(--content-right)))}
.selection-sheet{padding-bottom:calc(28px + max(env(safe-area-inset-bottom),var(--safe-bottom)) + var(--content-bottom))}
.missing-balance{font-size:32px;letter-spacing:-.025em;align-self:center;color:var(--muted)}
.card-row>span:nth-child(2),.selection-option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.card-picker>span:nth-child(2){overflow-wrap:anywhere;min-width:0}
.balance-amount{font-size:clamp(38px,17vw,80px);overflow-wrap:anywhere}
.card-switcher{max-width:55%;flex-wrap:wrap}
.card-tools{flex-wrap:wrap}
.card-face .bank-card{height:100%}
.card-top{min-width:0}.card-type{max-width:50%;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flip-card.is-flipped .flip-card-inner{transform:none}.flip-card .card-face{backface-visibility:visible}.flip-card .card-back{transform:none;display:none}.flip-card.is-flipped .card-front{display:none}.flip-card.is-flipped .card-back{display:flex}}

.balance-amount{gap:0}.balance-currency{margin-right:8px}.balance-integer{font-size:inherit}
/* Preserve the centered local title while the root back control is unavailable. */
#telegram-back[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}
