body.cmp-modal-open{overflow:hidden}

#communityProfileModal{align-items:flex-end;padding:0;background:rgba(4,18,38,.64);backdrop-filter:blur(5px)}
#communityProfileModal .comm-modal-panel{position:relative;width:min(100%,620px);height:min(92dvh,860px);max-width:620px;max-height:none;margin:0 auto;border-radius:26px 26px 0 0;padding:0;overflow:hidden;background:#fff;box-shadow:0 -18px 55px rgba(3,23,53,.24)}
#communityProfileModal .comm-modal-header{position:absolute;inset:0 0 auto auto;z-index:8;width:58px;height:58px;padding:10px;border:0;background:transparent;backdrop-filter:none;justify-content:flex-end;pointer-events:none}
#communityProfileModal .comm-modal-header h3{display:none}
#communityProfileModal .comm-modal-header button{width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(7,31,67,.48);color:#fff;font-size:20px;box-shadow:0 5px 16px rgba(0,0,0,.16);backdrop-filter:blur(8px);pointer-events:auto}
#communityProfileBody{height:min(92dvh,860px);max-height:none!important;padding:0!important;overflow-y:auto;background:#fff;overscroll-behavior:contain}

.cmp-social-profile{min-height:100%;color:#18283C}
.cmp-social-summary{position:relative;overflow:hidden;padding:86px 20px 20px;background:#fff}
.cmp-social-summary::before{content:'';position:absolute;inset:0 0 auto;height:118px;background:linear-gradient(135deg,#082F75 0%,#1D5FD0 52%,#68A8EC 100%)}
.cmp-social-summary::after{content:'';position:absolute;width:180px;height:180px;right:-65px;top:-90px;border-radius:50%;background:rgba(255,255,255,.11);box-shadow:-170px 74px 0 -55px rgba(255,255,255,.07)}
.cmp-social-cover{position:absolute;inset:0 0 auto;height:118px;background:linear-gradient(135deg,#082F75 0%,#1D5FD0 52%,#68A8EC 100%);background-size:cover;background-position:center;z-index:0}
.cmp-social-cover.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,24,54,.06),rgba(5,24,54,.22))}
.cmp-social-overview{position:relative;z-index:1;display:flex;align-items:flex-end;gap:22px}
.cmp-social-avatar-ring{width:104px;height:104px;flex:0 0 104px;padding:4px;border:3px solid #fff;border-radius:50%;background:#aeb9c9;box-shadow:0 9px 24px rgba(10,61,145,.24)}
.cmp-social-avatar-ring[data-story-state="unseen"]{background:linear-gradient(145deg,#8f35d3,#1d5fd0,#32c7dd)}
.cmp-social-avatar-ring[data-story-user-id]:not([data-story-user-id=""]){cursor:pointer}
.cmp-social-avatar-ring[data-story-user-id]:not([data-story-user-id=""]):focus-visible{outline:3px solid #1d5fd0;outline-offset:3px}
.cmp-social-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:3px solid white;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#DDEBFF,#F7FAFF);color:#174D9B;font-size:31px;font-weight:850}
.cmp-social-avatar img{width:100%;height:100%;object-fit:cover}
.cmp-social-stats{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;text-align:center}
.cmp-social-stats div,.cmp-social-stats button{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #E5ECF5;border-radius:14px;background:#F8FAFD;font-family:var(--font)}
.cmp-social-stats button{padding:0;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.cmp-social-stats button:active{transform:scale(.97);border-color:#AFC8E8;background:#EFF6FF}
.cmp-social-stats strong{font-size:18px;line-height:1.15;color:#10233D;font-weight:850}
.cmp-social-stats span{font-size:10px;color:#62738A;margin-top:4px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cmp-social-identity{position:relative;z-index:1;margin-top:16px}
.cmp-profile-kicker{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#58708F;font-size:9px;font-weight:850;letter-spacing:.8px;text-transform:uppercase}
.cmp-profile-kicker i{width:7px;height:7px;border-radius:50%;background:#34C759;box-shadow:0 0 0 4px rgba(52,199,89,.12)}
.cmp-social-identity h2{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:20px;font-weight:900;color:#10233D;letter-spacing:-.3px}
.cmp-social-bio-card{padding:12px 13px;border:1px solid #E5ECF5;border-radius:15px;background:linear-gradient(135deg,#F8FBFF,#F3F7FD)}
.cmp-social-identity p{margin:0;color:#33465F;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.cmp-social-identity .cmp-admin-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#2175D9;color:white;font-size:11px}
.cmp-social-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.cmp-social-chips span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#F1F5FA;color:#62738A;font-size:10px;font-weight:700}
.cmp-social-chips .cmp-recovery-chip{background:#EAF2FF;color:#1E5CA8}
.cmp-social-follow,.cmp-edit-own{width:100%;min-height:44px;margin-top:14px;border:0;border-radius:14px;background:linear-gradient(145deg,#0A3D91,#2D77DD);color:white;font:850 13px var(--font);cursor:pointer;box-shadow:0 7px 18px rgba(29,95,208,.22);transition:transform .18s,background .18s}
.cmp-social-follow:active,.cmp-edit-own:active{transform:scale(.985)}
.cmp-social-follow.is-following,.cmp-edit-own{border:1px solid #D9E1EB;background:#F4F6F9;color:#273B55;box-shadow:none}
.cmp-social-follow:disabled{opacity:.65;cursor:wait}
.cmp-social-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.cmp-social-actions .cmp-social-follow{margin-top:0}.cmp-social-message{min-height:44px;border:1px solid #BFD2EA;border-radius:14px;background:#EDF5FF;color:#174F93;font:850 12px var(--font);cursor:pointer}.cmp-social-message:active{transform:scale(.985)}

.cmp-social-tabs{height:53px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #E9EEF5;border-bottom:1px solid #E9EEF5;background:#fff;position:sticky;top:0;z-index:4}
.cmp-social-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#8795A8;font:700 11px var(--font);cursor:pointer}
.cmp-social-tabs button::after{content:'';position:absolute;left:18%;right:18%;bottom:0;height:2px;border-radius:2px 2px 0 0;background:#163A69;transform:scaleX(0);transition:transform .2s}
.cmp-social-tabs button.is-active{color:#163A69}
.cmp-social-tabs button.is-active::after{transform:scaleX(1)}
.cmp-social-tabs button>span{font-size:18px;line-height:1}
.cmp-social-tabs small{font-size:10px}

.cmp-shared-intro{padding:18px 18px 10px;background:#F7F9FC}
.cmp-shared-intro span{display:block;color:#173E72;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}
.cmp-shared-intro p{margin:4px 0 0;color:#728299;font-size:11px;line-height:1.45}
.cmp-shared-list{display:flex;flex-direction:column;gap:11px;padding:4px 14px 22px;background:#F7F9FC}
.cmp-shared-card{width:100%;display:flex;flex-direction:column;align-items:stretch;padding:15px 15px 13px;border:1px solid #E0E8F2;border-radius:17px;background:#fff;color:#243A56;text-align:left;font-family:var(--font);box-shadow:0 4px 14px rgba(25,61,106,.06);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.cmp-shared-card:active{transform:scale(.99);border-color:#AFC7E7;box-shadow:0 2px 8px rgba(25,61,106,.09)}
.cmp-shared-head{display:flex;align-items:center;gap:10px}
.cmp-shared-symbol{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#E8F2FF,#DCEAFF);color:#1A5DAE;font-size:17px}
.cmp-shared-heading{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.cmp-shared-heading strong{color:#173454;font-size:12px;font-weight:850}
.cmp-shared-heading small{color:#8391A3;font-size:10px}
.cmp-shared-arrow{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#F0F4F9;color:#6D819A;font-size:14px}
.cmp-shared-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;margin-top:12px;color:#334961;font-size:13px;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}
.cmp-shared-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.cmp-shared-tags span{padding:4px 8px;border-radius:999px;background:#EDF4FE;color:#2866AC;font-size:9px;font-weight:750}
.cmp-shared-footer{display:flex;align-items:center;gap:13px;margin-top:12px;padding-top:10px;border-top:1px solid #EEF2F6;color:#7D8C9E;font-size:10px}
.cmp-shared-footer strong{margin-left:auto;color:#215B9E;font-size:10px}
.cmp-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}
.cmp-grid-tile{position:relative;aspect-ratio:1;border:0;padding:0;overflow:hidden;background:#E9EFF7;color:#1F3654;cursor:pointer}
.cmp-grid-tile img,.cmp-grid-tile video{width:100%;height:100%;display:block;object-fit:cover}
.cmp-media-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#E4EDF8,#F6F9FD)}
.cmp-media-placeholder::after{content:'';position:absolute;width:24px;height:24px;left:50%;top:50%;margin:-12px;border:3px solid rgba(22,58,105,.18);border-top-color:#397BCC;border-radius:50%;animation:cmp-spin .8s linear infinite}
.cmp-grid-copy{position:absolute;inset:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding:12px 10px;background:linear-gradient(145deg,#EDF4FF,#DDEAFF);font:750 11px/1.42 var(--font);text-align:left;overflow-wrap:anywhere}
.cmp-reel-mark{position:absolute;right:8px;top:7px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:rgba(0,0,0,.54);color:#fff;font-size:12px;z-index:2}
.cmp-grid-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(6,22,43,.58);color:#fff;font:800 11px var(--font);opacity:0;transition:opacity .18s;z-index:3}
.cmp-grid-tile:focus-visible .cmp-grid-overlay,.cmp-grid-tile:hover .cmp-grid-overlay{opacity:1}
.cmp-social-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#738399}
.cmp-social-empty>span{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:2px solid #AEBAC9;border-radius:50%;font-size:25px;margin-bottom:12px}
.cmp-social-empty strong{font-size:16px;color:#263B56}
.cmp-social-empty p{font-size:12px;margin:5px 0 0}
@keyframes cmp-spin{to{transform:rotate(360deg)}}

@media(min-width:700px){
  #communityProfileModal{align-items:center;padding:24px}
  #communityProfileModal .comm-modal-panel{border-radius:26px}
}
@media(max-width:390px){
  .cmp-social-summary{padding-left:14px;padding-right:14px}
  .cmp-social-overview{gap:15px}
  .cmp-social-avatar-ring{width:79px;height:79px;flex-basis:79px}
  .cmp-social-stats{gap:4px}
  .cmp-social-stats strong{font-size:16px}
  .cmp-social-tabs button{gap:4px}
  .cmp-social-tabs small{font-size:9px}
  .cmp-shared-list{padding-left:10px;padding-right:10px}
}