.app-refresh-status{display:none}
@media(max-width:760px){
 html.app-refresh-enabled,html.app-refresh-enabled body{height:100%;overflow:hidden;overscroll-behavior:none}
 body.has-app-refresh .shell{display:flex;flex-direction:column;height:100dvh;min-height:0;padding-bottom:var(--app-tab-height);overflow:hidden;box-sizing:border-box}
 body.has-app-refresh .workspace-sidebar{position:relative;top:auto;flex:none}
 body.has-app-refresh .workspace{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
 body.has-app-refresh .workspace main{padding-bottom:24px}
 body.has-app-refresh .workspace footer{padding-bottom:20px}
 body.has-app-refresh.has-mobile-reply .workspace main{padding-bottom:90px}
 body.has-app-refresh .app-refresh-status{position:fixed;z-index:49;top:var(--app-header-bottom,64px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;height:var(--app-pull-height,0px);overflow:hidden;opacity:0;pointer-events:none;background:#f5f7fb;color:#28286f;font-size:12px;font-weight:600;box-shadow:0 1px 0 #28286f12}
 body.has-app-refresh.is-pulling .app-refresh-status,body.has-app-refresh.is-refreshing .app-refresh-status{opacity:1}
 .app-refresh-status svg{width:18px;height:18px;flex:none}
 body.is-refreshing .app-refresh-status svg{animation:app-refresh-spin .8s linear infinite}
}
@keyframes app-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.is-refreshing .app-refresh-status svg{animation:none}}