.comm-pinned{margin:0 14px 14px;border:1px solid #CFE0F7;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#F8FBFF,#EDF5FF);box-shadow:0 8px 24px rgba(20,76,146,.09)}
.comm-pinned-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #DCE8F7}
.comm-pinned-head>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0}
.comm-pinned-icon{grid-row:1/3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#DCEBFF;font-size:16px}
.comm-pinned-head strong{color:#153D70;font-size:12px;font-weight:900}
.comm-pinned-head small{color:#73869F;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.55px}
.comm-pinned-head button{flex:0 0 auto;border:0;border-radius:10px;padding:8px 10px;background:#fff;color:#225995;font:800 10px var(--font);cursor:pointer;box-shadow:0 2px 8px rgba(24,71,130,.08)}
.comm-pinned-body{display:flex;flex-direction:column;gap:10px;padding:10px}
.comm-pinned.is-collapsed .comm-pinned-head{border-bottom:0}
.comm-pinned.is-collapsed .comm-pinned-body{display:none}
.comm-post.is-pinned{border-color:#BED5F2;box-shadow:0 6px 17px rgba(24,79,149,.1)}
.comm-post-pin-label{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 7px;border-radius:999px;background:#E5F0FF;color:#1C5EA8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.comm-post-manage .comm-pin-action{color:#1D5FD0;background:#EAF2FF}
.comm-post-manage .comm-unpin-action{color:#A7600B;background:#FFF1D9}

#communityConnectionsModal,#communityPinModal{z-index:1450;align-items:flex-end;padding:0;background:rgba(4,18,38,.64);backdrop-filter:blur(6px)}
#communityConnectionsModal .comm-modal-panel,#communityPinModal .comm-modal-panel{width:min(100%,520px);max-width:520px;max-height:80dvh;margin:0 auto;padding:0;border-radius:26px 26px 0 0;overflow:hidden;background:#F7F9FC;box-shadow:0 -18px 55px rgba(3,23,53,.24)}
.community-connection-member{position:relative}
.community-connection-status{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.community-connection-status span{padding:3px 6px;border-radius:999px;background:#EEF2F7;color:#687A91;font-size:8px;font-weight:800}
.community-connection-status .is-following{background:#E6F1FF;color:#1D5FAE}
.community-connection-status .follows-you{background:#E8F7EE;color:#257345}
.community-connection-status .not-following{background:#F3F4F6;color:#7B8797}
.comm-pin-options{display:grid;gap:9px;padding:17px 14px max(24px,env(safe-area-inset-bottom))}
.comm-pin-options>p{margin:0 2px 4px;color:#5E7189;font-size:12px;line-height:1.5}
.comm-pin-options button{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:10px 14px;border:1px solid #DCE5F1;border-radius:15px;background:#fff;color:#16385F;font-family:var(--font);cursor:pointer}
.comm-pin-options button strong{font-size:13px}.comm-pin-options button span{color:#74859B;font-size:10px}.comm-pin-options button:disabled{opacity:.55;cursor:wait}
@media(min-width:700px){#communityConnectionsModal,#communityPinModal{align-items:center;padding:24px}#communityConnectionsModal .comm-modal-panel,#communityPinModal .comm-modal-panel{border-radius:26px}}