/* ===== assets/premium.css ===== */

/* MeetingPart Premium UI Layer — additive only.
   Keeps existing functionality/classes intact while upgrading visual hierarchy,
   responsiveness, touch targets and perceived interactivity. */
:root{
  --mp-bg:#f5f7fb;
  --mp-surface:rgba(255,255,255,.94);
  --mp-surface-solid:#fff;
  --mp-line:rgba(20,31,48,.09);
  --mp-text:#172033;
  --mp-muted:#697586;
  --mp-primary:#08aeea;
  --mp-primary-2:#087ff5;
  --mp-pink:#e62b8f;
  --mp-shadow:0 12px 34px rgba(25,42,70,.08);
  --mp-shadow-hover:0 18px 44px rgba(25,42,70,.13);
  --mp-radius:20px;
}
html{background:var(--mp-bg)!important;scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 5% 0%,rgba(8,174,234,.07),transparent 28rem),
    radial-gradient(circle at 95% 8%,rgba(230,43,143,.055),transparent 25rem),
    var(--mp-bg)!important;
  color:var(--mp-text);
}
::selection{background:rgba(8,174,234,.18)}
a{transition:color .18s ease,opacity .18s ease,transform .18s ease}
.top{
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(20,31,48,.07)!important;
  box-shadow:0 5px 24px rgba(25,42,70,.055)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.top .brand img{filter:drop-shadow(0 4px 10px rgba(8,174,234,.12))}
.top .desktop-nav a{
  border-radius:13px;
  transition:background .2s ease,transform .2s ease;
}
.top .desktop-nav a:hover{background:rgba(8,174,234,.08);transform:translateY(-1px)}
.profile-trigger{
  box-shadow:0 4px 14px rgba(25,42,70,.08)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.profile-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(25,42,70,.13)!important}
.profile-dropdown{
  border-color:rgba(20,31,48,.08)!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(25,42,70,.16)!important;
  backdrop-filter:blur(16px);
}
.wrap,.home-layout{animation:mpPageIn .38s ease both}
.card{
  border:1px solid var(--mp-line)!important;
  border-radius:var(--mp-radius)!important;
  box-shadow:var(--mp-shadow)!important;
  background:var(--mp-surface)!important;
  backdrop-filter:blur(10px);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.card:hover{box-shadow:var(--mp-shadow-hover)!important}
.card h1,.card h2,.card h3{letter-spacing:-.02em}
.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.25),transparent 15rem),
    linear-gradient(135deg,#08aeea 0%,#087ff5 48%,#e62b8f 100%)!important;
  box-shadow:0 18px 45px rgba(8,127,245,.2)!important;
}
.hero:after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  right:-90px;bottom:-120px;background:rgba(255,255,255,.12);
  pointer-events:none;
}
.btn{
  border-radius:12px!important;
  box-shadow:0 6px 16px rgba(8,174,234,.16);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(8,174,234,.23);filter:saturate(1.06)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.pink{box-shadow:0 6px 16px rgba(230,43,143,.16)}
input,select,textarea,.input{
  border:1px solid rgba(20,31,48,.12)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.92)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
input:focus,select:focus,textarea:focus,.input:focus{
  outline:none!important;
  border-color:rgba(8,174,234,.55)!important;
  box-shadow:0 0 0 4px rgba(8,174,234,.10)!important;
  background:#fff!important;
}
.storybar{
  gap:14px!important;
  scrollbar-width:none;
  padding:2px 2px 8px!important;
}
.storybar::-webkit-scrollbar{display:none}
.story-card{position:relative;min-width:88px!important;transition:transform .2s ease}
.story-card:hover{transform:translateY(-3px)}
.story-card-media{
  display:block!important;
  width:76px!important;height:108px!important;
  margin:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#e9eef4;
  box-shadow:0 8px 20px rgba(25,42,70,.11);
  position:relative;
}
.story-card-media img,.story-card-media video{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  border:0!important;border-radius:0!important;
}
.story-unseen .story-card-media{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--mp-primary),0 9px 22px rgba(8,174,234,.2)}
.story-seen .story-card-media{box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd3de,0 8px 18px rgba(25,42,70,.08)}
.story-card-avatar{
  position:absolute!important;left:calc(50% + 15px);top:82px;
  width:28px!important;height:28px!important;
  border:3px solid #fff!important;border-radius:50%!important;
  overflow:hidden;box-shadow:0 3px 9px rgba(0,0,0,.16);
}
.story-card-avatar img{width:100%!important;height:100%!important;border:0!important}
.story-name{
  display:block!important;max-width:88px;margin:7px auto 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:750;color:var(--mp-text);
}
.add-story-card .story-card-media{display:flex!important;align-items:flex-end;justify-content:center}
.story-add-plus{
  position:absolute;left:50%;top:73px;transform:translateX(-50%);
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,var(--mp-primary),var(--mp-primary-2));
  border:3px solid #fff;font-size:21px;line-height:1;box-shadow:0 5px 12px rgba(8,127,245,.3)
}
.home-featured-event{
  overflow:hidden;
  padding:0!important;
  position:relative;
}
.home-featured-event .featured-event-media{
  min-height:245px!important;
  background-position:center!important;
  background-size:cover!important;
  position:relative;
}
.home-featured-event .featured-event-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,18,35,.05),rgba(8,18,35,.72));
}
.home-featured-event .featured-event-media>span{
  position:absolute;z-index:1;left:16px;top:16px;
  padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.9);
  color:#0878bb;font-size:11px;font-weight:900;letter-spacing:.04em;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.home-featured-event .featured-event-body{padding:18px 20px 20px}
