/* Never anchor navigation below the currently visible Telegram viewport. */
:root{--vp-safe-top:0px;--vp-safe-bottom:0px;--vp-safe-left:0px;--vp-safe-right:0px;--vp-nav-height:calc(70px + max(env(safe-area-inset-bottom,0px),var(--vp-safe-bottom)))}
html,body,#root{min-height:0!important}
.app-shell,.app-shell.vp-home-active{height:min(var(--vp-visible-height,100dvh),100dvh)!important;max-height:100dvh!important}
.app-shell>.bottom-nav{height:var(--vp-nav-height)!important;bottom:0!important;padding-bottom:max(6px,env(safe-area-inset-bottom,0px),var(--vp-safe-bottom))!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.app-shell.vp-home-active>.page-scroll,.app-shell:not(.vp-home-active)>.page-scroll{min-height:0!important;top:var(--vp-safe-top)!important;bottom:var(--vp-nav-height)!important;max-height:calc(var(--vp-visible-height,100dvh) - var(--vp-safe-top) - var(--vp-nav-height))!important;overflow-y:auto!important}
.app-shell.vp-home-active>.page-scroll{position:absolute!important;height:auto!important;padding-bottom:18px!important}
.app-shell.vp-home-active .home-screen.vp-emerald-live{min-height:0!important;max-height:none!important;height:auto!important;padding-bottom:12px!important}
/* Interactive controls must paint independently of animated decorative layers. */
.home-screen.vp-emerald-live .telegram-actions{position:relative!important;isolation:isolate;flex-shrink:0!important;margin-bottom:12px!important}
.home-screen.vp-emerald-live .telegram-actions>div{min-width:0!important;transform:none!important;animation:none!important}
.home-screen.vp-emerald-live .telegram-action{position:relative!important;isolation:isolate;animation:none!important;transform:none!important;filter:none!important}
.home-screen.vp-emerald-live .telegram-action>i,.home-screen.vp-emerald-live .telegram-action>span{position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important;transform:none!important}
.home-screen.vp-emerald-live .telegram-action::before,.home-screen.vp-emerald-live .telegram-action::after{display:none!important}
.home-screen.vp-emerald-live .telegram-action strong{background:none!important;-webkit-text-fill-color:#24121a!important;color:#24121a!important}
.app-shell>.bottom-nav button{animation:none!important;transform:none!important;filter:none!important}
.tasks-screen:not(.vp-task-list-mode){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.tasks-screen:not(.vp-task-list-mode) .vp-daily-missions{overflow:visible!important}
.tasks-screen:not(.vp-task-list-mode) .vp-mission-card{min-height:54px!important}
/* Screen changes must not leave controls in a partially painted transition. */
.page-scroll>.enter{animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *::before,.app-shell *::after{animation:none!important;transition:none!important}}
@media(max-width:350px){
 .home-screen.vp-emerald-live .telegram-actions{gap:6px!important}
 .home-screen.vp-emerald-live .telegram-actions>div{padding:0!important;margin:0!important}
 .home-screen.vp-emerald-live .telegram-action{flex-direction:column!important;justify-content:center!important;gap:3px!important;padding:5px 2px!important}
 .home-screen.vp-emerald-live .telegram-action>i{width:22px!important;height:22px!important;flex-shrink:0!important}
 .home-screen.vp-emerald-live .telegram-action>span{width:100%!important;text-align:center!important}
 .home-screen.vp-emerald-live .telegram-action span strong,.home-screen.vp-emerald-live .channel-action span strong b{font-size:9.5px!important;line-height:1.1!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:-.025em!important}
 .home-screen.vp-emerald-live .channel-action span strong b{display:inline!important}
 .home-screen.vp-emerald-live .channel-action span strong b+b::before{content:' '}
}