.social-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.social-heading h2{margin:.4rem 0;font-size:30px}.social-panel p{line-height:1.6}.social-notice:empty{display:none}.social-notice{color:#ffcd83}.social-layout{display:grid;grid-template-columns:minmax(230px,32%) minmax(0,1fr);border:1px solid #ffffff20;border-radius:22px;overflow:hidden;background:#17102080;backdrop-filter:blur(12px)}.social-sidebar{padding:20px;border-right:1px solid #ffffff16;max-height:650px;overflow:auto}.social-sidebar h3{font-size:15px;margin-top:25px}.social-search label{font-size:12px;display:block;margin-bottom:8px}.social-search input,.social-compose textarea{box-sizing:border-box;width:100%;border:1px solid #bda2cc60;border-radius:12px;padding:12px;background:#0f0b20a8;color:#fff;font:inherit}.social-search>div{display:flex;gap:5px;flex-wrap:wrap}.social-person{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff10}.social-person strong{flex:1;overflow-wrap:anywhere;font-size:14px}.social-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#855ad6,#4b2d69);color:#fff;font-weight:bold}.social-panel button{border:1px solid #d7b17070;border-radius:12px;padding:9px 12px;background:linear-gradient(135deg,#64412e,#33213f);color:#ffe3b6;font:inherit;cursor:pointer;font-size:12px}.social-panel button:hover{filter:brightness(1.2)}.social-panel button:focus-visible{outline:2px solid #ffd48b;outline-offset:3px}.social-chat{min-width:0;display:flex;flex-direction:column}.social-chat-head{min-height:55px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #ffffff15}.social-chat-head strong{flex:1}.social-messages{height:360px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.social-bubble{align-self:flex-start;max-width:85%;background:#493158;border-radius:18px 18px 18px 4px;padding:12px 16px;color:#fff}.social-bubble.is-own{align-self:flex-end;background:linear-gradient(135deg,#6d4189,#443a88);border-radius:18px 18px 4px 18px}.social-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5px}.social-bubble small{font-size:10px;opacity:.75}.social-bubble button{margin-left:10px;padding:3px 7px;font-size:10px}.social-compose{padding:16px;display:grid;gap:8px;border-top:1px solid #ffffff15}.social-compose[hidden]{display:none}.social-compose label{font-size:12px}.social-compose button{justify-self:end;padding:12px 22px}.social-chat>small{padding:12px 18px;color:#baaac6;font-size:11px}.social-empty{font-size:13px;color:#bcaec7}.social-sidebar details{margin-top:24px;font-size:13px}.social-panel [hidden]{display:none!important}@media(max-width:700px){.social-layout{grid-template-columns:1fr}.social-sidebar{border-right:0;border-bottom:1px solid #ffffff20;max-height:330px}.social-messages{height:330px}.social-heading{align-items:flex-start}.social-heading h2{font-size:25px}}