.home-featured-event .featured-event-body h3{font-size:25px;margin:5px 0 7px}
.home-featured-event:hover{transform:translateY(-3px)}
.year-stats div{
  background:linear-gradient(135deg,#f7fbff,#f7f8fb)!important;
  border:1px solid rgba(20,31,48,.06);
  transition:transform .18s ease,background .18s ease;
}
.year-stats div:hover{transform:translateX(3px);background:#fff!important}
.post-head .avatar{box-shadow:0 4px 12px rgba(25,42,70,.1)}
.post-image{border-radius:16px!important;box-shadow:0 8px 24px rgba(25,42,70,.07)}
.actions,.compact-actions{border-top-color:rgba(20,31,48,.08)!important}
.actions .btn,.compact-actions .btn{box-shadow:none}
.comment{background:#f4f7fa!important;border:1px solid rgba(20,31,48,.055)}
.messages-layout,.mp-messenger-grid{gap:14px!important}
.message-person{
  border:1px solid transparent;
  transition:background .18s ease,transform .18s ease,border-color .18s ease;
}
.message-person:hover,.message-person.active{
  background:linear-gradient(135deg,rgba(8,174,234,.09),rgba(8,127,245,.035))!important;
  border-color:rgba(8,174,234,.12);
  transform:translateX(2px);
}
.private-chat-card,.mp-message-main,.mp-conversations,.mp-group-chat{
  border:1px solid var(--mp-line)!important;
  border-radius:20px!important;
  box-shadow:var(--mp-shadow)!important;
  overflow:hidden;
}
.chat,.private-chat,.mp-chat-body,.mp-group-body{
  scrollbar-width:thin;
  scrollbar-color:#c9d2df transparent;
}
.chat::-webkit-scrollbar,.private-chat::-webkit-scrollbar,.mp-chat-body::-webkit-scrollbar,.mp-group-body::-webkit-scrollbar{width:7px}
.chat::-webkit-scrollbar-thumb,.private-chat::-webkit-scrollbar-thumb,.mp-chat-body::-webkit-scrollbar-thumb,.mp-group-body::-webkit-scrollbar-thumb{background:#c9d2df;border-radius:20px}
.msg{
  border:1px solid rgba(20,31,48,.045);
  box-shadow:0 2px 8px rgba(25,42,70,.035);
  transition:transform .16s ease,box-shadow .16s ease;
}
.msg:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(25,42,70,.07)}
.msg.mine{
  background:linear-gradient(135deg,#e5f8ff,#dff3ff)!important;
  border-color:rgba(8,174,234,.10);
}
.note{border-bottom-color:rgba(20,31,48,.07)!important}
.note.unread{background:linear-gradient(90deg,rgba(8,174,234,.09),rgba(8,174,234,.025))!important}
.pagination{margin:18px 0}
.flash{box-shadow:var(--mp-shadow);border:1px solid rgba(20,31,48,.06)}
footer{padding:36px 16px 46px!important}
.search{align-items:center}
.search .btn{min-height:44px}
.notification-badge,.mobile-message-badge{box-shadow:0 4px 10px rgba(224,36,94,.25)!important}
@keyframes mpPageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes mpPulse{0%,100%{box-shadow:0 0 0 0 rgba(8,174,234,.16)}50%{box-shadow:0 0 0 7px rgba(8,174,234,0)}}
/* Small live cue on active/unread elements without changing semantics. */
.notification-badge{animation:mpPulse 2.6s ease-in-out infinite}
@media(max-width:800px){
  body{font-size:14px!important}
  .wrap,.home-layout{width:calc(100% - 14px)!important;margin:12px auto!important}
  .card{border-radius:17px!important;padding:14px!important;margin-bottom:11px!important}
  .hero{padding:20px!important}
  .hero h1{font-size:27px!important}
  .home-featured-event .featured-event-media{min-height:205px!important}
  .home-featured-event .featured-event-body{padding:15px!important}
  .home-featured-event .featured-event-body h3{font-size:21px!important}
  .storybar{margin:0 -2px}
  .story-card{min-width:82px!important}
  .story-card-media{width:70px!important;height:100px!important}
  .story-card-avatar{top:75px}
  .story-name{max-width:82px}
  .btn{min-height:42px}
  .search input{min-width:0}
  .post-image{border-radius:13px!important}
}
@media(min-width:801px){
  .home-layout{grid-template-columns:minmax(0,1fr) 330px!important}
}
@media(max-width:560px){
  .top .brand{max-width:43%!important}
  .top .brand img{max-width:96px!important}
  .top .desktop-nav{gap:1px!important}
  .top .desktop-nav a{padding:4px 3px!important}
  .profile-trigger{width:40px!important;height:40px!important}
  .top-avatar{width:34px!important;height:34px!important}
  .actions{gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .actions>*{flex:0 0 auto}
  .pagination{gap:7px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ===== assets/premium2.css ===== */
/* MeetingPart social layer */
.save-post-btn.saved{color:#137a46!important;font-weight:800!important;background:rgba(19,122,70,.08)!important;border-radius:12px!important}
.save-post-btn{transition:transform .18s ease,background .18s ease,color .18s ease}
.save-post-btn:active{transform:scale(.95)}
.saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:20px 22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,247,255,.95))}
.saved-header h1{margin:3px 0 0;font-size:25px}.saved-count{min-width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.empty-state{text-align:center;padding:55px 20px}.empty-icon{font-size:48px;margin-bottom:8px}
.mp-heart-pop{position:relative}.mp-heart-pop:after{content:'❤️';position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.4);font-size:76px;pointer-events:none;animation:mpHeartPop .62s ease-out forwards;z-index:20;text-shadow:0 8px 28px rgba(0,0,0,.2)}
@keyframes mpHeartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}
@media(max-width:800px){.facebook-actions{gap:2px}.facebook-actions .fb-action{min-height:42px}.save-post-btn span{display:inline!important}.saved-header{padding:16px}.saved-header h1{font-size:21px}}


/* ===== assets/mobile-repair.css ===== */
/* MeetingPart mobile/home repair — additive only */
.mp-live-strip{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
  margin:0 0 12px;
  padding:12px 15px;
  border:1px solid #e5eaf0;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 20px rgba(24,32,42,.055);
  line-height:1.35;
}
.mp-live-strip b{white-space:nowrap}
.mp-live-strip .muted{min-width:0}
.featured-event-live{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0 10px}
.featured-event-live-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#18b66b;box-shadow:0 0 0 5px rgba(24,182,107,.11)}
.event-countdown{font-weight:800;color:#087fca}
.featured-event-stats{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:12px 0;
  padding:12px 14px;
  border-radius:15px;
  background:#f7f9fb;
  color:#087fca;
}
.featured-event-stats span{min-width:0;overflow-wrap:anywhere}
.featured-event-stats b{white-space:nowrap;font-size:18px}
.event-capacity{margin:9px 0 12px}
.event-capacity-bar{height:7px;border-radius:999px;overflow:hidden;background:#e7edf2}
.event-capacity-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#08aeea,#087ff5,#e62b8f);transition:width .4s ease}
.event-quick-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0 14px;
}
.event-quick-stat{
  min-width:0;
  padding:10px 8px;
  border:1px solid #edf0f3;
  border-radius:13px;
  background:#fbfcfd;
  text-align:center;
}
.event-quick-stat b{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.event-quick-stat span{display:block;margin-top:3px;font-size:11px;color:#667085;line-height:1.2}
.home-featured-event-main{min-width:0;overflow:hidden}
.home-featured-event .featured-event-body{min-width:0}
.home-featured-event .featured-event-body>*{min-width:0}
.home-featured-event .featured-event-body h3{overflow-wrap:anywhere}
.mobile-bottom-nav{padding-bottom:max(4px,env(safe-area-inset-bottom,0px))!important}
@media(max-width:800px){
  .mp-live-strip{margin-bottom:10px;padding:10px 12px;font-size:13px}
  .mp-live-strip b{font-size:14px}
  .mp-live-strip .muted{display:block;width:100%;font-size:12px}
  .home-featured-event .featured-event-media{min-height:190px!important}
  .home-featured-event .featured-event-body{padding:14px 13px calc(18px + env(safe-area-inset-bottom,0px))!important}
  .home-featured-event .featured-event-body h3{font-size:20px!important;line-height:1.2!important}
  .featured-event-stats{
    grid-template-columns:minmax(0,1fr) auto;
    padding:11px 12px;
    margin:10px 0;
  }
  .featured-event-stats b{font-size:16px}
  .event-quick-stats{gap:6px;margin:10px 0 13px}
  .event-quick-stat{padding:9px 5px;border-radius:11px}
  .event-quick-stat b{font-size:13px}
  .event-quick-stat span{font-size:10px}
  .home-featured-event .btn{width:100%;box-sizing:border-box}
}
@media(max-width:380px){
  .event-quick-stat b{font-size:12px}
  .featured-event-stats{font-size:13px}
}


/* ===== assets/profile-premium.css ===== */
/* MeetingPart profile premium/mobile layer */
.profile-card,.profile-balance-card,.profile-left-info,.profile-left-friends,
.profile-left-photos,.profile-left-stories,.profile-main-posts,.profile-main-shared{
  animation:mpProfileIn .42s cubic-bezier(.2,.75,.25,1) both;
}
.profile-balance-card{animation-delay:.04s}.profile-left-info{animation-delay:.07s}
.profile-left-friends{animation-delay:.10s}.profile-left-photos{animation-delay:.13s}
.profile-left-stories{animation-delay:.16s}.profile-main-posts{animation-delay:.08s}
.profile-main-shared{animation-delay:.12s}
.profile-avatar-wrap{animation:mpAvatarIn .55s cubic-bezier(.2,.8,.2,1) both}
.profile-friend-item,.profile-photo-item,.profile-story-item{
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.profile-friend-item:hover,.profile-photo-item:hover,.profile-story-item:hover{
  transform:translateY(-3px);filter:saturate(1.04);
}
.profile-edit-btn,.profile-more-btn{
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.profile-edit-btn:hover,.profile-more-btn:hover{
  transform:translateY(-2px);box-shadow:0 7px 18px rgba(8,169,233,.18);
}
.profile-xp-card,.xp-card,.mp-xp-card,[class*="xp-card"]{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,248,255,.96))!important;
  border:1px solid rgba(8,174,234,.13)!important;
}
.profile-xp-card:before,.xp-card:before,.mp-xp-card:before,[class*="xp-card"]:before{
  content:"";position:absolute;inset:-40% auto auto -15%;width:180px;height:180px;
  border-radius:50%;background:rgba(8,174,234,.08);
  animation:mpXpGlow 4s ease-in-out infinite;pointer-events:none;
}
.profile-xp-card>*,.xp-card>*,.mp-xp-card>*,[class*="xp-card"]>*{position:relative;z-index:1}
.mobile-bottom-nav{
  padding-bottom:max(6px,env(safe-area-inset-bottom,0px))!important;
  box-shadow:0 -8px 28px rgba(20,30,45,.10)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.mobile-bottom-nav .create-nav{
  box-shadow:0 8px 22px rgba(8,145,220,.25)!important;
  animation:mpCreatePulse 3s ease-in-out infinite;
}
@media(max-width:800px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
  .profile-layout{padding-bottom:18px!important}
  .profile-card{margin-bottom:12px!important}
  .profile-left-info,.profile-left-friends,.profile-left-photos,
  .profile-left-stories,.profile-main-posts,.profile-main-shared,.profile-balance-card{
    border-radius:18px!important;
  }
  .profile-friend-grid{gap:8px!important}.profile-photo-grid{gap:7px!important}
}
@keyframes mpProfileIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mpAvatarIn{from{opacity:0;transform:scale(.86) translateY(5px)}70%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes mpXpGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.8}50%{transform:translate(24px,12px) scale(1.18);opacity:1}}
@keyframes mpCreatePulse{0%,100%{transform:translateY(0);box-shadow:0 8px 22px rgba(8,145,220,.25)}50%{transform:translateY(-1px);box-shadow:0 10px 28px rgba(8,145,220,.34)}}
@media(prefers-reduced-motion:reduce){
 .profile-card,.profile-balance-card,.profile-left-info,.profile-left-friends,.profile-left-photos,
 .profile-left-stories,.profile-main-posts,.profile-main-shared,.profile-avatar-wrap,
 .mobile-bottom-nav .create-nav,.profile-xp-card:before,.xp-card:before,.mp-xp-card:before,
 [class*="xp-card"]:before{animation:none!important}
 .profile-friend-item,.profile-photo-item,.profile-story-item{transition:none!important}
}


/* ===== assets/profile-premium-final.css ===== */
/* MeetingPart — Premium Profile redesign (additive) */
.profile-layout{gap:20px;margin-top:20px}
.profile-left-column,.profile-right-column{gap:18px}
.profile-layout .card{border:1px solid rgba(15,23,42,.055);box-shadow:0 10px 30px rgba(15,23,42,.055);border-radius:22px;overflow:hidden}
.profile-left-info{padding:0!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);position:relative}
.profile-left-info h2,.profile-left-friends h2,.profile-left-photos h2,.profile-left-stories h2{margin:0!important;padding:18px 20px 13px;font-size:20px!important;font-weight:850;display:flex;align-items:center;gap:8px}
.profile-left-info>p{margin:0!important;padding:12px 20px;border-top:1px solid #edf1f5;line-height:1.5;font-size:15px;overflow-wrap:anywhere;transition:background .2s ease,padding-left .2s ease}
.profile-left-info>p:hover{background:#f8fbff;padding-left:24px}
.profile-left-info>p b{font-weight:800;color:#152238}
.profile-left-info>p a{color:#0b8ed8;text-decoration:none;word-break:break-all}
.profile-left-info>p a:hover{text-decoration:underline}
.profile-left-info>p:before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;border-radius:50%;background:#9bdcff;vertical-align:middle}
.mp-xp-card{position:relative!important;overflow:hidden!important;padding:0!important;color:#fff!important;border:0!important;background:radial-gradient(circle at 88% 16%,rgba(255,182,65,.24),transparent 25%),radial-gradient(circle at 20% 100%,rgba(14,174,255,.22),transparent 30%),linear-gradient(135deg,#071b48 0%,#082d6c 48%,#35166e 100%)!important;box-shadow:0 16px 38px rgba(10,37,88,.22)!important}
.mp-xp-card:before{content:"";position:absolute;inset:auto -40px -75px auto;width:230px;height:230px;border-radius:50%;background:rgba(35,191,255,.13);filter:blur(4px);pointer-events:none}
.mp-xp-card:after{content:"";position:absolute;top:0;right:0;width:48%;height:100%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.035));pointer-events:none}
.mp-xp-top{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 20px 14px}
.mp-xp-label{font-size:15px;font-weight:700;letter-spacing:.2px;opacity:.9}
.mp-xp-value{font-size:40px;line-height:1;font-weight:900;letter-spacing:-1px;margin-top:5px}
.mp-level-pill{padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-weight:800;white-space:nowrap;backdrop-filter:blur(10px)}
.mp-xp-track{position:relative;z-index:2;height:11px;margin:4px 20px 9px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.mp-xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#10b9ff,#477cff,#c83dff);box-shadow:0 0 18px rgba(65,156,255,.6);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.mp-xp-sub{position:relative;z-index:2;padding:0 20px 15px;color:rgba(255,255,255,.84);font-size:13px}
.mp-badges{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 15px}
.mp-badge{min-width:0;padding:10px 8px;text-align:center;border-radius:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:750;white-space:normal;line-height:1.25;backdrop-filter:blur(8px)}
.profile-left-friends,.profile-left-photos,.profile-left-stories{background:#fff}
.profile-left-friends h2,.profile-left-photos h2,.profile-left-stories h2{justify-content:flex-start}
.profile-left-friends h2:after,.profile-left-photos h2:after,.profile-left-stories h2:after{content:"";height:7px;width:7px;border-radius:50%;background:#22c77a;margin-left:auto;box-shadow:0 0 0 5px rgba(34,199,122,.1)}
.profile-friend-grid,.profile-photo-grid{padding:0 18px!important;gap:10px!important}
.profile-friend-item{position:relative;padding:0 0 4px;border-radius:15px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;background:#f7f9fc}
.profile-friend-item:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(15,23,42,.1)}
.profile-friend-item img{border-radius:15px!important;aspect-ratio:1/1!important}
.profile-friend-name{padding:4px 6px 7px!important;margin:0!important;font-size:12px!important}
.profile-left-friends>div:last-child{padding:0 18px 18px!important;margin-top:14px!important}
.profile-left-friends>div:last-child .btn{width:100%;text-align:center;border-radius:13px;padding:10px 14px;font-weight:750}
.profile-left-photos h2 a{margin-left:auto;float:none!important;padding:7px 10px;border-radius:10px;background:#eef8ff;color:#078bd5!important;text-decoration:none}
.profile-left-stories .profile-stories{padding:0 18px 18px!important}
.profile-avatar-wrap,.profile-card .profile-info-actions{transition:transform .3s ease}
.profile-card{animation:mpCardIn .45s cubic-bezier(.2,.75,.25,1) both}
.profile-left-info{animation-delay:.04s}.mp-xp-card{animation-delay:.08s}.profile-left-friends{animation-delay:.12s}.profile-left-photos{animation-delay:.16s}.profile-left-stories{animation-delay:.2s}
@media(max-width:800px){
 .profile-layout{gap:12px;margin-top:12px}
 .profile-left-column,.profile-right-column{gap:12px}
 .profile-layout .card{border-radius:20px}
 .profile-left-info h2,.profile-left-friends h2,.profile-left-photos h2,.profile-left-stories h2{padding:16px 16px 11px;font-size:18px!important}
 .profile-left-info>p{padding:11px 16px;font-size:14px}
 .profile-left-info>p:hover{padding-left:18px}
 .mp-xp-top{padding:18px 16px 12px}.mp-xp-value{font-size:34px}.mp-level-pill{font-size:12px;padding:8px 9px}
 .mp-xp-track{margin-left:16px;margin-right:16px}.mp-xp-sub{padding-left:16px;padding-right:16px}
 .mp-badges{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:12px;padding-right:12px;gap:6px}
 .mp-badge{padding:9px 5px;font-size:11px;border-radius:11px}
 .profile-friend-grid,.profile-photo-grid{padding:0 14px!important;gap:7px!important}
 .profile-friend-item{border-radius:13px}.profile-friend-item img{border-radius:13px!important}.profile-friend-name{font-size:11px!important}
 .profile-left-friends>div:last-child{padding:0 14px 14px!important}
 .profile-left-stories .profile-stories{padding:0 14px 14px!important}
 body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}
@keyframes mpCardIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.profile-card{animation:none!important}.profile-friend-item{transition:none!important}.mp-xp-fill{transition:none!important}}

/* ===== MeetingPart final visual consolidation ===== */
:root{--mp-card-radius:22px;--mp-card-shadow:0 12px 32px rgba(20,32,52,.07);--mp-card-shadow-hover:0 18px 42px rgba(20,32,52,.11)}
.card{box-sizing:border-box;min-width:0}.profile-layout .card{overflow:hidden}.profile-left-info{overflow:hidden}
.profile-left-info>p{display:flex;align-items:flex-start;gap:8px}.profile-left-info>p:before{flex:0 0 6px;margin-top:.55em}
.profile-left-info>p a{min-width:0;overflow-wrap:anywhere}.mp-xp-card{isolation:isolate}
.mp-xp-card .mp-xp-value{text-shadow:0 4px 18px rgba(0,0,0,.18)}
.mp-xp-card .mp-level-pill{box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.08)}
.mp-xp-card .mp-badge{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.mp-xp-card .mp-badge:hover{transform:translateY(-2px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25)}
.profile-friend-item img,.profile-photo-item img,.profile-photo-item video{transition:transform .28s ease,filter .28s ease}
.profile-friend-item:hover img,.profile-photo-item:hover img,.profile-photo-item:hover video{transform:scale(1.025);filter:saturate(1.04)}
.profile-left-friends .btn,.profile-left-photos h2 a,.profile-left-stories .btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.profile-left-friends .btn:hover,.profile-left-photos h2 a:hover{transform:translateY(-1px)}
.mobile-bottom-nav{z-index:9999!important}
@media(max-width:800px){
 html,body{overflow-x:hidden!important}.wrap,.home-layout{max-width:100%!important}
 .profile-layout{width:100%!important;box-sizing:border-box}
 .profile-left-info>p{padding-left:14px!important;padding-right:14px!important}
 .mp-xp-card .mp-xp-top{align-items:center}.mp-xp-card .mp-level-pill{flex:0 0 auto}
 .mp-xp-card .mp-badges{padding-bottom:14px}.profile-friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-bottom-nav{bottom:0!important;margin:0!important}
}
@media(max-width:390px){
 .mp-xp-card .mp-xp-value{font-size:31px}.mp-xp-card .mp-level-pill{font-size:11px;padding:7px 8px}
 .mp-xp-card .mp-badge{font-size:10px;padding:8px 4px}
}
@media(prefers-reduced-motion:reduce){
 .mp-xp-card .mp-badge,.profile-friend-item img,.profile-photo-item img,.profile-photo-item video{transition:none!important}
}