/* Mada responsive layout normalization v1 */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{padding-top:76px;padding-bottom:92px;min-height:100vh}
.topbar{position:fixed;top:0;left:0;right:0;width:100%;height:64px;padding:0 14px;z-index:500}
.top-actions{align-items:center;flex-wrap:nowrap;min-width:0}
.top-actions button{flex:0 0 40px}
.container{width:100%;max-width:720px;margin:0 auto;padding:12px 14px 28px}
.stories{width:100%;max-width:100%;margin:0 0 14px;padding:2px 1px 8px;overflow-x:auto;overflow-y:hidden;direction:rtl}
.story{flex:0 0 104px}
.card,.feed,.post{max-width:100%;min-width:0}
.composer{width:100%;margin:0 0 12px}
.composer-row{min-width:0}
.composer input{min-width:0;width:100%}
.composer-actions{width:100%;align-items:stretch}
.composer-actions button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed{width:100%;display:grid;gap:12px;margin-top:12px}
.post{width:100%;overflow:hidden}
.post-head{min-width:0}
.post-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-text{overflow-wrap:anywhere;word-break:break-word}
.post-image{max-width:100%;height:auto}
.reels-section{width:100%;max-width:100%;overflow:hidden}
.reels-row{max-width:100%;overflow-x:auto;overflow-y:hidden}
.bottom-nav{position:fixed!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;width:auto!important;max-width:720px;height:68px;margin:0 auto;z-index:1000;transform:none!important;-webkit-transform:none!important;overflow:hidden}
.bottom-nav button{min-width:0;max-width:none;height:60px;margin:3px 2px}
.bottom-nav span{white-space:nowrap}
.modal{z-index:2000;padding:12px}
.modal-card{width:min(520px,100%);max-width:100%;max-height:88vh}
@media(max-width:480px){
  body{padding-top:70px;padding-bottom:88px}
  .topbar{height:60px;padding:0 10px}
  .brand{font-size:26px}
  .top-actions{gap:4px}
  .top-actions button{width:38px;height:38px;flex-basis:38px;font-size:18px}
  .container{padding:10px 10px 24px}
  .stories{gap:8px}
  .story{flex-basis:100px;min-width:100px;height:142px}
  .composer{border-radius:18px;padding:13px}
  .avatar{width:42px;height:42px}
  .composer-actions button{font-size:12px;padding:8px 4px}
  .post{padding:13px 13px 10px;border-radius:18px}
  .post-image{width:calc(100% + 26px);margin-left:-13px;margin-right:-13px}
  .post-actions button{font-size:12px;min-width:30%}
  .bottom-nav{left:6px!important;right:6px!important;height:66px;border-radius:18px}
  .bottom-nav button{font-size:25px;height:58px}
  .bottom-nav span{font-size:10px;margin-top:4px}
}
@media(min-width:721px){
  .bottom-nav{left:50%!important;right:auto!important;width:min(720px,calc(100% - 16px))!important;transform:translateX(-50%)!important;-webkit-transform:translateX(-50%)!important}
}
#app,[id$="Overlay"],[id$="Modal"],[class*="overlay"],[class*="modal"]{max-width:100vw}