html,body{width:100%;min-width:280px;overflow-x:hidden}.shell{width:100%;max-width:560px;min-height:100dvh}.nav,.composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-page{min-height:100dvh}.bubble-list{overflow-wrap:anywhere}.card-body,.profile-user>div:last-child{min-width:0}.card h3,.desc{overflow-wrap:anywhere}@media(max-width:359px){.hero{padding-left:14px;padding-right:14px}.hero h1{font-size:21px}.search,.profile-section{margin-left:10px;margin-right:10px}.cards{padding-left:8px;padding-right:8px}.card{gap:9px;padding:10px}.card .avatar{width:64px;height:78px}.card h3{font-size:15px}.actions{gap:5px}.actions button{font-size:11px;padding:8px 4px}.composer.media-composer{grid-template-columns:34px 34px 34px minmax(0,1fr) 52px!important}.media-btn{width:34px;height:34px}.media-btn svg{width:18px;height:18px}.chat-send{min-width:52px!important;height:34px!important;font-size:11px}.media-composer #chat-text{height:34px!important;font-size:12px}.sticker-panel{grid-template-columns:repeat(4,1fr)}}@media(min-width:560px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 40px #30265a0d}}@media(orientation:landscape) and (max-height:520px){.hero{padding-top:12px}.hero h1{margin-top:10px}.sticker-panel{height:210px}.bubble-list{padding-bottom:70px}}@media(min-width:700px){.shell{max-width:680px}.nav,.composer{width:min(680px,100%)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .avatar{width:72px}}