/* V18: mobile app shell only; desktop DOM is restored on resize. */
@media(max-width:700px){
html:has(body.a18-app){height:100%;overflow:hidden!important}
html.a-express body.a18-app{position:fixed!important;inset:var(--a18-top,0px) 0 auto!important;height:var(--a18-height,100dvh)!important;min-height:0!important;width:100%;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html.a-express .a18-app>.a-header{flex:0 0 auto;min-height:54px!important;padding:6px 16px!important;z-index:5!important}
html.a-express .a18-app .a-header .a-account{display:none!important}
html.a-express .a18-app .a-brand>span{font-size:27px!important}
html.a-express .a18-app .a-brand small{display:none!important}
.a18-screen-title{font-size:13px;font-weight:600;color:#40545d}
html.a-express .a18-content{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding:12px;padding-bottom:16px}
html.a-express .a18-app>.a-footer{display:none!important}
html.a-express .a18-app>.a-mobile-nav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;width:calc(100% - 20px)!important;max-width:520px!important;margin:6px auto calc(4px + env(safe-area-inset-bottom,0px))!important;z-index:1000!important;touch-action:manipulation}
html.a-express .a18-app>.a-mobile-nav a{min-height:48px!important;font-size:9px!important;pointer-events:auto!important}
html.a-express .a18-app[data-mobile-view=home] .a18-content{overflow:hidden!important;display:flex;padding-bottom:0}
html.a-express .a18-app[data-mobile-view=home] #x-discover{display:none!important}
html.a-express .a18-app[data-mobile-view=home] .x-entry{width:100%;height:100%;padding:8px 0!important;min-height:0;box-sizing:border-box}
html.a-express .a18-app[data-mobile-view=home] .x-entry>.a-container{height:100%;min-height:0;gap:8px!important}
html.a-express .a18-app[data-mobile-view=home] .x-video{flex:0 1 250px;min-height:0;overflow:hidden}
html.a-express .a18-app[data-mobile-view=home] .a-media{height:100%!important;min-height:0!important;max-height:250px!important}
html.a-express .a18-app[data-mobile-view=home] .x-invite{flex:0 0 auto;padding:8px!important}
html.a-express .a18-app .x-invite>.x-overline{display:none!important}
html.a-express .a18-app[data-mobile-view=explore].x-home .x-invite{display:none!important}
html.a-express .a18-app[data-mobile-view=explore] .x-discover{padding-top:8px!important}
html.a-express .a18-auth-note{padding:12px 16px;margin:0 4% 8px;background:#edf0ef;border-radius:16px;color:#40545d;font-size:13px;line-height:1.5}
html.a-express .a18-app.a18-keyboard[data-mobile-view=home] .x-video,
html.a-express .a18-app.a18-keyboard[data-mobile-view=home] .x-invite>h1,
html.a-express .a18-app.a18-keyboard[data-mobile-view=home] .x-invite>p{display:none!important}
html.a-express .a18-app .x-voice-status{max-height:54px;overflow:auto}
html.a-express .a18-app .x-messages{padding-bottom:10px}
html.a-express .a18-app :is(input,textarea,select){scroll-margin:20px}
}