.msb-social-page{max-width:1120px;margin:0 auto;padding:28px 20px 120px;direction:rtl}.msb-social-profile-hero,.msb-social-section,.msb-social-manage-card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:22px}.msb-social-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:24px}.msb-social-avatar,.msb-social-avatar.is-placeholder,.msb-social-playlist-hero-cover{width:112px;height:112px;border-radius:28px;display:flex;align-items:center;justify-content:center;object-fit:cover;background:#202020;overflow:hidden}.msb-social-avatar img,.msb-social-playlist-hero-cover img{width:100%;height:100%;object-fit:cover}.msb-social-profile-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.msb-social-profile-title h1,.msb-social-profile-copy h1{margin:0;color:#fff;font-size:28px}.msb-social-handle{color:#8f9a94;font-size:13px;margin-bottom:7px}.msb-social-bio{margin:10px 0;color:#c8cfcb;line-height:1.9}.msb-social-bio a{color:#1fd978}.msb-social-stats{display:flex;gap:18px;color:#8f9a94;font-size:13px}.msb-social-stats b{color:#fff;margin-left:4px}.msb-social-badge{font-size:12px;color:#72e8a7;background:rgba(31,217,120,.12);padding:5px 9px;border-radius:999px}.msb-social-btn{border:0;background:#19d978;color:#06150c;padding:11px 18px;border-radius:13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex}.msb-social-btn.is-following,.msb-social-btn.is-secondary{background:#242824;color:#fff;border:1px solid rgba(255,255,255,.08)}.msb-social-section{margin-top:18px;padding:20px}.msb-social-section-head span{color:#19d978;font-size:12px}.msb-social-section-head h2{margin:4px 0 18px;color:#fff;font-size:20px}.msb-social-playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.msb-social-playlist-card,.msb-social-track{display:flex;align-items:center;gap:12px;text-decoration:none;background:#1c1c1c;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:10px;color:#fff}.msb-social-playlist-cover,.msb-social-track-cover{width:58px;height:58px;border-radius:12px;background:#262626;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.msb-social-playlist-cover img,.msb-social-track-cover img{width:100%;height:100%;object-fit:cover}.msb-social-playlist-copy,.msb-social-track-copy{display:flex;flex-direction:column;min-width:0}.msb-social-playlist-copy strong,.msb-social-track-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msb-social-playlist-copy small,.msb-social-track-copy small{color:#8f9a94;margin-top:5px}.msb-social-track-list{display:grid;gap:8px}.msb-social-track-index{width:32px;color:#19d978;font-weight:800}.msb-social-track>i{margin-right:auto;color:#66706a}.msb-social-empty{padding:28px;text-align:center;color:#9aa29e}.msb-social-toast{position:fixed;left:20px;bottom:95px;z-index:999999;background:#162219;color:#fff;border:1px solid rgba(31,217,120,.25);border-radius:12px;padding:11px 14px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.msb-social-toast.show{opacity:1;transform:none}.msb-social-toast.is-error{background:#2a1717;border-color:rgba(255,90,90,.3)}.msb-social-manage-card{padding:20px;margin-top:18px}.msb-social-manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.msb-social-manage-card textarea,.msb-social-manage-card input[type=text],.msb-social-manage-card input[type=file]{width:100%;box-sizing:border-box;background:#1b1b1b;border:1px solid rgba(255,255,255,.09);color:#fff;border-radius:12px;padding:11px}.msb-social-manage-card textarea{min-height:90px;resize:vertical}.msb-social-manage-card button{margin-top:10px}.msb-social-capacity{font-size:12px;color:#909793;margin-top:8px}@media(max-width:700px){.msb-social-page{padding:16px 12px 105px}.msb-social-profile-hero{grid-template-columns:auto 1fr;padding:16px;gap:14px}.msb-social-profile-actions{grid-column:1/-1}.msb-social-avatar,.msb-social-avatar.is-placeholder,.msb-social-playlist-hero-cover{width:82px;height:82px;border-radius:21px}.msb-social-profile-title h1,.msb-social-profile-copy h1{font-size:22px}.msb-social-playlist-grid,.msb-social-manage-grid{grid-template-columns:1fr}.msb-social-stats{gap:10px;flex-wrap:wrap}.msb-social-btn{width:100%;justify-content:center}}
.msb-social-playlist-manager{min-width:0}.msb-social-owned-playlists{display:grid;gap:8px;margin-top:12px}.msb-social-owned-row{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);background:#1b1b1b;border-radius:14px}.msb-social-owned-copy{display:flex;flex-direction:column;min-width:0;flex:1}.msb-social-owned-copy strong{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msb-social-owned-copy small,.msb-social-upgrade-note{color:#8f9792;font-size:12px;line-height:1.8}.msb-social-owned-row .msb-btn-primary,.msb-social-owned-row .msb-btn-outline{margin:0;white-space:nowrap;padding:8px 11px}.msb-social-empty-mini{padding:14px;border:1px dashed rgba(255,255,255,.09);border-radius:12px;color:#929b96;font-size:12px;line-height:1.9}.msb-social-upgrade-note{display:block;margin-top:7px}@media(max-width:700px){.msb-social-owned-row{align-items:flex-start;flex-wrap:wrap}.msb-social-owned-row .msb-btn-primary,.msb-social-owned-row .msb-btn-outline{width:auto;margin-right:auto}}

.msb-social-handle-input{display:flex;align-items:center;gap:8px;background:#1b1b1b;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:0 11px;direction:ltr}.msb-social-handle-input span{color:#7f8983;font-size:12px;white-space:nowrap}.msb-social-manage-card .msb-social-handle-input input[type=text]{border:0;background:transparent;padding:11px 0;outline:0;box-shadow:none}.msb-social-manage-card .msb-social-handle-input input[readonly]{opacity:.72;cursor:not-allowed}

/* Community hub: fully snapshot-backed; no live discovery queries. */
.msb-social-hub-page{padding-top:22px}.msb-social-hub-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:24px;min-height:260px;padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,#151915,#111)}.msb-social-hub-copy{position:relative;z-index:2;max-width:650px}.msb-social-hub-kicker{display:inline-flex;align-items:center;gap:7px;color:#72e8a7;font-size:13px;font-weight:800}.msb-social-hub-copy h1{margin:10px 0 8px;color:#fff;font-size:34px;line-height:1.35}.msb-social-hub-copy p{margin:0;color:#aab3ae;line-height:2}.msb-social-hub-actions{margin-top:20px;display:flex;gap:9px}.msb-social-hub-mark{position:relative;width:210px;height:180px;margin-right:auto}.msb-social-hub-mark i{position:absolute;display:grid;place-items:center;border-radius:32px;background:rgba(31,217,120,.12);border:1px solid rgba(31,217,120,.16);color:#5de79c}.msb-social-hub-mark i:first-child{width:128px;height:128px;right:4px;top:4px;font-size:48px;transform:rotate(-7deg)}.msb-social-hub-mark i:last-child{width:94px;height:94px;left:4px;bottom:2px;font-size:33px;background:#1c211e}.msb-social-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.msb-social-discovery-card{display:flex;gap:11px;align-items:center;padding:10px;border-radius:16px;background:#1b1b1b;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#fff;min-width:0}.msb-social-discovery-card:hover,.msb-social-creator-card:hover{border-color:rgba(31,217,120,.28);transform:translateY(-1px)}.msb-social-discovery-cover{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#252525;color:#657069}.msb-social-discovery-cover img{width:100%;height:100%;object-fit:cover}.msb-social-discovery-copy{display:flex;flex-direction:column;min-width:0;gap:4px}.msb-social-discovery-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-social-discovery-copy small{color:#9ba49f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-social-discovery-copy em{font-style:normal;color:#6fdc9e;font-size:11px}.msb-social-creator-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.msb-social-creator-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:16px 10px;border-radius:17px;background:#1b1b1b;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#fff;transition:.15s}.msb-social-creator-card img,.msb-social-creator-card>span{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;object-fit:cover;background:#262626;margin-bottom:9px}.msb-social-creator-card strong,.msb-social-creator-card small,.msb-social-creator-card em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-social-creator-card small{color:#89938d;margin-top:3px}.msb-social-creator-card em{font-style:normal;color:#6fdc9e;font-size:11px;margin-top:7px}@media(max-width:900px){.msb-social-hub-hero{grid-template-columns:1fr}.msb-social-hub-mark{display:none}.msb-social-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msb-social-creator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.msb-social-hub-page{padding-top:10px}.msb-social-hub-hero{min-height:0;padding:21px 18px;border-radius:22px}.msb-social-hub-copy h1{font-size:25px}.msb-social-hub-copy p{font-size:13px}.msb-social-discovery-grid{grid-template-columns:1fr}.msb-social-creator-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.msb-social-creator-card{flex:0 0 138px;scroll-snap-align:start}.msb-social-discovery-card{padding:9px}.msb-social-discovery-cover{width:60px;height:60px;flex-basis:60px}}

/* Social profile avatar: compact premium presentation + zero-library crop UI. */
.msb-social-avatar-wrap{position:relative}.msb-social-profile-hero .msb-social-avatar,.msb-social-profile-hero .msb-social-avatar.is-placeholder{width:116px;height:116px;border-radius:50%;padding:4px;background:linear-gradient(145deg,#21df82,#1a1f1c);box-shadow:0 12px 34px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.08)}.msb-social-profile-hero .msb-social-avatar:not(.is-placeholder){object-fit:cover}.msb-social-profile-hero img.msb-social-avatar{padding:4px;object-fit:cover}.msb-social-avatar-field{position:relative}.msb-social-avatar-picker{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#1a1a1a}.msb-social-avatar-preview-btn{position:relative!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;flex:0 0 auto;cursor:pointer}.msb-social-avatar-preview{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#262626;color:#8c9690;border:3px solid #202421;box-shadow:0 0 0 2px rgba(31,217,120,.55)}.msb-social-avatar-preview img{width:100%;height:100%;object-fit:cover}.msb-social-avatar-preview i{font-size:27px}.msb-social-avatar-camera{position:absolute;left:-3px;bottom:-3px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#19d978;color:#07150d;border:3px solid #151515;font-size:11px}.msb-social-avatar-picker-copy{display:flex;flex-direction:column;gap:4px}.msb-social-avatar-picker-copy strong{color:#fff}.msb-social-avatar-picker-copy small{color:#8f9792;line-height:1.7}.msb-social-crop-open{overflow:hidden}.msb-social-cropper[hidden]{display:none!important}.msb-social-cropper{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:18px}.msb-social-cropper-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.msb-social-cropper-dialog{position:relative;z-index:1;width:min(92vw,520px);background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.msb-social-cropper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.msb-social-cropper-head span{font-size:11px;color:#67dc9c}.msb-social-cropper-head h4{margin:3px 0 0;color:#fff;font-size:18px}.msb-social-cropper-head button{margin:0!important;width:36px;height:36px;padding:0!important;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#202020;color:#fff}.msb-social-crop-stage{position:relative;width:min(76vw,400px);aspect-ratio:1;margin:0 auto;border-radius:20px;overflow:hidden;background:#0d0d0d;touch-action:none;cursor:grab}.msb-social-crop-stage:active{cursor:grabbing}.msb-social-crop-stage canvas{width:100%;height:100%;display:block}.msb-social-crop-guide{position:absolute;inset:7%;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 999px rgba(0,0,0,.36);pointer-events:none}.msb-social-crop-guide:before,.msb-social-crop-guide:after{content:"";position:absolute;background:rgba(255,255,255,.32)}.msb-social-crop-guide:before{width:1px;height:100%;left:50%;top:0}.msb-social-crop-guide:after{height:1px;width:100%;top:50%;left:0}.msb-social-crop-controls{display:flex;align-items:center;gap:10px;margin:15px 2px 4px;color:#7f8983}.msb-social-crop-controls input{flex:1;accent-color:#19d978}.msb-social-cropper-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:15px}.msb-social-cropper-actions button{margin:0!important}.msb-social-track{position:relative}.msb-social-track-play{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:0;background:#252a27;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}.msb-social-track-play:hover,.msb-social-track-play.is-active{background:#19d978;color:#07150d;transform:scale(1.03)}.msb-social-track-play:disabled{opacity:.35;cursor:not-allowed;transform:none}.msb-social-track-copy{flex:1;text-decoration:none;color:#fff}.msb-social-track-open{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#6f7973;text-decoration:none}.msb-social-track-open:hover{background:#252525;color:#fff}.msb-social-play-all{gap:8px}.msb-social-play-all i{font-size:12px}.msb-social-track-index{flex:0 0 32px}
@media(max-width:700px){.msb-social-profile-hero .msb-social-avatar,.msb-social-profile-hero .msb-social-avatar.is-placeholder{width:86px;height:86px}.msb-social-avatar-picker{align-items:flex-start}.msb-social-avatar-preview{width:70px;height:70px}.msb-social-cropper-dialog{padding:14px;border-radius:18px}.msb-social-cropper-actions .msb-btn-primary,.msb-social-cropper-actions .msb-btn-outline{width:auto}.msb-social-track{gap:9px}.msb-social-track-index{display:none}.msb-social-track-play{width:40px;height:40px;flex-basis:40px}}

/* 3.10.61 — compact bilingual community UI aligned with the main theme. */
.msb-social-page,.msb-social-manage-card{font-family:'Vazirmatn',sans-serif!important;direction:inherit}
.msb-social-page button,.msb-social-page input,.msb-social-page textarea,.msb-social-page select,.msb-social-page a,.msb-social-manage-card button,.msb-social-manage-card input,.msb-social-manage-card textarea,.msb-social-manage-card select,.msb-social-manage-card a{font-family:inherit!important}
.msb-social-page{max-width:1040px;padding-top:18px}
.msb-social-topbar{height:48px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-bottom:10px}
.msb-social-icon-btn{width:40px;height:40px;border:1px solid var(--border,rgba(255,255,255,.08));border-radius:12px;background:var(--bg-elevated,#1b1b1b);color:var(--text,#fff);display:grid;place-items:center;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.msb-social-icon-btn:hover{border-color:rgba(31,217,120,.35);background:var(--hover,#242824);transform:translateY(-1px)}
.msb-social-topbar-title{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.35}
.msb-social-topbar-title span{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--text-muted,#7f8983);text-transform:uppercase}
.msb-social-topbar-title strong{max-width:100%;font-size:13px;color:var(--text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msb-social-profile-hero,.msb-social-section,.msb-social-manage-card{background:var(--bg-card,#151515);border-color:var(--border,rgba(255,255,255,.08))}
.msb-social-profile-hero{grid-template-columns:96px minmax(0,1fr) auto;gap:18px;padding:18px 20px;border-radius:20px}
.msb-social-profile-hero .msb-social-avatar,.msb-social-profile-hero .msb-social-avatar.is-placeholder{width:96px;height:96px;padding:3px}
.msb-social-profile-hero .msb-social-playlist-hero-cover{width:96px;height:96px;border-radius:18px;background:var(--bg-elevated,#202020)}
.msb-social-profile-title h1,.msb-social-profile-copy h1{font-size:24px;line-height:1.35;color:var(--text,#fff)}
.msb-social-handle{font-size:12px;margin-bottom:5px;color:var(--text-muted,#8f9a94)}
.msb-social-bio{font-size:13px;line-height:1.8;margin:7px 0;color:var(--text-sec,#c8cfcb)}
.msb-social-stats{gap:14px;font-size:12px;color:var(--text-muted,#8f9a94)}
.msb-social-stats b{color:var(--text,#fff)}
.msb-social-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.msb-social-btn{min-height:40px;padding:9px 14px;border-radius:12px;gap:7px;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.2;background:var(--primary,#19d978)}
.msb-social-btn.is-secondary,.msb-social-btn.is-following{background:var(--bg-elevated,#242824);color:var(--text,#fff);border:1px solid var(--border,rgba(255,255,255,.08))}
.msb-social-btn i{font-size:11px}
.msb-social-section{margin-top:12px;padding:16px;border-radius:18px}
.msb-social-section-head span{font-size:10px;font-weight:800;letter-spacing:.04em}
.msb-social-section-head h2{font-size:17px;margin:3px 0 13px;color:var(--text,#fff)}
.msb-social-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.msb-social-playlist-card{position:relative;gap:10px;padding:8px 9px;border-radius:14px;background:var(--bg-elevated,#1c1c1c);border-color:var(--border,rgba(255,255,255,.06));transition:transform .15s,border-color .15s}
.msb-social-playlist-card:hover{transform:translateY(-1px);border-color:rgba(31,217,120,.25)}
.msb-social-playlist-cover{width:52px;height:52px;border-radius:11px}
.msb-social-playlist-copy strong{font-size:13px}.msb-social-playlist-copy small{font-size:11px;margin-top:3px}
.msb-social-card-arrow{margin-inline-start:auto;color:var(--text-muted,#6f7973);font-size:10px}
.msb-social-track-list{gap:6px}.msb-social-track{gap:10px;padding:8px 9px;border-radius:13px;background:var(--bg-elevated,#1c1c1c);border-color:var(--border,rgba(255,255,255,.06))}
.msb-social-track-play{width:38px;height:38px;flex-basis:38px}.msb-social-track-cover{width:48px;height:48px;border-radius:10px}.msb-social-track-copy strong{font-size:13px}.msb-social-track-copy small{font-size:11px;margin-top:3px}.msb-social-track-index{font-size:11px}
.msb-social-empty{padding:22px 14px;font-size:12px}
.msb-social-hub-hero{min-height:220px;padding:24px;border-radius:22px;background:linear-gradient(145deg,var(--bg-card,#151915),var(--bg-primary,#111))}
.msb-social-hub-copy h1{font-size:30px;margin:8px 0 6px}.msb-social-hub-copy p{font-size:13px;line-height:1.9}.msb-social-hub-actions{margin-top:16px}
.msb-social-discovery-card,.msb-social-creator-card{background:var(--bg-elevated,#1b1b1b);border-color:var(--border,rgba(255,255,255,.06))}
.msb-social-creator-card img{border-radius:50%;box-shadow:0 0 0 2px rgba(31,217,120,.22)}
.msb-social-manage-card{border-radius:18px}.msb-social-avatar-picker,.msb-social-owned-row,.msb-social-handle-input{background:var(--bg-elevated,#1b1b1b);border-color:var(--border,rgba(255,255,255,.08))}
.msb-social-manage-card textarea,.msb-social-manage-card input[type=text]{background:var(--bg-elevated,#1b1b1b);color:var(--text,#fff);border-color:var(--border,rgba(255,255,255,.09))}
.msb-social-avatar-preview img{width:100%;height:100%;object-fit:cover}
.msb-social-cropper-dialog{font-family:'Vazirmatn',sans-serif!important;background:var(--bg-card,#151515);border-color:var(--border,rgba(255,255,255,.1))}
html[dir="ltr"] .msb-social-handle-input,.msb-social-page[dir="ltr"] .msb-social-handle-input{direction:ltr}
@media(max-width:700px){
  .msb-social-page{padding:10px 10px 104px}.msb-social-topbar{margin-bottom:7px;height:44px;grid-template-columns:38px minmax(0,1fr) 38px}.msb-social-icon-btn{width:36px;height:36px;border-radius:11px}
  .msb-social-profile-hero{grid-template-columns:74px minmax(0,1fr);gap:12px;padding:14px;border-radius:18px}.msb-social-profile-hero .msb-social-avatar,.msb-social-profile-hero .msb-social-avatar.is-placeholder,.msb-social-profile-hero .msb-social-playlist-hero-cover{width:74px;height:74px}
  .msb-social-profile-title h1,.msb-social-profile-copy h1{font-size:19px}.msb-social-bio{font-size:12px;margin:5px 0}.msb-social-stats{font-size:11px;gap:9px}
  .msb-social-profile-actions{grid-column:1/-1;justify-content:flex-start}.msb-social-btn{width:auto;min-height:38px;padding:8px 12px;flex:0 0 auto}.msb-social-profile-actions .msb-social-btn{flex:1 1 auto}
  .msb-social-section{padding:13px;margin-top:9px;border-radius:16px}.msb-social-playlist-grid{grid-template-columns:1fr}.msb-social-track{gap:8px;padding:7px}.msb-social-track-cover{width:44px;height:44px}.msb-social-track-play{width:36px;height:36px;flex-basis:36px}
  .msb-social-hub-hero{padding:18px 16px;border-radius:18px}.msb-social-hub-copy h1{font-size:23px}.msb-social-hub-actions .msb-social-btn{width:auto}
}


/* 3.10.62 — compact community discovery: less card mass, more people/action density. */
.msb-social-hub-page{max-width:1080px}
.msb-social-hub-hero{grid-template-columns:minmax(0,1fr) 150px;min-height:154px;padding:18px 20px;border-radius:18px;gap:18px}
.msb-social-hub-copy{max-width:720px}.msb-social-hub-kicker{font-size:11px}.msb-social-hub-copy h1{font-size:24px;line-height:1.4;margin:5px 0 4px}.msb-social-hub-copy p{font-size:12px;line-height:1.75;max-width:610px}.msb-social-hub-actions{margin-top:11px}.msb-social-hub-actions .msb-social-btn{min-height:36px;padding:7px 11px}
.msb-social-hub-mark{width:132px;height:112px}.msb-social-hub-mark i{border-radius:24px}.msb-social-hub-mark i:first-child{width:82px;height:82px;font-size:30px;right:5px;top:2px}.msb-social-hub-mark i:last-child{width:58px;height:58px;font-size:20px;left:2px;bottom:0}
.msb-social-section-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.msb-social-section-head-row>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(31,217,120,.08);color:var(--primary,#19d978);font-size:12px}.msb-social-section-head-row h2{margin-bottom:10px}
.msb-social-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.msb-social-discovery-card{gap:8px;padding:7px 8px;border-radius:13px;min-height:58px;transition:transform .15s,border-color .15s,background .15s}.msb-social-discovery-card:hover{background:var(--hover,#202420)}.msb-social-discovery-cover{width:48px;height:48px;flex:0 0 48px;border-radius:10px}.msb-social-discovery-copy{gap:2px;line-height:1.35}.msb-social-discovery-copy strong{font-size:12px}.msb-social-discovery-copy small{font-size:10px}.msb-social-discovery-copy em{display:flex;align-items:center;gap:8px;color:var(--text-muted,#89938d);font-size:9px;margin-top:1px}.msb-social-discovery-copy em span{display:inline-flex;align-items:center;gap:3px}.msb-social-discovery-copy em i{color:var(--primary,#19d978);font-size:8px}.msb-social-discovery-arrow{margin-inline-start:auto;color:var(--text-muted,#657069);font-size:8px}
.msb-social-creators-section{overflow:hidden}.msb-social-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.msb-social-creator-item{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;border:1px solid var(--border,rgba(255,255,255,.06));background:var(--bg-elevated,#1b1b1b);border-radius:13px;transition:border-color .15s,background .15s,transform .15s}.msb-social-creator-item:hover{border-color:rgba(31,217,120,.24);background:var(--hover,#202420);transform:translateY(-1px)}.msb-social-creator-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-decoration:none;color:var(--text,#fff)}.msb-social-creator-avatar{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--bg-card,#242624);overflow:visible}.msb-social-creator-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1.5px rgba(31,217,120,.22)}.msb-social-creator-avatar>i{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--primary,#19d978);color:#08150d;font-size:7px;box-shadow:0 0 0 2px var(--bg-elevated,#1b1b1b)}.msb-social-page[dir="ltr"] .msb-social-creator-avatar>i{right:auto;left:-2px}.msb-social-creator-copy{display:flex;flex-direction:column;min-width:0;line-height:1.32}.msb-social-creator-copy strong,.msb-social-creator-copy small,.msb-social-creator-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-social-creator-copy strong{font-size:12px}.msb-social-creator-copy small{font-size:9.5px;color:var(--text-muted,#89938d);margin-top:1px}.msb-social-creator-copy em{font-style:normal;font-size:9px;color:var(--text-muted,#89938d);margin-top:3px}.msb-social-mini-follow{height:30px;min-width:72px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:9px;padding:0 9px;background:rgba(31,217,120,.12);color:var(--primary,#19d978);font-size:10px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .15s}.msb-social-mini-follow:hover{background:var(--primary,#19d978);color:#07150c;transform:translateY(-1px)}.msb-social-mini-follow.is-following{background:var(--bg-card,#242824);color:var(--text-sec,#c7cfca);box-shadow:inset 0 0 0 1px var(--border,rgba(255,255,255,.08))}.msb-social-mini-follow i{font-size:9px}.msb-social-mini-open{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;color:var(--text-muted,#89938d);background:var(--bg-card,#222);text-decoration:none;font-size:9px}
/* Public profile/playlist density follows the same compact system. */
.msb-social-public-profile .msb-social-profile-hero,.msb-social-public-playlist .msb-social-profile-hero{grid-template-columns:82px minmax(0,1fr) auto;gap:14px;padding:14px 16px;border-radius:17px}.msb-social-public-profile .msb-social-profile-hero .msb-social-avatar,.msb-social-public-playlist .msb-social-profile-hero .msb-social-playlist-hero-cover{width:82px;height:82px}.msb-social-public-profile .msb-social-profile-title h1,.msb-social-public-playlist .msb-social-profile-copy h1{font-size:21px}.msb-social-public-profile .msb-social-btn,.msb-social-public-playlist .msb-social-btn{min-height:36px;padding:7px 11px;border-radius:10px}.msb-social-public-profile .msb-social-section,.msb-social-public-playlist .msb-social-section{padding:13px}.msb-social-public-profile .msb-social-playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.msb-social-public-profile .msb-social-playlist-card{min-height:58px;padding:7px}.msb-social-public-profile .msb-social-playlist-cover{width:46px;height:46px}
@media(max-width:900px){.msb-social-discovery-grid,.msb-social-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msb-social-public-profile .msb-social-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.msb-social-hub-page{padding-top:7px}.msb-social-hub-hero{grid-template-columns:1fr;min-height:0;padding:14px;border-radius:16px}.msb-social-hub-mark{display:none}.msb-social-hub-copy h1{font-size:20px}.msb-social-hub-copy p{font-size:11.5px;line-height:1.7}.msb-social-hub-actions{margin-top:9px}.msb-social-discovery-grid{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x proximity;padding:0 1px 3px;scrollbar-width:none}.msb-social-discovery-grid::-webkit-scrollbar,.msb-social-creator-grid::-webkit-scrollbar{display:none}.msb-social-discovery-card{flex:0 0 min(82vw,270px);scroll-snap-align:start}.msb-social-creator-grid{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x proximity;padding:0 1px 3px;scrollbar-width:none}.msb-social-creator-item{flex:0 0 min(84vw,286px);scroll-snap-align:start}.msb-social-section-head-row h2{margin-bottom:8px}.msb-social-public-profile .msb-social-profile-hero,.msb-social-public-playlist .msb-social-profile-hero{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:11px}.msb-social-public-profile .msb-social-profile-hero .msb-social-avatar,.msb-social-public-playlist .msb-social-profile-hero .msb-social-playlist-hero-cover{width:64px;height:64px}.msb-social-public-profile .msb-social-profile-title h1,.msb-social-public-playlist .msb-social-profile-copy h1{font-size:18px}.msb-social-public-profile .msb-social-profile-actions,.msb-social-public-playlist .msb-social-profile-actions{grid-column:1/-1}.msb-social-public-profile .msb-social-playlist-grid{grid-template-columns:1fr}.msb-social-public-profile .msb-social-section,.msb-social-public-playlist .msb-social-section{padding:11px}}