/* MB Profile Extend — 더보기 버튼 · 모달 (그림자 없음) */

/* 프로필 모달 안의 "더보기" 버튼 */
.mbp-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px 6px;border-radius:11px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s}
.mbp-more-btn:hover{background:rgba(255,255,255,.12)}
.mbp-more-btn i{font-size:.85rem}

/* 배경 */
#mbp-more-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:100000}

/* 아래에서 올라오는 모달 */
#mbp-more-modal{position:fixed;left:50%;bottom:0;width:100%;max-width:380px;background:#1e293b;border-radius:20px 20px 0 0;z-index:100001;padding:0 0 env(safe-area-inset-bottom,0);transform:translateX(-50%) translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
#mbp-more-modal.mbp-on{transform:translateX(-50%) translateY(0)}
#mbp-more-modal .mbp-handle{display:flex;justify-content:center;padding:10px 0}
#mbp-more-modal .mbp-handle i{display:block;width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
#mbp-more-modal .mbp-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px 14px}
#mbp-more-modal .mbp-title{font-size:.95rem;font-weight:800;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mbp-more-modal .mbp-title .fa-ellipsis{color:#6366f1;margin-right:8px}
#mbp-more-modal .mbp-close{flex:0 0 28px;width:28px;height:28px;margin-left:8px;border:none;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);cursor:pointer;font-size:.8rem}
#mbp-more-modal .mbp-body{padding:0 16px 24px;max-height:70vh;overflow-y:auto}
#mbp-more-modal .mbp-list{display:flex;flex-direction:column;gap:8px}
#mbp-more-modal .mbp-empty{color:rgba(255,255,255,.5);text-align:center;padding:20px 0;font-size:.85rem;margin:0}

/* 항목 버튼 */
#mbp-more-modal .mbp-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}
#mbp-more-modal .mbp-item:hover{background:rgba(255,255,255,.12)}
#mbp-more-modal .mbp-item i{flex:0 0 20px;width:20px;font-size:1rem;text-align:center}