html,body,#app{height:100%;overflow:hidden}
.shell{height:100vh;overflow:hidden}
.main{position:relative;height:100vh;min-height:0;overflow:hidden}
.thread{flex:1;min-height:0;padding-bottom:190px;scroll-padding-bottom:190px}
.composer{position:fixed;z-index:10}
.main:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 85%,#ffffff80,transparent 28%)}
.thread,.head,.pin,.composer{z-index:1}.msg i{box-shadow:0 8px 20px #061f3b2b}.bubble{border-color:#c4dce4;box-shadow:0 14px 36px #08263e14}.msg.user .bubble{border:1px solid #a9dbcc;box-shadow:0 14px 36px #00887918}.composer{border-color:#a9cdca;box-shadow:0 18px 55px #061f3b26}.composer:focus-within{border-color:#008879;box-shadow:0 18px 60px #00887926}.composer button{box-shadow:0 8px 18px #21b86b3d;transition:.2s}.composer button:hover{transform:translateY(-2px)}
@media(max-width:760px){.composer{left:16px;right:16px}.thread{padding-bottom:175px}}