.social-bond-panel{border-color:#a979986e;background:linear-gradient(145deg,#312841,#181f35)}
.social-bond-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.social-bond-head strong{font-size:20px}.social-bond-head small{display:block;color:#bdc1df;margin-top:4px}
.social-bond-progress{margin:12px 0 8px;height:12px;border-radius:100px;background:#141a2e;overflow:hidden}
.social-bond-progress>span{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#cd80ab,#f1b982)}
.social-bond-meta{display:flex;justify-content:space-between;color:#c5cbe1;font-size:12px;gap:8px}
.social-bond-reward{margin-top:11px;border:1px solid #806a91;background:#332e4a;border-radius:12px;padding:12px;font-size:12px}
.social-bond-reward .btn{margin-top:9px}
.guild-msg{border:1px solid #3b4660;border-radius:13px;padding:12px;margin-bottom:12px;background:#1a2540}
.guild-msg.mine{border-color:#67629d}
.guild-msg-meta{font-size:11px;color:#bbc5dd;margin-bottom:5px}
.guild-msg-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.social-respond{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.social-respond button{background:#303b57;border:1px solid #52617c;color:#e6e9ff;border-radius:9px;font-size:11px;padding:8px 9px;cursor:pointer}
.social-respond button[aria-pressed="true"]{border-color:#f0b87e;background:#4e3d51}
.social-replies{margin:10px 0 0 14px;padding-left:12px;border-left:2px solid #685f88}
.social-reply{padding:8px 0;font-size:12px;border-bottom:1px solid #38425b}
.social-reply:last-child{border-bottom:0}
.social-reply .guild-msg-body{font-size:12px}
.social-reply-form{margin:12px 0 0;display:grid;gap:8px}
.social-reply-form textarea{min-height:58px}
.social-quick-posts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.social-quick-posts button{border:1px solid #53617b;color:#e3e6f2;background:#2d3853;border-radius:10px;padding:8px;font-size:11px}
.guild-chat-log{max-height:500px;overflow:auto}
@media(max-width:600px){.social-bond-head strong{font-size:18px}.social-bond-panel{padding:15px}.guild-chat-log{max-height:560px}}

.social-bond-royal{border-color:#e7c87c;box-shadow:inset 0 0 25px #ddb07125}
.social-bond-royal .social-bond-head>span{filter:drop-shadow(0 0 9px #ffce6c)}