/* Visible viewport, not device-model detection. No global zoom or text shrink. */
#app {height:100vh;height:var(--vy-visible-height,100dvh);max-width:100%;box-sizing:border-box;}
#app .shell-main,#app .view,#app .panel{min-inline-size:0;min-block-size:0;}
#app .btn-icon svg,#app .bottomnav__btn__icon svg,#app .sidenav__btn__icon svg {
 width:clamp(20px,2.4vw,24px);height:clamp(20px,2.4vw,24px);flex-shrink:0;
}
#app #composer-input{font-size:16px;resize:none;max-height:min(160px,25dvh);}
#app .thread-tools__panel{max-width:calc(100vw - 24px);max-height:min(60dvh,calc(var(--vy-visible-height,100dvh) - 96px));}
#app .thread-header__actions,#app .thread-tools{flex-shrink:0;}
#app #thread-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#app .bubble__text{overflow-wrap:anywhere;}
@media(max-width:860px){
 #app{position:relative;top:var(--vy-visible-top,0px);width:100%;}
 #app #composer-bar{gap:6px;}
 #app #composer-bar .btn-icon,#app #composer-bar .btn-send,#app #composer-bar .vb-emoji-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;}
 #app #composer-bar .composer__actions{gap:2px;}
 #app #composer-bar .composer__field{min-width:0;flex:1 1 0;}
 #app #composer-input{width:0;min-width:0;flex:1 1 0;}
 html[data-vy-keyboard] #app #composer-bar{padding-bottom:8px;}
 html[data-vy-keyboard] #app .bottomnav{display:none;}
 html[data-vy-keyboard] #app{padding-bottom:0;}
 .social-profile{max-height:var(--vy-visible-height,100dvh);}
}
@media(max-width:360px){
 #app #composer-bar{padding-inline:4px;gap:2px;}
 #app .composer__field{padding-inline:2px;}
 #app #composer-input{padding-inline:4px;}
 #app .list-header{padding-inline:4px;gap:0;}
 #app .list-header__title{font-size:20px;}
}
@media(max-height:500px) and (max-width:860px){
 #app #composer-input{max-height:88px;}
 .social-profile__hero{padding-block:12px;}
}