.groups-shell{max-width:1180px;margin:auto;padding:55px 24px 100px}.groups-heading{justify-content:space-between;align-items:center;gap:30px;display:flex}.groups-heading h1{margin:10px 0;font-size:clamp(48px,7vw,78px)}.groups-heading p{color:#655e53;max-width:700px;line-height:1.6}.group-create{gap:11px;max-width:760px;margin:20px 0;display:grid}.group-create label{font-size:8px;font-weight:900}.group-create input:not([type=checkbox]),.group-create textarea,.group-invite input,.message-composer textarea{border:1px solid var(--line);background:#fff;width:100%;margin-top:5px;padding:11px;display:block}.group-app{border:1px solid var(--line);background:#fffaf0;grid-template-columns:280px 1fr;min-height:600px;margin-top:25px;display:grid}.group-list{color:#fff;background:#292822;padding:16px}.group-list>b{color:var(--gold);font-size:8px}.group-list article{border-top:1px solid #4d4b43;padding:9px 0}.group-list article.active{border-left:4px solid var(--gold);padding-left:8px}.group-list article>button{color:#fff;text-align:left;background:0 0;border:0;width:100%}.group-list strong,.group-list span{display:block}.group-list span{color:#aaa397;margin-top:4px;font-size:8px}.group-list article>div{gap:5px;display:flex}.group-list article>div button,.conversation button{background:#eee4d3;border:1px solid #bdb19e;padding:8px;font-size:8px;font-weight:900}.conversation{grid-template-rows:auto auto 1fr auto auto;min-width:0;display:grid}.conversation>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px;display:flex}.conversation h2{margin:0}.conversation header p{color:#6d665c;font-size:9px}.conversation header>span{color:var(--green);font-size:8px;font-weight:900}.group-invite{background:#eee4d3;grid-template-columns:1fr auto;gap:7px;padding:10px 20px;display:grid}.group-invite input{margin:0}.message-stream{max-height:470px;padding:18px;overflow:auto}.message-stream article{border-top:1px solid var(--line);padding:11px 0;position:relative}.message-stream article>div{justify-content:space-between;display:flex}.message-stream time{color:#766e62;font-size:7px}.message-stream p{margin:6px 50px 0 0;font-size:11px;line-height:1.5}.message-stream article>button{position:absolute;bottom:8px;right:0}.message-composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:15px;display:grid}.message-composer textarea{margin:0}.conversation>footer{gap:7px;padding:10px 15px;display:flex}.conversation-empty{text-align:center;color:#6d665c;place-content:center;gap:7px;padding:40px;display:grid}.conversation-empty b{font:700 25px Georgia,serif}@media (width<=760px){.groups-heading{flex-direction:column;align-items:stretch}.group-app{grid-template-columns:1fr}.group-list{max-height:240px;overflow:auto}.conversation{min-height:580px}.message-composer,.group-invite{grid-template-columns:1fr}}